Thread Tools

V I X E N
Happy 10 Year anniversary to my ...
2152.45
V I X E N is offline
 
#1
Old 08-28-2009, 04:18 AM

ok. well I'm having a problem with CSS coding for another sites profile layouts.
I'm not sure if this is where i can post this question. but it was the best option i had cause I'm getting no help from anyone else.
If this is in the wrong section or whatever, Please feel free to correct my mistake.

Anyways.
the code is for Gaiaonline *shudders* I know, I know. but yeah.
I have made the layout & it looks fine in this preview site I'm using http://themes.gaiatools.com/try/

But when i put it into my profile, it just comes up with a big white square where the image is suppose to be.

Here is the code
Quote:
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
*Design & Coding by xXVixen_CrystalXx

html{
scrollbar-arrow-color: none;
scrollbar-track-color: none;
scrollbar-face-color: none;
scrollbar-highlight-color: none;
scrollbar-3dlight-color: none;
scrollbar-darkshadow-color: none;
scrollbar-shadow-color: none;
}

#site a:link {
color: #A80000;
text-decoration: none;
letter-spacing: 0px;
font-size:9px;
}
#site a:active {
color: #FF0099;
text-decoration: none;
}
#site a:visited {
color: #909090;
text-decoration: none;
font-size: 9px;
}
#site a:hover {
color: #FFFFFF;
font-size: 9px;
text-decoration: blink;}

#site{margin-left: auto; margin-right: auto; width: 1000px;}

body
{
/*background-image:url(http://i28.photobucket.com/albums/c2...ithink.jpg);*/
background-color: #000000;
background-repeat: no-repeat;
}

#content
{background-image:url(http://i28.photobucket.com/albums/c2...alithink.jpg);
top center: no-repeat;
border: none;
position:relative;
margin-top:30px;
margin-left:50px;
width: 1000px;
height: 750px;
}

#comments h2, #profile H2, #interests,#signature, #signature h2, #about h2, #journal, #journal h2, #profile .caption, #friends, #friends h2, #signature, #signature h2, #about h2, #multimedia h2 {display:none;}


#profile .avatar {position: absolute; left: 10px; top: 10px;}

#profile .avatar {
position: absolute;
overflow: hidden;
left: -165px;
top: 10px;
}


#profile ul.items {display:none;}
#profile ul.items h2 {font-size:0; height: 2px; }


#about
{
overflow-x:auto;
overflow-y:auto;
margin-top: 255px;
margin-left: 150px;
width: 400px;
height: 400px;
color:#FFFFFF;
font-size: 11px;
text-align:center;
font-family:arial;
background:transparent;
border: none;
scrollbar-face-color: #009999;
scrollbar-shadow-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-arrow-color: #009999;
}


#about .links
{text-align: left;font: tahoma;font-color:#FFFFFF; font-size: 9px; }


#comments
{
background:transparent;
top left no-repeat;
position: relative;
top: 610px;
margin-left: 161px;
font-family:arial;
font-size: 11px;
scrollbar-arrow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-face-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-shadow-color: #009999;
}

#comments
{font-family:tahoma; font-size: 9px; color: #FFFFFF ; font-weight: normal; text-decoration: none;

letter-spacing: 0px; text-transform: normal; padding: 0px; line-height: 15px;}

#comments
{
overflow: auto; overflow-x: hidden;height: 140px; width: 287px; position: absolute;
}

#comments .caption, #comments .caption2
{margin-bottom: 5px;}

#comments .links
{text-align: left;font: tahoma;font-color:#FFFFFF; font-size: 9px; width:150px;}

#comments .caption:before, #comments .caption:after, #comments .caption2:before,

#comments

.caption2:after
{display:none;}

#comments dl dt.avatar, #comments dl dt.avatar2
{display: none;}

#comments .caption
{
background:none;
width: 125px;
margin-left: 7px;
min-height: 70px;
top left no-repeat;
border:none;
border-left: none;
border-right:none;
border-top: dotted #FFFFFF 2px;
color: #FFFFFF;
filter: alpha(opacity=80); opacity: .8;
}

.caption .message,.caption2 .message {background:transparent;}

#comments .caption2
{
background:none;
width: 125px;
margin-left: 7px;
min-height: 70px;
top left no-repeat;
border:none;
border-left: none;
border-right:none;
border-top: dotted #FFFFFF 2px;
color: #FFFFFF;
filter: alpha(opacity=80); opacity: .8;
}

.caption .message
{
position: relative;
top left no-repeat;
border-left:0px;
border-right:0px;
font-size: 9px;
font-weight: normal;
text-align:left;
left: -30px;
margin-top: 10px;
font-family: arial;
}

.caption2 .message
{
position: relative;
top left no-repeat;
border-left:0px;
border-right:0px;
font-size: 9px;
font-weight: normal;
left: 15px;
text-align:left;
margin-top: 10px;
font-family: arial;
}

#content #profile
{
top:0px;
left:400px;
border: none;
background:transparent;
}

#multimedia
{
background:none;
position: absolute;
width:1px; height: 1px;
left:592px;
top:43px;
font-family:tahoma; font-size:10px;
}
#multimedia embed {width: 167px; height: 144px;}

#details
{display:none;}
#details dl#stats dt {color: #000000;}
.section{font-weight: lighter;}
#details h2 {display:none;}
#details #stats {color:#EEE; text-align:center; font-size: 9px;}
#details #info {display:none;}
#details h3, hr, dl{display:none;}
dl#info, dl#stats, #comments dl{ display:inline; }
#header
{
display:none;
border:none;
}

#wishlist
{
overflow-x:hidden;
overflow-y:auto;
margin-top: 7px;
margin-left: 360px;
width: 200px;
height: 140px;
color:#000000;
font-size: 11px;
text-align:left;
font-family:arial;
background:transparent;
border: none;
scrollbar-face-color: #009999;
scrollbar-shadow-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-arrow-color: #000099;
}
#wishlist ul.items li img {display;}
#wishlist h2 {display:none;}

#profile #bar{background: transparent; display: custom}
#bar #onlineButton {display:none;}
#bar #offlineButton {display:none;}
#bar #addButton {background: none;
position: absolute;
margin-top: 29px;
margin-left: 386px;
width: 117px; height: 120px;
text-indent: -5000px;}
#bar #addButton a {width: 85px; height: 55px;}
#bar #addButton a:hover {background: url(http://i28.photobucket.com/albums/c2...ff/add-1-1.jpg) top right no-repeat;
width: 125px; height: 183px;}

#bar #msgButton a {background: none; position: absolute;
margin-top: 188px;
margin-left: 416px;/*VIXEN*/
text-indent: -5000px;}
#bar #msgButton a {width: 100px; height: 63px;}
#bar #msgButton a:hover {background: url(http://i28.photobucket.com/albums/c2...uff/MAIL-2.jpg) no-repeat;
position: absolute;}/*VIXEN*/

#bar #tradeButton {background: none; position: absolute;
margin-top: -5px;/*VIXEN*/
margin-left: 505px;
text-indent: -5000px;}
#bar #tradeButton a {width: 85px; height: 55px;}
#bar #tradeButton a:hover {background: url(http://i28.photobucket.com/albums/c2...ff/Trade-1.jpg) no-repeat;
position: absolute;}/*VIXEN*/

#bar #ignoreButton {background: none; position: absolute;
margin-top: 177px;
margin-left: 512px;
text-indent: -5000px;}/*VIXEN*/
#bar #ignoreButton a {width: 55px; height: 33px;}
#bar #ignoreButton a:hover {background: url(http://i28.photobucket.com/albums/c2...Blockhover.jpg) no-repeat;
position: absolute;}


{background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 213px; left: -292px; width:20px; height:32px;}

& yes i know there is a space between the Image URL at the top.
between *profile* & *Stuff*
in between that there is meant to be % 20 but its just not showing up for some reason.
Can anyone help me out?

Last edited by V I X E N; 08-28-2009 at 09:10 AM..

Cherry Who?
Spooky Scary Skeleton
11591.83
Cherry Who? is offline
 
#2
Old 08-30-2009, 07:34 PM

Since you've switched this over to resolved, I'm going to assume that you found out the problem with your coding? :) So I'm going to lock this up. If you need it unlocked, PM me. :)

 



Currently Active Users Viewing This Thread: 2 (0 members and 2 guests)
 
Thread Tools

 
Forum Jump

no new posts