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.
Full Version: .css tags
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.
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.
bump!
ok, i'm sorry if this is too much trouble, but i think it would be necessary if i knew at least a handful of the css commands for xanga, because if i knew those, it would take a gigantic load off of any future help i may ever need.
ok, i'm sorry if this is too much trouble, but i think it would be necessary if i knew at least a handful of the css commands for xanga, because if i knew those, it would take a gigantic load off of any future help i may ever need.
QUOTE(deadsouls @ 01-20-2004, 07:30 AM)
bump!
ok, i'm sorry if this is too much trouble, but i think it would be necessary if i knew at least a handful of the css commands for xanga, because if i knew those, it would take a gigantic load off of any future help i may ever need.
ok, i'm sorry if this is too much trouble, but i think it would be necessary if i knew at least a handful of the css commands for xanga, because if i knew those, it would take a gigantic load off of any future help i may ever need.
hey dudes
The specific CSS tags in Xanga are the following:
I hope I didn't miss something.
You can also use general CSS tags for links, body, text..
Hope that helps
CODE
<!-- begin code provided by createblog.com -->
/* module stuff */
.left, .leftmodulefontcolor, table.left, table.mainleft { font:normal 11px arial}
/* date */
div.blogheader, .caption { font: bold 11px arial }
/* main blog area */
table.blogbody { border: 0px }
table.blogbody tr td {width:0px;font:normal 11px arial}
.blogbody b, p b, strong { font-weight: bold }
/* footer and header */
table.footer {font: 11px arial}
table.navigation {font: 11px arial}
.footernav.link, a.footernav:link, a.footernav:active, a.footernav:visited { font: 11px arial}
table.search TD, table.search, table.announcements { border: 1px solid #c0c0c0;}
/* comments and guestbook page */
table.smalltext { width:100%; } table.smalltext td { text-align:center;}
#pnlEnabled table, #htmleditor, #lblTimeZone { width: 250px}
#pnlEprops {display: none;}
/* input fields */
input, select,textarea, .textfield, .button { border: 1px solid #f2f2f2;font:normal 11px arial;background-color: #FFFFFF;letter-spacing:0px;color: #000000; }
<!-- end code provided by createblog.com -->
/* module stuff */
.left, .leftmodulefontcolor, table.left, table.mainleft { font:normal 11px arial}
/* date */
div.blogheader, .caption { font: bold 11px arial }
/* main blog area */
table.blogbody { border: 0px }
table.blogbody tr td {width:0px;font:normal 11px arial}
.blogbody b, p b, strong { font-weight: bold }
/* footer and header */
table.footer {font: 11px arial}
table.navigation {font: 11px arial}
.footernav.link, a.footernav:link, a.footernav:active, a.footernav:visited { font: 11px arial}
table.search TD, table.search, table.announcements { border: 1px solid #c0c0c0;}
/* comments and guestbook page */
table.smalltext { width:100%; } table.smalltext td { text-align:center;}
#pnlEnabled table, #htmleditor, #lblTimeZone { width: 250px}
#pnlEprops {display: none;}
/* input fields */
input, select,textarea, .textfield, .button { border: 1px solid #f2f2f2;font:normal 11px arial;background-color: #FFFFFF;letter-spacing:0px;color: #000000; }
<!-- end code provided by createblog.com -->
I hope I didn't miss something.
You can also use general CSS tags for links, body, text..
CODE
<!-- begin code provided by createblog.com -->
/* text */
body { background-color: #FFFFFF;}
p { font:normal 11px arial;color:black }
/* links */
a:link { font: 11px arial}
a:visited { font: 11px arial}
a:hover { font: 11px arial}
/* seperator */
hr {width:450}
<!-- end code provided by createblog.com -->
/* text */
body { background-color: #FFFFFF;}
p { font:normal 11px arial;color:black }
/* links */
a:link { font: 11px arial}
a:visited { font: 11px arial}
a:hover { font: 11px arial}
/* seperator */
hr {width:450}
<!-- end code provided by createblog.com -->
Hope that helps
absoultely perfect! this has been a mega-giant help, and to more than just me i bet. 
thank you thank you thank you~
thank you thank you thank you~
QUOTE(deadsouls @ 01-19-2004, 03:12 AM)
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.
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.
Im so sorry I dont know
QUOTE(deadsouls @ 01-19-2004, 03:12 AM)
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.
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.
check out blogring ! it had all these xanga codes.
QUOTE(risteeny1 @ 01-22-2004, 07:05 PM)
Im so sorry I dont know
Aw, you don't have to be sorry! None of us know! So next time you come upon something you don't know, don't post!
QUOTE
check out blogring ! it had all these xanga codes.
Your point is?
Hmm... we should sticky what Limey said. It's one of the most useful posts I've seen
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.
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
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 -->
<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
xangans. is better.. haaha
does anyone knowwhere to find color codes, other than the ones in the CLAF on xanga?? thanks!!
QUOTE
xangans. is better.. haaha
you mean createblog! oh yea!
QUOTE
does anyone knowwhere to find color codes, other than the ones in the CLAF on xanga?? thanks!!
there's always webmonkey.com.
also if you have photoshop 7 or something like that, there's a way that when you pick the foreground color, you can take the dropper on any gradient in a picture if your thinking of a specific one and it will show the hex code for it.
QUOTE(INeverMeantToCauseYouTrouble @ Mar 5 2004, 6:34 PM)
does anyone knowwhere to find color codes, other than the ones in the CLAF on xanga?? thanks!!
Color codes
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.