Can sum1 break the tutorial down..., 2 kindergarten terms? Options

[dreamsbecomereal...]

every1, again i'm new n the tutorial given about the div needs 2 b broken down simpler 4 me. can sum1 help me? plz.

[fredatemespleen]

i think this is much easier to learn from.
http://atomicaffliction.com/coding3.php

i learned from that and i made my very first div in less than an hour.

[dreamsbecomereal...]

every1, again i'm new n the tutorial given about the div needs 2 b broken down simpler 4 me. can sum1 help me? plz.

ok i'll give it a try. thnx

[karmakiller]

I think that the one here is pretty basic. I suggest reading over it once and then the second time, try making your layout as you follow the steps. If you get stuck at one of the steps, post it in this topic and someone will explain.

[dreamsbecomereal...]

Second:

Customizing your profile.
http://www.createblog.com/forums/index.php?showtopic=84325

I suggest using the 3rd one down, it explains what all parts do and such.
But mostly all you need to do is do the background color, scrollbar colors, border colors.
and link colors and text properties.

k i'm confused about this step. can sum1 help me out?

[karmakiller]

This topic breaks down what all those codes mean.

Make sure that you put <style> before your codes and </style> after them.

For changing the background color use this:

CODE

body {
background-color: ######;}

You can find color codes at places like this.

To change your scrollbar, use this:

CODE

scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;

Again, change the zeros to the colors you want.

Here's what each part of the code changes:


To add borders to your tables, use this:

CODE

table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {border-style:solid;border-width:2px;border-color:000000;}

You can change the thickness of the border (1 being the thinnest and up from there.)

The text and CSS is explained in the topic I linked, but just incase.

Orangetext15: About Me and Who I'd Like to Meet text
Whitetext12: Interests, Contacting, Details, and Schools text.
Lightbluetext8: General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Ethnicity, Zodiac Sign, Smoke/Drink, Education, and Occupation
Text: Your headline, Age, that stuff.
Blacktext12: Date on comments
Blacktext10: Extended network text.
Redtext: Amount of friends and number
Redbtext: Has # friends and name's latest blog entry.

For the links:

CODE

a:active, a:visited, a:link {color:######;}
a:hover {color:######;}
a.navbar:active, a.navbar:visited, a.navbar:link {color:######;}
a.navbar:hover {color:######;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:######;}
a.redlink:hover {color:######;}

And what those do are as follows, in the order of the lines above.
Regular Links
Regular links when you hove them
Navigation bar links
Navigation bar on hover
"view all friends"
"view all friends" hover.

You can also edit the text and so on in the links, I just didn't include that because it's a lot to type. But here's an example:
a.link{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

Hopefully that helped. Took me a while to type out.

[iSbl]

Is there a tutorial on how to make a div overlay on your cB profile? If so, could I have a link to it? Thanks.

[karmakiller]

Can't stress checking the pinned topics first enough.

http://www.createblog.com/forums/index.php?showtopic=142922

[dreamsbecomereal...]

ty karma. it makes more sense now.

[karmakiller]

No problem. I'm going to go ahead and close this, but if you have any more questions you can PM me (and I can either help you, or re-open this topic.)