ximori_layout20 on Xanga

ximori_layout20
read my profile sign my guestbook Message: message me Member Since: 10/22/2005

SubscriptionsSites I Read
Subscribe to ximori_layout20 Get trial subscription

Posting Calendar

\|<< oldest \| newest >>\|
view all weblog archives

Saturday, October 22, 2005

I like this layout (it's probably of my best) a lot. Probably because I like the quote and the colors. They match so well don't you think? Anyways, didn't take me long to do the code cause'. Please comment if you like it!

Remember, I make my layouts to Mozilla, not IE. It's 2px off in IE. If you want to make it fit according to IE, go find 498px (there's only one number liked that) and change it to 500px.

.left, .blogbody, table.footer, .standard,
.leftmodulefontcolor, td, p {/* edits main text */  
font:normal 11px verdana;
line-height:11px;
color:#8d7e85; 
letter-spacing:0px;
text-align:justify;}

table.footer
{/* this makes the footer at the bottom centered *//* leave it alone unless you know what to do*/
text-align: center;}

div.blogheader, .caption {/* edits the dates */
background-color: #8d7e85;
font: normal 12px verdana;
text-transform: none;
color: #c3babd;
letter-spacing:1px;
border-right: 1px solid #8d7e85;
border-left: 1px solid #8d7e85;
border-top: 1px solid #8d7e85;
font-weight:bold;
text-align: center;
width: 498px;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {/* edits all links*/
color:#8d7e85;
font:normal 11px verdana;
line-height:11px;
text-decoration: none;}

a:visited, a.footernav:visited  {/* edits the links that the user has visited */
color:#8d7e85;
font:normal 11px verdana;
line-height:11px;
text-decoration: none;}

a:hover {/* edits when user mouseovers the links */
color: #c3babd;
height: 1px;
font:normal 11px verdana;
line-height:11px;
cursor: help;
text-decoration: none;
font-weight: bold;
border-bottom: #c3babd 1px dotted}

input, select, textarea, iframe.htmleditor, .textfield, .button {/* this edits the buttons, dropdowns, etc. */ 
border: 1px solid #8d7e85;
font: normal 11px verdana;
color: #8d7e85;
background-color: #ffffff;
letter-spacing: 0px;
text-transform: none;}

table.left {/* this edits the menu module */
border: 1px solid #8d7e85;
width: 170px;
text-transform:none;
background-color: #8d7e85;}

table.blogbody {/* this edits the other the place where the  blog is */
border-top: 1px solid #8d7e85;
border-bottom: 1px solid #8d7e85;
border-left: 1px solid #8d7e85;
border-right: 1px solid #8d7e85;
background-color: #ffffff;
width: 500px;}

table.left th {/* on your menu module, this edits the title part of it *//* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url ();
background-color: #8d7e85;
font: normal 11px verdana;
text-transform: none;
color: #c3babd;
letter-spacing: 1px;
border-bottom: 1px solid #8d7e85;
text-align: center;}

table.left TD {/* on your menu module, this edits the body part of it */
background-image: url();
background-color: #ffffff;
border-top: 1px solid #8d7e85;}

table.search TD, table.search, table.announcements {/* border of search bar (if you have it) */
background-color: #ffffff;
border: 1px solid #8d7e85;}

table.search TD, table.announcements TH {/* this should be left alone *//* unless you know what to do */
border: 0px solid #8d7e85;}

table.navigation, table.main, table.footer {/* the width of your blog with modules */
width: 670px;}

hr {/* horizontal divider */
border: 1px solid #ffffff;}

em, i {
font-weight: italic;
color: #c3babd;}

u {
color: #c3babd;
border-bottom: 1px dotted #8d7e85;}

strong {
font-weight: bold;
font-size: 11px;
color:#c3babd;
letter-spacing:0px;}

b {
font-weight: bold;
font-size: 11px;
color: #c3babd;  
letter-spacing:1px;}

div.content{
background-color: #8d7e85;
border-top: 1px solid #8d7e85;
padding: 3px;}

.side{
background-color: #8d7e85;
font: normal 11px verdana;
text-transform: none;
color: #c3babd;
letter-spacing:1px;
border-bottom: 1px solid #ffffff;
text-align: center;}

</style>

Bold Italic Underline

2:54 PM - 18 views - add eprops - add comments - email it