.css tags, need list Options

[deadsouls]

ok, so ive been working with my css a bit more, but i need a good reference for all the xanga tags that i can use in it, like how you have .blogbody and stuff like that, what all is there to use?

like, id like to be able to know what to use to identify the add comment and eprop little menu below each entry to, say, center it.

[Smallbubba89]

blogring is down but luckily I had a CSS theme saved on my hard drive. it's a good example for a complete CSS theme. Use xanga editor to view it. Many people from blogring use basic themes like this and tweak it t their preference. Once you know more tags, you can add it in your CSS. Gradients and Filters are pretty cool if you know where to put them.

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* Make a title for your CSS here */
body {
 background-color: #ffffff;
 scrollbar-arrow-color: #996633;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #996633;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #cc9933;
 scrollbar-darkshadow-color: #663333;
 scrollbar-3dlight-color: #FF9900;
 }

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

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 */
 background-image: url(http://www.pudgeefeet.com/images/chococat_duck.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 width:420px;
 font-family:arial;
 text-transform:capitalize;
 font-size:14px;
 line-height:20px;
 font-weight:regular;
 color:#669933;
 letter-spacing:0px;
 background-color: #ffffff;
 text-align: right;
 border: none;
 border-width: 1px 1px 0px 1px;
 padding-right: 45px;
 }

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

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#CC9933;
 font:normal 11px arial;
 line-height:10px;
 text-decoration: line-through;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#cc9933;
 font:bold 14px arial;
 line-height:10px;
 cursor: hand;
 text-decoration: none;
 }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #669933;
 font:normal 11px arial;
 background-color: #FFFFFF;
 letter-spacing:0px;
 color: #669933;
 filter: alpha(style=0,opacity=50);
 }

table.left {
/* this edits the menu module */
 border: 1px solid #669933;
 width:180px;
 background-color: none;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px dashed #669933;
 background-color: none;
 width:420px;
 border-width: 1px 1px 1px 1px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-image: url(http://www.geocities.com/clipart/pbi/pictures/Sanrio/chococat_titlebar.gif);
 background-repeat: no-repeat;
 background-position: top left;
 background-color: #ffffff;
 width:180px;
 font: bold 16px arial;
 line-height: 27px;
 text-transform: capitalize;
 color: #ffffff;
 border: 1px solid #669933;
 border-width: 1px 1px 1px 1px;
 text-align: right;
 }

table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: none;
 border: 1px solid #669933;
 border-width: 1px 1px 1px 1px
 width:180px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #ffffff;
 border: 2px solid #669933;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #669933;
 }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 620px;
 }
hr {
/* horizontal divider */
 border: 1px dashed #669933;
 }
</style>
<!-- end code provided by createblog.com -->

I used this as a skeleton for my CSS style sheet and add/remove parts where necessary. I'll show another example using different tags like gradients and alpha filters