top box stylesheet [Archive] - Lissa Explains it All: Web Design Forums

guilinger123

12-23-2005, 02:57 AM

If you have some knoledge of making layouts, then you can use this code.
<body><center><span>
<div style="width: 400px; border:1px solid #000000; background-color: #ffffff;">
<font face="tahoma"><font size="1"pt><font color="009ACD" <left>Text here, I think you get the point, that what this textbox is all about, to make it spiffy, you can make words <b>bold</b> <i>italic</i> and <u>underlined!</u> Have fun. Text here, I think you get the point, that what this textbox is all about, to make it spiffy, you can make words <b>bold</b> <i>italic</i> and <u>underlined!</u> Have fun. If you are a layout site, put your credit here, and add it with the links just incase!<br><br></left>
<br><br><br><br><center>

<a
href="http://www.xanga.com">Home</A>.<a
href="http://www.xanga.com/logout.aspx">Sign Out</a>.<a
href="http://www.xanga.com/Private">Yours</A>.<a
href="http://www.xanga.com/CLAF/default.asp">Claf</A>.<a
href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME HERE">Add Me</A>
</div></td></tr></table></center>
<style type="text/css">
body {
background-color: 00B2EE;
scrollbar-arrow-color: 00B2EE;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font:normal 10px tahoma;
line-height:18px;
color:009ACD;
letter-spacing:0px;
text-align:center;
}
table.footer TD {
display: none;
}
div.blogheader, .caption {
display: none;
}
table.navigation {
display: none;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #009ACD;
font:normal 10px tahoma;
padding: 0px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
color: #009ACD;
font:normal 10px tahoma;
padding: 0px;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
font:normal 10px tahoma;
padding: 0px;
text-decoration: none;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
border: 1px solid #009ACD;
font:normal 10px tahoma;
background-color: #FFFFFF;
color: #009ACD;
}
table.left {
display:none;
}
table.blogbody {
background-color: FFFFFF;
background-image: none;
width:400px;
border: 1px solid #000000;
}
table.search TD, table.search, table.announcements {
background-color: FFFFFF;
border: 0px solid FFFFFF;
align:right;
}
table.search TD, table.announcements TH {
border: 0px solid FFFFFF;
}
table.navigation, table.main, table.footer {
width: 400px;
}
hr {
display:none;
}
</style>
I hope it works, I kinda just played around with it alittle to make it have a top box, and I looked at other people's codes. :)