how do u make your own stylesheet?, help* Options

[TYPiKALFEMME]

do you guys know where we can make our own stylesheets? is there like a program or website?

because i see some ppl on xanga that have great xangas and i have never seen that kind of stylesheet before and etc.

[lovescream]

we have a stylesheet code in the xanga scripts..

or are you talking about a skin? hm?
can you show me some sort of example or something? :P thankksss.

[TYPiKALFEMME]

<!-- begin code provided by createblog.com --><br /><STYLE type="text/css"><br /><!--<br />BODY <br />{<br />YOUR OWN HTML; THE WAY U WANT TO MAKE IT<br />}<br />--><br /></style><br /><!-- end code provided by createblog.com -->

its sthing like that, you know where you can make your own custom html/stylsheets? because pppl make custom modules & not like the ones they have here @ cb because those are for beginner's and basics and what EVERYONE HAS--i want to make my own..like different

[lovescream]

i still dont get what you're saying..

could you show me an actual site that has that?

[talcumpowder]

.... I believe what you're asking for is a longer stylesheet... Are you talking about something like... This perhaphs? (Sorry it's so squished... I hate all those empty spaces.)

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* ver//SPRING */<br />/* By - Smothered Rose */<br />/* x_AkaixBaraxProductions_x @ Xanga [dot] com */<br />div{overflow-x:none; text-align:left;}<br />body {cursor: crosshair; background-color: #AC5754;overflow-x:none;}<br />//blogringdocument.write<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:10px arial; color: #FFFFFF; text-align:justify;}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: verdana;text-transform:lowercaps;font-size:14px;font-weight:bold;<br />color:#FF9999;background-color: #Transparent;text-align: left; width:250;}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color: #000000;font:10px arial;text-decoration: none;}<br />//blogring.document.write<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#000000;font:normal 10px arial;text-decoration: none;}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#FFFFFF;font:11px verdana;cursor: crosshair;text-decoration: none;}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #FFFFFF;font:10px arial;background-color: #Transparent;}<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: #Transparent;width: 400px;}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 400px;}<br />hr {<br />/* horizontal divider */<br />  border: 1px dashed #FFFFFF;width:150;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, <br />table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br /></style><br /><!-- end code provided by createblog.com -->

All you really do is... Well, you add properties and such as you need them.
----
I somehow think I'm wrong.

[TYPiKALFEMME]

um okay, theres no site that has this because otherwise i wouldn't be here--no offense- like examples.. like your guys' own sites (spiritedfreak&nyah-nek0)<<but i dont want the kind of html u guys have tho-- or this girls xanga how do u guys find the html for your layouts? like different ones from everyone else's ..do u have a program or sthing to make them or what?

[talcumpowder]

Err, like I said, I add properties as I need them.
I figured out how the stylesheet worked, and basic properties for it. So, say I wanted the stylesheet I had above to have... Oh, 5px spacing between leters. I would then add letter-spacing: 5px; to the body section of my stylesheet. Or, like, I want a diffrent cursor to show up when I mouse-over my links. I would then add cursor: url(HTTP://); to the hover section of my stylesheet. I don't really use fancy progs or anything... Mostly just copying and pasting.

[YourSuperior]

You can just get a regular stylesheet from here, and edit it to your liking.

[shortvi3tlaydee]

heres one

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Your Skin*/<br />/*by YOU*/<br />body {<br />background-image:url(PUT URL HERE IF YOU HAVE A BACKGROUND IMAGE, IF NOT, DELETE EVERYTHING INSIDE THE PARENTHESES);<br />background-repeat: repeat-y-x;<br />background-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:WIDTH OF THE BLOGpx;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: CHANGE FONT;<br />font-size: 16pt;<br />text-align: center;<br />color: #COLOR;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

but try the one in the scripts it covers more

http://www.createblog.com/forums/index.php?showtopic=18791