boxed xanga layout, stylesheet |
![]() ![]() |
boxed xanga layout, stylesheet |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Aug 2006 Member No: 457,384 ![]() |
Ok, I want to make a xanga layout like this: www.xanga.com/levicorpus_lyts it's a boxed xanga layout, i want the stylesheet anyluck one of you have it?
|
|
|
*digitalfragrance* |
![]()
Post
#2
|
Guest ![]() |
We don't have the exact stylesheet. Are you familiar with Div Layouts? That was how this one was made... But it recqures extensive HTML knowledge.
You can learn how to make DIVs here: http://www.createblog.com/forums/index.php?showtopic=34220 And to make them boxes, you add this to your div style: CODE height: ##px; width: ##px; and change the ## to pixel vaules that determine the height and width of the box. |
|
|
![]()
Post
#3
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
common design.
here's the code. :] header- CODE <style type="text/css"> body { background-color: #fff; background-image: url(http://i177.photobucket.com/albums/w213/Levicorpus_lyts/stripeded.jpg); background-repeat: repeat; background-position: bottom right; background-attachment: fixed; scrollbar-arrow-color: 40BF80; scrollbar-track-color: fff; scrollbar-shadow-color: fff; scrollbar-face-color: 40BF80; scrollbar-highlight-color: fff; scrollbar-darkshadow-color: fff; scrollbar-3dlight-color: fff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits the text */ font:normal 10 arial; text-transform: none; line-height:10px; color: #486078; letter-spacing:0px; text-align:center; } b, strong { font-weight:bold; letter-spacing: 0px; font: normal 18 arial; color: #40BF80; } u { font-weight:normal; letter-spacing:0px; color: #486078; border-bottom: 3pt solid #486078; font-family: arial;} } em,i { font-weight:italics; lefter-spacing: 0px; font-size: 11px; font-family: times; color: #40BF80; } s, strike { font-weight:strike; lefter-spacing: 0px; font-size: 10px; font-family: arial; color: #EF8FBF; } div.blogheader, .caption { /* dates */ display: none; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #486078; font:normal 7px small fonts; text-transform: uppercase; text-decoration: none; padding: 0px; background-color: transparent; } a:visited, a.footernav:visited, { color: #486078; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; background-color: #transparent; } a:hover { font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; padding: 0px; color: #40BF80; background-color: #transparent; } input, select, textarea, .textfield, .button { /* drop downs */ color:#486078; font-family: small fonts; font-weight: normal; font-size: 7px; border: #fff solid 1px; background-color: transparent; text-transform: uppercase; text-decoration: none; } table.left { /* menu module */ border: none; width: 170px; background-color: #fff; background-image: url(); background-repeat: repeat; background-position: bottom right; } div.blogheader, .caption { /*dates*/ display: none;} table.blogbody { /* blog body */ border: none; width: 300px; background-color: #fff; background-image: url(); background-repeat: repeat; background-position: bottom right; } table.left th { /* titles */ display: none; } table.left TD { /* module body */ font:normal 9px century gothic; text-transform: none; color: #486078; text-align: center; border:none; width: 170px; background-color: #fff; background-image: url(); } table.navigation, table.main, table.footer { /* width of blog w modules */ width: 500px; background-color: #fff; background-image: url(); border: #none; } hr { display: none; } td.maincenter, { width: 89%; } table.navigation, table.footer { display: none; } div.smalltext{ /* div */ width: 200px; padding: 10px; color: #486078; text-align: center; font-family: verdana; font-size: 5pt; } </style> website stats- CODE <!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> ++ <b> title </b>♥ </th></tr> <tr><td class="left" vAlign="top"> <P align=center> <DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 263px; TEXT-ALIGN: center"> <img src="YOURLINKHERE" border="0"> <BR> Name-<br> Birthday-<br> Location-<br> <DIV style="OVERFLOW: auto; WIDTH: 90%; HEIGHT: 50px; TEXT-ALIGN: center"> <a href=" http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME">subscribe to site</a><br> <a href=" http://www.xanga.com/signin.aspx">log into xanga</a><br> <a href="http://www.xanga.com/private">your private</a><br> <a href="http://www.xanga.com/claf">the lookie feelie</a><br> <a href="http://www.xanga.com/Private/profilebasic.aspx">edit your profile</a><br> <a href=" http://www.xanga.com/Private/editaccount.aspx">account options</a><br> <a href=" http://www.xanga.com/Private/subs.aspx ">your subbies</a><br> <a href=" http://www.xanga.com/logout.aspx">log out of xanga</a><br> <a href="http://www.xanga.com/">xanga.com</a><br> </div> <DIV style="OVERFLOW: auto; WIDTH: 90%; HEIGHT: 50px; TEXT-ALIGN: center"> Put stuff here. </div> <DIV style="OVERFLOW: auto; WIDTH: 90%; HEIGHT: 50px; TEXT-ALIGN: center"> Put stuff here. </div> <DIV style="OVERFLOW: auto; WIDTH: 90%; HEIGHT: 50px; TEXT-ALIGN: center"> Stuff, again...go stuff crazy. </div> </td></tr> </table> <br/> <!-- module:end --> |
|
|
![]() ![]() |