FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


how do you create an Xanga layout?





shavon
I need help! How do you create an Xanga layout? Question
CrimsonStrange
Um, don't you think that the appropriate place to find that info would be on the Xanga website?! Confused
I'm sure they've got some sort of tutorial or Help section on layouts.
blackninja_af
what is a xanga website
thpn
Well, here is the code for a pre-made layout. All you have to do is change the background color and text and all that. If you are looking for a tutorial, go to www.xanga.com and search for layout help in the blogrings section at the top.

Quote:
<style type="text/css">
body {
background-color: #000000;
background-image: url(none);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-color: #000000;
scrollbar-arrow-color: #DF8020;
scrollbar-track-color: #BF0000;
scrollbar-shadow-color: #DF8020;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #DF8020;
scrollbar-3dlight-color: #000000;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:16px;
color: #DF8020;
letter-spacing:0px;
text-align:center;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
.left B, { font: bold 12px arial; color: "#DF8020"; line-height: 12px;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #DF8020;
}
div.blogheader, .caption {
/* edits the dates */
font-family: impact;
text-transform:normal;
font-size:18px;
line-height:30px;
font-weight: normal;
filter: alpha (opacity=100, finishopacity=0, style=2);
height: 1px;
background-color: #FFFFFF;
color: #BF0000;
letter-spacing:1px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #DF8020;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #DF8020;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
height: 2px;
font:normal 11px arial;
line-height:16px;
cursor: crosshair;
filter: none;
height: 6px;
background-color: #000000;
border: #B8B8B8;
color: #DF8020;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px double #BF0000;
font:normal 11px arial;
background-color: #ffffff;
letter-spacing:0px;
color: #DF8020;
}
table.left {
/* this edits the menu module */
border: 3px double #BF0000;
width:160px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px double #BF0000;
background-color: #FFFFFF;
width:400px;
font:normal 11px arial;
line-height:16px;
color: #DF8020;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
background-color: #000000;
font: bold 11px arial;
color: #DF8020;
border: 3px double #BF0000;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: #FFFFFF;
border: 3px double #BF0000;
font:normal 11px arial;
line-height:16px;
color: #DF8020;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #ffffff;
border: 2px double #BF0000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 2px double #BF0000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 600px;
}
hr {
/* horizontal divider */
border: 1px double #BF0000;
}
</style>
<BODY style="border-bottom: #BF0000
10t solid; border-top: #DF8020
10t solid; border-left: #000000
10t solid; border-right: #BF0000
10t solid"></TBODY>

<div style="border: none; width:550px; background-color:#transp; filter: alpha(style=0,opacity=60);">
<script>
Related topics
What do you use to make your page layout?
Just Getting Started
SMU: Jasna's Graphics and Layouts Shop [Closed]
Another new guy...
CLOSED!!! RAINYNIGHTSTARZ's Graphics, ....
CSS Help needed : Table emulation with divs
Macromedia Fireworks Help
My Styles
What is a good progam to make web layouts?
convert photoshop image to html divs (move if needed)
Fix a simple CSS problem for 200FRIH$!!!
Why don't people like tables?
~~~~CheapWeb Design Services~~~
Does anyone know the code for a layout preview?
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.