View Full Version : Skin problem


Reeebeckah
07-02-2005, 06:36 AM
I am making my third skin and am running into a few problems. 1)the blog body is not one full background color, like each blog has the bg color, but not the whole text area so they all seem spaced out instead of uniform. 2)the width of the blog body and title and image are all the same, yet the text makes the blog body stretch past the image and the title doesn't reach the width.

If you could tell me what's wrong with my code I'd apprecaite it!
-Rebeckah

SKIN CODE:

<!-- begin code provided by createblog.com -->

<div style="
width: 430px;
height: 800px;
margin-top: 20px;
margin-left: 40px;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:430px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Breast Cancer Awareness*/
/*by Jujubeabopper*/
body {
background-image:url(http://epsilon.applepics.com/52/userfiles/42c61e7603fb8.gif);
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #f88acb;
scrollbar-shadow-color: #ff1ba1;
scrollbar-highlight-color: #ff1ba1;
scrollbar-3dlight-color: #ff1ba1;
scrollbar-darkshadow-color: #ff1ba1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff1ba1;
}

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

table.blogbody {
width:430px;
font-family: verdana;
font-weight: none;
font-size: 10pt;
color: #ff1ba1;
text-align: justify;
padding: 0px;
margin-top: 0px;
background-color: #f88acb;
}

.caption, .blogheader {
width: 430px;
padding: 0px;
font-family: verdana;
font-size: 14pt;
text-align: center;
color: #f88acb;
background-color: #ff1ba1;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: 430px;
padding: 0px;
text-align: left;
}

P, B, I, TD, TH
{font-family: verdana; color: #ff1ba1; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ff1ba1; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#ff1ba1; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: verdana;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>
<IMG
SRC='http://gamma.applepics.com/7/userfiles/42c616de5b58e.gif'
border=0 width=430 height=340 USEMAP='#bca'>

<MAP NAME='bca'>
<AREA SHAPE='rect' COORDS='26,321,65,328' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='73,324,118,330' HREF='http://xanga.com/private' ALT='Private'>
<AREA SHAPE='rect' COORDS='126,323,202,329' HREF='http://xanga.com/claf' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='212,324,253,330' HREF='http://www.xanga.com/profile.aspx?user=USERNAME' ALT='Profile'>
<AREA SHAPE='rect' COORDS='262,323,344,330' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Subscriptions'>
<AREA SHAPE='rect' COORDS='353,324,400,331' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscribe'>
</MAP>


<!-- end code provided by createblog.com -->

oincubusx
07-02-2005, 05:20 PM
well i tested it out, and is this what you want it to look like: http://www.xanga.com/home.aspx?user=Oincubusx ?

if so ... use this code: <div style="
width: 430px;
height: 800px;
margin-top: 20px;
margin-left: 40px;">

<style type="text/css">
.#rblEprops{display:none; }
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:430px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Breast Cancer Awareness*/
/*by Jujubeabopper*/
body {
background-image:url(http://epsilon.applepics.com/52/use...c61e7603fb8.gif);
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #f88acb;
scrollbar-shadow-color: #ff1ba1;
scrollbar-highlight-color: #ff1ba1;
scrollbar-3dlight-color: #ff1ba1;
scrollbar-darkshadow-color: #ff1ba1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff1ba1;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: 430 !important;
}
table.blogbody tr td {
width:0px;
padding: 0px;
}
table.blogbody {
width:430px;
font-family: verdana;
font-weight: none;
font-size: 10pt;
color: #ff1ba1;
text-align: justify;
padding: 0px;
margin-top: 0px;
background-color: #f88acb;
}

.caption, .blogheader {
width: 430px;
padding: 0px;
font-family: verdana;
font-size: 14pt;
text-align: center;
color: #f88acb;
background-color: #ff1ba1;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: 430px;
padding: 0px;
text-align: left;
}

P, B, I, TD, TH
{font-family: verdana; color: #ff1ba1; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ff1ba1; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#ff1ba1; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: verdana;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>
<IMG
SRC='http://gamma.applepics.com/7/userfiles/42c616de5b58e.gif'
border=0 width=430 height=340 USEMAP='#bca' style="margin-left:12px;">

<MAP NAME='bca'>
<AREA SHAPE='rect' COORDS='26,321,65,328' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='73,324,118,330' HREF='http://xanga.com/private' ALT='Private'>
<AREA SHAPE='rect' COORDS='126,323,202,329' HREF='http://xanga.com/claf' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='212,324,253,330' HREF='http://www.xanga.com/profile.aspx?user=USERNAM E' ALT='Profile'>
<AREA SHAPE='rect' COORDS='262,323,344,330' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Subscriptions'>
<AREA SHAPE='rect' COORDS='353,324,400,331' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USE RNAME' ALT='Subscribe'>
</MAP>

Reeebeckah
07-02-2005, 08:06 PM
The title and stuff rocks, they match up just the way I want, awesome job. The only thing I want is instead of there being white space in between the entries is there a way to make the spaces be the same background as the blog background? Cause that'd rock, but if not I'll use this code, thanks so much for your help! :-D
-Rebeckah