View Full Version : layout help/ upper case fonts


Gryffin66
11-26-2006, 10:29 AM
<TEXTAREA style="BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 2px solid; WIDTH: 100px; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; FONT-FAMILY: arial; HEIGHT: 95px; BACKGROUND-COLOR: #ffffff" rows=1 cols=28>
<STYLE type="text/css">
body {
background-color: #FFF6D1;
background-image: url(http://i41.photobucket.com/albums/e280/geli13/pattern_098.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: top center;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000;
}
.left, .blogbody, table.footer, .standard, td, p {
/* edits main text */
font:normal 11px "century gothic";
color: #000000;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color:#000000;
}

.left b,{
font-weight:bold;
color:#000000;
}

.blogbody u, .standard u, {
text-decoration: underline;
font-weight:normal;
color:#000000;
}

.blogbody i, .standard i, em {
text-decoration:italic;
color:#000000;
font-weight:normal;
}

table.footer TD {
/* 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 */
font-family: "century gothic";
text-transform: lowercase;
background-color: transparent;
font-size:19px;
font-weight:none;
line-height: 10px;
letter-spacing:-2px;
color: #000000;
text-align:right;
padding:3px;
width: 280px;
border:1px solid #0000
00;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#000000;
font:normal 9px "century gothic";;
text-decoration: none;
text-spacing:0px;
text-transform: uppercase;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#000000;
font:normal 7px small fonts;
line-height:10px;
text-decoration: none;
text-spacing:0px;
text-transform: uppercase;
}
a:hover {
/* edits when user mouseovers the links */
font:normal 7px small fonts;
text-decoration: none;
color:#000000;
letter-spacing:2px;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 7px small fonts;
background-color:#FFFFFF;
letter-spacing:0px;
color:#000000;
text-transform: uppercase;
}

table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #000000;
border-top:1px solid #000000;
width: 400px;
background-color:#FFF6D1;
}
table.left {
/* this edits the menu module */
border: 1px solid #000000;
width: 200px;
background-color:#FFF6D1;
text-align:center;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color:#FFF6D1;
font: normal 11px arial;
line-height:0px;
text-align:center;
color:#000000;
border: 1px solid #000000;
letter-spacing:0px;
}

table.left TD {
/* on your menu module, this edits the body part of it */
font:normal 11px arial;
color:#000000;
text-align:center;
border-top:1px solid #000000;
width: 200px;
background-color:#FFF6D1;
text-transform: lowercase;
}

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

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

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

hr {
/* horizontal divider */
border:0px #000000;
}

</style>
<!-- End Script by Blogring.net -->
</text>

can anyone take a look at the code up there and tell me where I could change the font at the menu bar to be in lower case rather than up?

here's the site, if you need to take a look.
<a href="http://www.xanga.com/texzt">site here</a>

and where may I change the font color and size of the portion that says:
texzt: Blog Videos Music etc....

it's the one on top and is very small...

tokyo bleu
11-27-2006, 07:11 AM
Replace table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 600px;
} with

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 600px;
text-transform: lowercase;
}