WHAT?
What DIV is:
Literally means "division". The <div> tag is used to "divide" a web page into different sections. These sections are boxes. We use the div tag to generate boxes on a web page, and then we use CSS to style these boxes.
A Layout is made up of several div tags that are positioned in such a way so as to create a layout of columns and/or rows. Each div is styled with CSS. It is with CSS that we position each div tag.
Designed to work in conjunction with CSS, we have far fewer HTML tags to learn. This is due largely to the fact that CSS is used for all formatting and positioning. Whereas HTML & XHTML are used to create structures and add content.
Literally means "division". The <div> tag is used to "divide" a web page into different sections. These sections are boxes. We use the div tag to generate boxes on a web page, and then we use CSS to style these boxes.
A Layout is made up of several div tags that are positioned in such a way so as to create a layout of columns and/or rows. Each div is styled with CSS. It is with CSS that we position each div tag.
Designed to work in conjunction with CSS, we have far fewer HTML tags to learn. This is due largely to the fact that CSS is used for all formatting and positioning. Whereas HTML & XHTML are used to create structures and add content.
Clean Silver Boxes DIV layout--
NOTE 1: This is a bit of a complicated layout and would be best used for people who understand HTML. This is because there are 5 DIVs, I shall go through them one by one:
1: MAIN_BOX: This is where the main stuff goes
2: RIGHT_BOX: Mini Info Box
3: BOTTOM_LEFT_BOX: Music Player
4: BOTTOM_RIGHT_BOX Updates/To Do List/Whatever
5: AVATAR_IMAGE: Avatar image
6: SCROLL_BOX: Scrolling message/ticker
If you want to see how I filled in a similar layout to this to give you an idea what this layout might look like if done 100%, above an old dummy I made.
NOTE 2: Regarding AVATAR_IMAGE, you just gotta copy and paste the URL of your avatar image/display picture over this URL: http://jkb123.net/RRLayouts/avatar.jpg, but it MUST be 160×220 – the size determined by IMVU.
NOTE 3: The screen shot above shows this layout with a white background, but this layout has NO background to it. I made this layout with no background so you can freely add your own in. To do that, find the bit of code that says “background-image:url(http://ENTER BACKGROUND URL HERE);” it should be very near the top. Then paste the URL of your background over “http://ENTER BACKGROUND URL HERE” – and you’re done!
NOTE 4: This is a fast loading layout (The main layout image is 34.75 kB, compare that to this layout where the background is 200.69kb and the main layout image is 120.48kb). Perfect for people with slow internet connections.
1: MAIN_BOX: This is where the main stuff goes
2: RIGHT_BOX: Mini Info Box
3: BOTTOM_LEFT_BOX: Music Player
4: BOTTOM_RIGHT_BOX Updates/To Do List/Whatever
5: AVATAR_IMAGE: Avatar image
6: SCROLL_BOX: Scrolling message/ticker
If you want to see how I filled in a similar layout to this to give you an idea what this layout might look like if done 100%, above an old dummy I made.
NOTE 2: Regarding AVATAR_IMAGE, you just gotta copy and paste the URL of your avatar image/display picture over this URL: http://jkb123.net/RRLayouts/avatar.jpg, but it MUST be 160×220 – the size determined by IMVU.
NOTE 3: The screen shot above shows this layout with a white background, but this layout has NO background to it. I made this layout with no background so you can freely add your own in. To do that, find the bit of code that says “background-image:url(http://ENTER BACKGROUND URL HERE);” it should be very near the top. Then paste the URL of your background over “http://ENTER BACKGROUND URL HERE” – and you’re done!
NOTE 4: This is a fast loading layout (The main layout image is 34.75 kB, compare that to this layout where the background is 200.69kb and the main layout image is 120.48kb). Perfect for people with slow internet connections.
