Help - Search - Members - Calendar
Full Version: boxed xanga layout
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
xxjustmeh
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
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.
Smarmosaur
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>&hearts;

</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 -->
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.