Log In · Register

 

Help Topic Rules and Requirements


For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | Big Book of Resources

Submission Guidelines

 
 Closed TopicStart new topic
MySpace CSS Templates, 4 main page, 2 blog page
moorepocket
post Apr 26 2005, 04:39 PM
Post #1


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
<span style='font-size:11pt;line-height:100%'>MAIN PAGE CSS (LONG VERSION)</span>

here the myspace css. If you know css, you can manipulate.

It's very easy to use.

There are /* comments */ throughout the css, so you should be able to edit without killing yourself. hehe. laugh.gif


CODE

<style>
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,div,p,xmp,table,tr,td,th{
background-color:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:CCFFFF;
scrollbar-face-color:CCFFFF;
scrollbar-highlight-color:CCFFFF;
scrollbar-darkshadow-color:CCFFFF;
scrollbar-3dlight-color:CCFFFF;
font-family:tahoma;
font-size:8pt;
color:CCFFFF;
border:none;}

input, select, textarea, .textfield, .button {
font-family:tahoma;
font-size:8pt;
color:FFFFFF;
border: 1px dashed FFFFFF;
background-color:transparent;
text-align:center;}

{ TEXT DEFAULTS }
{class for the basic font for the page}
.text {
font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-align:justify;}

b,i,strong,em,u,s {
font-family:tahoma; font-size:8pt;color:FFFF00;font-weight:normal;cursor:help;}

{style for the number of friends you have.}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF; }

{repeat of the style for how many comments you have}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF; border:0px solid FFFFFF;}

{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:000000; border:0px solid FFFFFF;text-decoration:underline;}

{"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style}
.lightbluetext8{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:000000;border:0px solid FFFFFF;text-align:right;}

{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFF00; font-weight:bold;text-decoration: underline; text-transform:uppercase;}

{"Contacting", "Interests", "Details", and "Schools" title styling}
.whitetext12{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration: underline; border:0px solid CCFFFF; text-transform:uppercase;}

{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}

{date stamp on comments}
.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;border:0px solid FFFFFF;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-decoration:none}
a:hover{border-bottom:1px dashed FFFFFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;}

{not used on profile}
a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: CCFFFF;}
a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF; }

{ "View all friends" and "invite more" link style}
a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}
a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:FFFFFF;text-decoration:none}
a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00; border-bottom:1px dashed FFFFFF;}

{ TEXT FORMATTING
DEFAULT FONT, SIZE 8, BLACK }
{ btext used for "latest blog entry" and "USERNAME has * friends"}
.btext, .itext{font-family:tahoma;  font-size:8pt; line-height:10pt; color:FFFF00;border:0px solid FFFFFF;}

{ DEFAULT FONT, SIZE 8, COLORS }
{unused on profile}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:FFFF00;font-size:8pt;font-weight:bold;}

{ DEFAULT FONT, SIZE 8 }
{unused on profile}
.stext, .sbtext, .swtext{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ DEFAULT FONT, SIZE 11 }
{unused on profile}
.head11, .text11{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ TABLE COLORS }
{apparently unused?}
table.grey, tr.grey, td.grey{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.white, tr.white, td.white{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.action, tr.action, td.action{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF; }
table.blue_light, tr.blue_light,
td.blue_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}


{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}
a:hover{font-family:tahoma;
font-size:8pt;color:FFFF00; text-decoration:none;border-bottom:1px dashed FFFFFF;}
</style>
 
moorepocket
post Apr 26 2005, 04:54 PM
Post #2


Death is a promise given to us at birth
*******

Group: Official Designer
Posts: 4,757
Joined: Mar 2004
Member No: 7,459
MYSPACE BLOG CSS

Once log in at the top of the 13 links, find one that says "blog" and click on it. At the bottom. you will see "customize blog". Copy and paste this code in "your own header html."

I left { comment } through out the code to help you




And at the end of your blog look and feel page, where you insert "Your own Additional Style Sheet," paste this scrollbars code, if you want color scrollbars, in the style textbox given. Just like that, no <style></style>
CODE
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}
 
D1SMANTLED
post Jun 4 2005, 01:42 PM
Post #3


mosh.
******

Group: Member
Posts: 1,841
Joined: Dec 2004
Member No: 73,114
MAIN PAGE CSS (SHORT VERSION)

So here's a Myspace Stylesheet you can use to customize your Myspace.

Change it however you want. Replace '######' with a valid hex code with no '#' in front of it (contrary to Xanga). If there are any glitches in this stylesheet, report them and I'll fix it.

CODE
<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>
 
freeflow
post Jan 9 2006, 07:29 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Tiny/Skinny Tables CSS credits to Coldtrance

CODE
<style type="text/css">

table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image: url("BACKGROUND HERE");
background-attachment:fixed;
background-repeat: repeat;
background-position:bottom left;
background-color:COLOR HERE; }


table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:COLOR HERE;
background-color:COLOR HERE;
}
TABLE, TD {background-color:transparent;border:none; border-width: 0px; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; width:350px; text-align:justify;}

TABLE TABLE {background-color:transparent;border: none;color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE {background-color:COLOR HERE;border: 1pt solid;border-color:COLOR HERE;font: bold 8px FONT HERE; height: .01%; width: 100%; padding: 1px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE TABLE {background-color:transparent;border:none;color:COLOR HERE; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; }

TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; }

TD TD {text-align: normal;}
TD TD TD {text-align: normal;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}
TD TD TD TD TD {border-top: 1px solid COLOR HERE; text-align:justify;}
TD TD TD TD TD TD {border: 0px solid;}
table table td.text table td.text table table tbody td table, span.btext {display: }
img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

BODY { scrollbar-3dlight-color:COLOR HERE;
scrollbar-arrow-color:COLOR HERE;
scrollbar-base-color:COLOR HERE;
scrollbar-track-color:COLOR HERE;
scrollbar-darkshadow-color:COLOR HERE;
scrollbar-face-color:COLOR HERE;
scrollbar-highlight-color:COLOR HERE;
scrollbar-shadow-color:COLOR HERE;}



table, td, p, span, li, strong, div{color: COLOR HERE; font-family:FONT HERE; text-transform: lowercase; font-size: 8pt;letter-spacing:0px; font-weight:normal;}

.blacktext10{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration:none; font-size: 8pt;font-weight:normal; }



.blacktext12 {color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 8pt;font-weight:normal;}

.btext{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 8pt; font-weight:bold;letter-spacing:;}



.nametext{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 28pt;font-weight:bold;letter-spacing:-0.3em;border: 1px solid COLOR HERE; letter-spacing:4px; line-height:25px;background-color:COLOR HERE;
display: block;}



.redbtext{color: COLOR HERE; font-family:FONT HERE;cursor:help;text-transform: uppercase; text-decoration: none; font-size: 8pt; font-weight:bold;letter-spacing:;}


.redtext{color: COLOR HERE; font-family:FONT HERE;cursor:help;text-transform: lowercase; text-decoration: none; font-size: 8pt;font-weight:normal;}

.redtext8{color: COLOR HERE; font-family:FONT HERE;cursor:help;text-transform: lowercase; text-decoration: none; font-size: 8pt;font-weight:normal;}


.whitetext12{color: COLOR HERE; font-family:FONT HERE;cursor:help;text-transform: lowercase; text-decoration: none; font-size: 14pt;font-weight:bold; border: 1px solid COLOR HERE; letter-spacing:2px; line-height:25px;background-color:COLOR HERE;
display: block;}

.lightbluetext8 {font-family:FONT HERE; font-size: 16pt; color: COLOR HERE; font-weight: bold; }

.orangetext15 {font-family: FONT HERE; font-size: 16pt; color: COLOR HERE; font-weight: bold; border: 1px solid COLOR HERE; letter-spacing:2px; line-height:25px;background-color:COLOR HERE;
display: block;}


.text {font-family: FONT HERE; font-size: 8pt; color: COLOR HERE; }


a:link{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size:8pt;font-weight:bold;letter-spacing:;}

a:visited{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size:8pt; font-weight:bold;letter-spacing:;}

a:active{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size:8pt;font-weight: bold }

a:hover{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 8pt;font-weight: bold}


a.navbar{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 15pt; }font-weight: bold}

a.navbar:link{color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 15pt; font-weight: bold}

a.navbar:active{color:COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 15pt;border: 1px solid; border-color:COLOR HERE; background-color: COLOR HERE;font-weight: bold}

a.navbar:visited{color:COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 15pt;font-weight: bold}

a.navbar:hover{ color: COLOR HERE; font-family:FONT HERE;text-transform: lowercase; text-decoration: none; font-size: 15pt;border: 1px solid; border-color:COLOR HERE; background-color: COLOR HERE; font-weight: bold}


</style>
 
freeflow
post Sep 17 2006, 11:10 AM
Post #5


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Default layout with a twist
Contributed by: anime.essence

CODE
<style type="text/css">
img,a:active img,a:link img,a:visited img,
img{border:0px;!important;cursor:default}
a:hover img{filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=3);
line-height:0px;cursor:default}
.layout{website:url(http://www.myspace.com/20558964);position:absolute;top:0px;left:0px;}
a:hover img{-moz-opacity:0.40;cursor:default}
a.text,table div font a,table div div,.navbar font,tr td font,.orangetext15,.whitetext12,.redtext,.redbtext,.btext{visibility:hidden;disp
ay:none;height:0px;!important;cursor:default}
font,td,body,table,body,td,li,p,div,li,h1,h2,p,br,li,ol,ul,
.text{font-family:small fonts;
font-size:7px;text-transform:uppercase;text-decoration:none;font-weight:normal;cursor:default}
a:active link,a:visited link,a:link,a.redlink:active, a.redlink:visited,
a.redlink:link{font-family:small fonts;font-size:7px;color:black;text-transform:uppercase;text-decoration:none;font-weight:normal;cursor:default}
a.redlink:hover,a:hover{font-family:georgia;font-size:21px;color:black;text-transform:lowercase;text-decoration:none;font-weight:normal;
letter-spacing:-3px;
line-height:8px;cursor:default}
table table table{border:black 1px solid;padding:0px;cursor:default}
.blacktext12,.lightbluetext8{display:block;font-family:arial;font-size:11px;color:black;letter-spacing:0px;text-transform:lowercase;font-weight:normal;cursor:default}
.nametext{display:block;font-family:georgia;font-size:24px;color:black;
letter-spacing:-3px;text-transform:lowercase;font-weight:normal;display:block;position:relative;top:55px;
left:20px;cursor:default}
b,s,i,u,.blacktext10,strong{font-family:arial;font-size:11px;color:black;
letter-spacing:0px;text-transform:lowercase;font-weight:normal;text-decoration:none;cursor:default}
td td,td td td{text-align:center;cursor:default}
table,tr,td,table table,table table table table{border:0px;width:0px;height:0px;!important;line-height:7px;cursor:default}
td td td td,td td td td td,td td td td td td{border:0px;width:0px;cursor:default}
table,td{padding:0px;width:300px;cursor:default}
table table,table table table,table table table table,
table table table table table,table table table table table table{padding:1px;height:0px;width:100%;cursor:default}
</style><a href="http://www.createblog.com/layouts/index.php?author_id=364198"class="layout">anime.essence</a>
 
lbr
post May 16 2007, 01:34 AM
Post #6


Newbie
*

Group: Member
Posts: 2
Joined: Feb 2007
Member No: 500,707
I thought his would come in handy for everyone who wants to edit their blog's CSS but don't really understand what's going on.

I've used the the default, bare bones CSS from the actual blog page; nothing has been changed with the code except for the addition of ".lbr {}" to explain what each class does. If you are expecting an actual layout, this won't be it. You have to manually change each attribute to make the layout. Again, this is just a quasi-tutorial!

CODE
/* Basic page attributes*/

.lbr {overall look of your blog}
Body {
text-align:center;
font-family:Verdana;
color:#000000;
font-size:x-small;
text-decoration:none;
background-attachment:fixed;
background-color:#FFFFFF;
background-image:url();
background-position:center;
background-repeat:no-repeat;
}

.lbr {link = all links
visited = things you've clicked before
active = as you are clicking
hover = as your mouse goes over the link}
:link {
font-family:Verdana;
color:#003399;
font-size:x-small;
text-decoration:underline;
}

a:link {
font-family:Verdana;
color:#003399;
font-size:x-small;
text-decoration:underline;
}

a:visited {
font-family:Verdana;
color:#003399;
font-size:x-small;
text-decoration:underline;
}

a:active {
font-family:Verdana;
color:#003399;
font-size:x-small;
text-decoration:underline;
}

a:hover {
font-family:Verdana;
color:#003399;
font-size:x-small;
text-decoration:underline;
}




/* Blog Portion of Your Page */
.lbr {the table your ENTIRE page sits in.
to move left or right, use margins.}
table.main {
width:90%;
border:none;
}

.lbr {the cells and rows of table.main; no real need to mess with this.}
table.main TD,table.main TR {
border:none;
}

.lbr {navigation above your entries;
home | mail | rss | sign out}
table.nav {
font-family:Verdana;
color:#000000;
font-size:x-small;
}

.lbr {unless you specify a header, these won't show up.}
table.header {
width:100%;
background-color:#D5E8FB;
border:1px solid;
border-color:#000000;
}

table.header TH {
font-family:Verdana;
color:#000000;
font-size:x-large;
text-decoration:none;
font-weight:normal;
border:none;
}

table.header TD {
font-family:Verdana;
color:#000000;
font-size:x-large;
text-decoration:none;
font-weight:normal;
border:none;
}

.lbr {side module; physical aspects
use width to make smaller or larger [px]}
table.profile {
width:100%;
border:1px solid;
border-color:#B1D0F0;
background-color:#ffffff;
text-align:center;
}

.lbr {side module; how test looks}
table.profile TD {
font-family:Verdana;
color:#000000;
font-size:8pt;
text-decoration:none;
border:none;
}

.lbr {blog table; includes entries, stamps, etc;
use width to make bigger or smaller [px].}
table.blog {
width:100%;
font-size:x-small;
font-family:verdana;
color:#000000;
word-wrap:break-word;
background-color:#B1D0F0;
}

.lbr {how the time looks}
.blogTimeStamp {
font-size:x-small;
font-family:verdana;
color:#000000;
font-weight:bold;
background-color:#B1D0F0;
text-align:left;
}

.lbr {how the subject looks;
text-align will move the subject left, right, or center.}
.blogSubject {
font-size:x-small;
font-family:verdana;
color:#000000;
font-weight:bold;
background-color:#B1D0F0;
text-align:left;
}

.lbr {text in entries}
.blogContent {
font-size:x-small;
font-family:verdana;
color:#000000;
font-weight:normal;
}

.lbr {links below entries;
you should be able to use text-align to move left, right, or center}
.blogContentInfo {
font-size:x-small;
font-family:verdana;
color:#000000;
font-weight:normal;
}

.lbr {the left side w/ picture of the comment box}
.blogCommentsProfile {
width:25%;
font-size:x-small;
font-family:verdana;
color:#000000;
font-weight:bold;
background-color:#FF9933;
text-align:center;
}

.lbr {right side w/ comment of comment box}
.blogComments {
background-color:#F9D6B4;
}

.lbr {how the text will appear.}
.blogCommentsContent {
font-size:x-small;
font-family:verdana;
color:#000000;
}

.lbr {the space between entries;
if background set to same color as blog entries,
the entries will appear to only sit in one "box".}
.spacer {
height:2;
background-color:#FFFFFF;
}

.lbr {space between comments}
.commentSpacer {
height:2;
background-color:#FFFFFF;
}


I hope you don't mind that I've merged this into one of our pinned topics, as it does fit quite well there. :)
} Azarel

This post has been edited by jaeminnie: Sep 28 2008, 01:17 PM
 
« Next Oldest · MySpace Support · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic