Log In · Register

 
 
Closed TopicStart new topic
boxed xanga layout, stylesheet
xxjustmeh
post Jul 24 2007, 07:39 PM
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 Jul 24 2007, 08:16 PM
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.
 
Smarmosaur
post Aug 9 2007, 02:49 PM
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>&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 -->
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: