REFRESH
[Intro]
[Layouts/Backgrounds]
[Images]
Page Jumps
[Links/Mouseovers]
[Page Cursors]
[Color Chart]
[Marquees]
[Font]
[Div/Tables]
[Scrollbars]
[No Right Clicks]
[Xtras]
[Requests]
[Banners]
[Outro]

Introduction


Welcome to Ez Codez! Where the Codez at. ..

[-:: To get the codes::-]
* Highlight the code with your mouse
* To copy the codes press the Ctrl & C keys on your keyboard at the same time. If that doesn’t work, drag it to your word document/notepad/txt/ page editor.
* If you clicked the keys, here is what you do, click Ctrl & V keys at the same time in your word document/notepad/txt/ page editor and it should paste it right on there.

[About the Page]
| Colors | White [Hex: #FFFFFF], Black [Hex: #000000]
| Layout Creator| Me
| Prog | Unlead Photo Express 4.0 SE

[Layouts][Backgrounds]



[Layouts]
In order for these Codes to work your Layout must cover the entire page.

Before adding the layout code, You must first add this one
(It makes the background that your layout overlaps, one solid color, you can fix the hexcode to custom fit the color of your layout)


Layout Code that covers the entire page.
(If you added the First code, then you can add the one below)


[Backgrounds]

Gradient Background
(You can choose any two Hexcodes for this one)


Page Border
( This one creates a thick border around the entire page)


Different Color Page Borders
(This one has 4 different page borders that border your page)

Images

Page Jumps


[What are they?]
If you have a lot of text on your page, you can add page jumps as shortcuts just in case someone doesn't want to go through all of the info to find what they want. Page jumps are more effective if they are somewhere near the top of your page. Let's say you have a section for intro, profile, contacts, and friends (A navigation). You will need to use a page jump for each section. Each page jump should have a different name.

If you want to use page jumps, there are two things that you will need to use to make it work properly. <a href="#intro">Click here For Intro</a> and <a name="intro"></a>

At the top of your page you should have something like <a href="#contacts">::contacts::</a>

Make sure you leave the # in the link. If you take it out, it will not work properly.

In the sections where you tell of ways to contact you, you will need to insert <a name="contacts"></a> at the beginning of that section( something I like to call the Navi Div). When someone clicks on the link for ::contacts:: it will bring that section to the top of the page.

[FYI] Each page jumps has one match. It can only have one match. So if you use <a name="contacts"></a> in three places on your page, it will only go to the first one that it finds on the page. Therefore you will need to use a different one for each link.

[Navigation Div Code]
You can change the size and position of the div to what will work best for your page. Make sure that you change the sizes of all of them. The width of the 1st div should be 2 pixels wider than the rest. If you want to position it, only position the first div.
( You can make as many links as you like, I usually work with numbers instead of text, ex: <a href="#1">Intro</a> I find it easier. )


Below is the Main Div to where the links will jump to


If you want the Divs to be Transparent then simply change ;background:transparent; If you don’t want a border, simply change 1px to 0px.


Links/Mouseovers

Page Cursors

Color Chart

< a name="7">
Marquees

Font

Divs/Tables

Scrollbars

No Right Clics

Xtras

Requests

Banners

Outro