Help - Search - Members - Calendar
Full Version: no header
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
Alyssa_Bedelia
I'm new to this whole making xanga thing...so heres the one Ive been working on.

<img src="http://i3.photobucket.com/albums/y54/AlyssaBedelia/b_blue-fire.gif">
<div style="
overflow: auto;
width: 400px;
height: 500px;
margin-top: 20px;
margin-left: 20px;">
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:url(PUT URL HERE IF YOU HAVE A BACKGROUND IMAGE, IF NOT, DELETE EVERYTHING INSIDE THE PARENTHESES);
background-repeat: repeat-y-x;
background-color: #CCFF99;
scrollbar-face-color: #CCFFFF;
scrollbar-shadow-color: #CCFF33;
scrollbar-highlight-color: #99CCFF;
scrollbar-3dlight-color: #99FFCC;
scrollbar-darkshadow-color: #99CCCC;
scrollbar-track-color: #99CCCC;
scrollbar-arrow-color: #99FF33;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:WIDTH OF THE BLOGpx;
font-family: Serifa;
font-weight: 2;
font-size: 12pt;
color: #9999CC;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: CHANGE FONT;
font-size: 16pt;
text-align: center;
color: #00CCFF;
background-color: #33CCFF;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: FONT; color: #00CCFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#66CC33; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#3399FF; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #6666FF;
font-weight: bold;
text-transform: lowercaps;
</style>




okay I dont a header or a background image..I just want a plain background...and I want my blog part to me centered...if you guys could tell me how that would be awesome!... biggrin.gif
thanks!
OneOfTheseDayz
where it says text align make sure it says center and if you mean a white Backround put in the color code ffffff

also don't forget to fill in the code where it says
width:WIDTH OF THE BLOGpx; and
font-family: CHANGE FONT;
Alyssa_Bedelia
I mean have no header or background picture...just plain color and blog space...how do I do that?..and theres to much spacebar space in the blog part...how do I change the size of that..
thanks for your help!
heres how I've changed it.
<img src="http://i3.photobucket.com/albums/y54/AlyssaBedelia/800_3.jpg">
<div style="
overflow: auto;
width: 400px;
height: 500px;
margin-top: 20px;
margin-left: 20px;">
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:url(PUT URL HERE IF YOU HAVE A BACKGROUND IMAGE, IF NOT, DELETE EVERYTHING INSIDE THE PARENTHESES);
background-repeat: repeat-y-x;
background-color: #CCFF99;
scrollbar-face-color: #CCFFFF;
scrollbar-shadow-color: #CCFF33;
scrollbar-highlight-color: #99CCFF;
scrollbar-3dlight-color: #99FFCC;
scrollbar-darkshadow-color: #99CCCC;
scrollbar-track-color: #99CCCC;
scrollbar-arrow-color: #99FF33;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:500;
font-family: Serifa;
font-weight: 2;
font-size: 12pt;
color: #9999CC;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 50px;
padding: 3px;
font-family: Serifa;
font-size: 16pt;
text-align: center;
color: #00CCFF;
background-color: #33CCFF;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: center;
}

P, B, I, TD, TH
{font-family: FONT; color: #00CCFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#66CC33; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#3399FF; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #6666FF;
font-weight: bold;
text-transform: lowercaps;
</style>



how do I repeat a image in the background?
OneOfTheseDayz
ok.....

change
able.blogbody {
width:500;
font-family: Serifa;
font-weight: 2;
font-size: 12pt;
color: #9999CC;
text-align: justify;
padding: 0px;
margin-top: 2px;
}

change the red to somthing smaller




To make a backround repeat insert a url

wher it says

background-image:url(PUT URL HERE IF YOU HAVE A BACKGROUND IMAGE, IF NOT, DELETE EVERYTHING INSIDE THE PARENTHESES);
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.