Pet Profiles Breaking

Replies

Jan 25, 2015 11 years ago

has 40 pets and counting

That is probably, literally, the LAST thing I would have thought to check-- yes, I do actually use the Morostide layout haha. How on earth does one layout cause that line and the other's done.

[font=cursive]🦀 Thinking about the immortality of the crab[/font] 🦀

Jan 25, 2015 11 years ago

is a freeloader

butting into this convo to say thanks for inadvertantly fixing my black line problems. i'd been using the fireside layout up until very recently, so i just assumed the black line was due to CSS tweaking, but i seem to recall this actually being a longrunning issue (iirc, the reason i switched to fireside in the first place)

Jan 25, 2015 11 years ago

Spotlight Champion

Andrea No idea, and I certainly wouldn't have thought to check that either! It is absolutely pure luck too, since I NEVER change my layout, and for some silly reason decided to try the Morostide one for a little change. Wouldn't have noticed otherwise, since this seems to be the only one that does that. Since this thread is about pet profile issues (or at least that is what it has turned into) maybe this should be fixed while the programmers are at it?

Keith (you're probably getting enough pings right now, so I'll just leave this here)- Morostide Layout has a black line border around context that shows on pet profiles. I don't notice it on other layouts, but I don't have the Luminaire or Fireside ones to check those. Might wanna check on that when you get time. ^^;

~~Pet Spotlight Winning Pets~~ Whymsical - Polyethism - Thrill Feona - Hontori - Najas - Jadeyn Seas - Arachnophobia - Reserved - Bairer - Kasmir

Jan 25, 2015 11 years ago

is FIERCE

When you say black line are you talking about this one? or is it a different one, because I have a fix for that one, and I can tell you what causes it

.//Lo-Fi Meows » Release Thread » Wishlist

Jan 25, 2015 11 years ago

is hollow inside

- thank you for removing the block of white colour from the profiles ❤️

~~Vicious~~

Jan 25, 2015 11 years ago

has a massive family

Hypno's is off for me. screencap

Jan 26, 2015 11 years ago

has been EXTERMINATED

Thank you for the screencap!

I tried to fix his profile but whenever it looks alright for others it looks off (10px to the right) for me so I have no clue how to solve this.

Jan 26, 2015 11 years ago Official

is sweet

Those of you fixing your profiles manually: Paste your CSS here and get the helper achievement. It might help me see what I'm missing :/

💖 ✨ 🤗

Jan 26, 2015 11 years ago

made it to the finals!

@ Faun The thing for his profile is empty, you might have accidentally deleted it when editing the codes. Use this please:

{position:relative;top:0px;left:10px;height:200px!important;border: 0px solid ;}

Also you can add this code to all the profiles that's having the 10px shift problem (at least they should work for all the profiles coded by me because I didn't define the position in the beginning). Comment me if there's any problems ❤. The border part in the code also fixes the line problem that is happening on some browsers (thanks to for letting me know the problem and giving me the code).

[edit] Looks like Keith just pushed another fix to make things shift back to normal. You don't need to add this code anymore, dear! Sad thing is I need to delete that 10px thing from my pet profiles xD. Oh, the irony. Things seemed to switch back again...

Jan 26, 2015 11 years ago

howls at the moon

I was able to fix Harry J. Potter manually - looking at the overall page coding (in Chrome's "inspect element" thing), the div has a margin set of 176px. Adding in: {margin-left:186px!important;} resolved the 10px misalignment for Harry J. Potter, although it didn't work for all of my profiles....

The full coding is in the spoiler if you need it :)

Harry J. Potter

<style>
/hides floating items for subeta events this must be at the top of the css anything above it will not work/span[style] img {display:none;}
.pet_like {display:none!important;}
a img,img {padding:0px;margin:0px;border:0px;}
a:link,a:active,a:visited{color:;text-decoration: underline;}
a:hover{color:;text-decoration: none;}
body {background: transparent url(http://www.cdkc.co.uk/subeta/pet_profiles/HarryJPotter/2/layout.jpg); background-position: top left; background-repeat: no-repeat; width: 792px; height: 473px!important;}
html {background:  url(http://www.cdkc.co.uk/subeta/pet_profiles/HarryJPotter/2/tile.jpg); background-attachment:fixed; background-position: top left; background-repeat: repeat;}
 {height:500px !important; position:absolute; top:0px!important; left:0px!important;  margin-left:186px!important; border: 0px!important;}
/***** HIDING STUFF *****/
, , -ban, -ban-main, -lrc, -rrc,  {display:none;}
, -right, , , ,  {display:none;}
 h2,  h2,  h2,  h2, ,  {display:none;}
/***** TRANSPARENT BACKGROUNDS *****/
, , body, , ,  {background-color:transparent!important;}
body {font-family: verdana; color: !important; font-size: 10px; line-height:1.5; position:absolute; top:0px!important; left:0px!important; width:1140px!important; height:500px !important;}
 {font-family: verdana; color: !important; font-size: 11px; line-height:1.5;}
 {font-family: verdana; color: !important; font-size: 11px; line-height:1.5;}
/***** PET TREASURE *****/
 {
position: absolute;
left: 540px !important;
top: 25px !important;
width: 185px;
height: 100px;
overflow: hidden;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
position: absolute;
left: 540px !important;
top: 25px !important;
width: 185px;
height: 100px;
overflow: auto;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
.treasure_item {margin: 1px; padding:2px; border:1px solid ; background-color: ;}
.treasure_item, .treasure_item img {width:47px !important; height:47px !important;}
/***** PET INFO *****/
 {z-index:1; position:absolute🔝0px; left:0px;}
 {display:none;}
 {
position: absolute;
left: 125px !important;
top: 17px !important;
width: 141px;
height: 124px;
overflow: hidden;
text-align:center;
-moz-border-radius: 6px; -webkit-border-radius: 6px;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
position: absolute;
left: 125px !important;
top: 17px !important;
width: 141px;
height: 124px;
overflow: hidden;
text-align:center;
border:1px!important;
background: transparent url(http://www.cdkc.co.uk/subeta/pet_profiles/HarryJPotter/2/faded1.png);
-moz-border-radius: 6px; -webkit-border-radius: 6px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
.pet_name,.pet_color_info,.owner,.pet_age_info_date,.pet_age_info, .pet_wco_info, .pet_wco_info_date {display:none;}
/***** MINION *****/
 {display:none;}
 {
position: absolute;
left: 30px !important;
top: 20px !important;
width: 100px;
height: 100px;
overflow: hidden;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
position: absolute;
left: 30px !important;
top: 20px !important;
width: 100px;
height: 100px;
overflow: hidden;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
/***** STORY *****/
 {
position: absolute;
left:135px !important;
top:140px !important;
width:580px !important;
height:305px !important;
overflow:auto !important;
padding:2px;
margin:0px;
background: transparent;
border: 0px;
line-height:1.4;
-moz-border-radius: 6px; -webkit-border-radius: 6px;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
position: absolute;
left:135px !important;
top:140px !important;
width:580px !important;
height:305px !important;
overflow:auto !important;
padding:2px;
margin:0px;
background: transparent url(http://www.cdkc.co.uk/subeta/pet_profiles/HarryJPotter/2/faded.png);
border: 0px;
line-height:1.4;
-moz-border-radius: 6px; -webkit-border-radius: 6px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
/***** FANCY SCROLLBAR FOR CHROME *****/
::-webkit-scrollbar {
background-color: transparent;
height: 5px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: transparent url(http://www.cdkc.co.uk/subeta/pet_profiles/HarryJPotter/2/scroll2.png); background-repeat: no-repeat;
height: 50px!important;
width: 10px!important;
}
/***** PAGE STUFF *****/
 {position:absolute; left:-200px!important; top:0px!important; width: 1140px!important; height: 621px!important; overflow:hidden; z-index:2;}
/***** REFERENCES *****/
.references {font:verdana ; font-size:10px; line-height:1.4;}
.bookref {font:verdana ; font-variant: small-caps!important; font-size:9px; line-height:1.4;}
/***** SPOTLIGHT *****/
.pet_spotlight {
position: absolute;
left:590px!important;
top: 15px!important;
width:125px!important;
text-align: center;
font-family: verdana;
color: !important;
font-size: 10px;
line-height:1.4;
}
.pet_spotlight a {
font-family: verdana;
color: !important;
font-size: 10px;
line-height:1.4;
}
</style>




Harry J. Potter

The  Scribble Noktoa

Owner:

[font=verdana]

My CW shop ~ forumset by [/font]

Jan 26, 2015 11 years ago

is FIERCE

This code gets rid of the thick black line like this

iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: 0px; top: 1080px;

Which shows up on a lot of profiles, I don't know how to fix alignment though =x

.//Lo-Fi Meows » Release Thread » Wishlist

Jan 26, 2015 11 years ago

Spotlight Champion

Alright, so I just managed to fix Reserved's coding. For some reason, there was a gap at the bottom of her profile. Changing content to have a RELATIVE position instead of ABSOLUTE removed this gap and made the height:100%!important code work again. Not sure why Reserved is the only pet with this issue though, as I have other pets have this same code that are not having an issue with gaps? Weird.

Here is Reserved's Coding if you Need it









This is a text box in the middle of the page which I had to remove info for because of the character limit.





This is a text box on the side of her page. Info was removed for character limit in this post. lol

<style type="text/css">
{margin:0px}
 {position:relative; top:0px; left:0px; height:100%!important;}
 {position:absolute;top:0px;left:0px}

body {background:  url(http://i57.tinypic.com/24dhhyx.jpg) no-repeat; width: 1348px; height:692px;}

html {background:  url(http://i61.tinypic.com/35jxidz.jpg) repeat;}

html, div, li, a {color: ; font-family: verdana; line-height: 16px}
i {letter-spacing: 0px; color: ;} 
b {color: ;} a:link, a:visited {font-family:arial; color: ;} 
a:hover, a:active {color: ; font-family: arial;} 

{ position:absolute; background: ; height:370px; width:345px; top: 0px;left: 356px; overflow:auto;z-index:2; opacity:0.0; padding-left:2px;
transition:all .4s; 
-moz-transition:all .4s; 
-o-transition:all .4s; 
-webkit-transition:all .4s;}
:hover {opacity:1.0;}
 img {opacity:0.5; transition:all .4s; 
-moz-transition:all .4s; 
-o-transition:all .4s; 
-webkit-transition:all .4s;}
 img:hover{opacity:0.8;}

 {position:absolute; background-color: transparent;
width:680px; height:85x; top: 608px; left: 209px; overflow:auto; z-index:3;}
:hover{  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
opacity:0;}
{position:absolute; background-color: transparent;
width:680px; height:85x; top:608px; left:209px; overflow:auto; z-index:2;}

 {position:absolute;width:299px; height:670px; top:20px;left:-100px;overflow:auto;z-index:2;}
 img {opacity:0.5; transition:all .4s; 
-moz-transition:all .4s; 
-o-transition:all .4s; 
-webkit-transition:all .4s;}
 img:hover{opacity:0.8;}

 img{ height:60px; width:60px;} 
{position:absolute;top:444px; left:530px; height:40px; width:140px; 
overflow:hidden;background: ; border: 1px; border-color:; opacity:0.0; z-index:4; 
transition:all .7s; 
-moz-transition:all .7s; 
-o-transition:all .7s; 
-webkit-transition:all .7s;}
:hover{opacity:.8;overflow:hidden; left:650px;top:444px;height:144px; width:200px; } 

{position:absolute;top:444px; left:388px; height:30px; width:125px; 
overflow:hidden; background: ; border: 1px; border-color:; opacity:0.0; z-index:4; 
transition:all .7s; 
-moz-transition:all .7s; 
-o-transition:all .7s; 
-webkit-transition:all .7s;}
:hover{opacity:.8;overflow:auto; left:213px; top:444px; height:155px; width:215px; padding:1px;} 

.treasure_item img {padding:1px; width:45px; height:45px;}

.treasure_item {margin-top:1px;margin-left:1px; opacity:0.8; 
transition:all .4s; 
-moz-transition:all .4s; 
-o-transition:all .4s; 
-webkit-transition:all .4s}
.treasure_item:hover{opacity:1.0;}

{ position:absolute;top:403px; left:587px; height:40px; width:78px; 
overflow:hidden;background: ; border: 1px; border-color:; opacity:0.0; z-index:4; 
transition:all .7s; 
-moz-transition:all .7s; 
-o-transition:all .7s; 
-webkit-transition:all .7s;}
:hover {opacity:0.8;
background-image: url(http://img.subeta.net/pets/bhakoru_nostalgic.png);
overflow:auto; left:650px; top:242px; height:200px; width:200px;} 

.pet_spotlight img{ height:60px; width:60px;} 
.pet_spotlight { position:absolute;top:396px; left:398px; height:35px; width:68px; 
overflow:hidden;background: ; border: 1px; border-color:; opacity:0.0; z-index:4; 
transition:all .7s; 
-moz-transition:all .7s; 
-o-transition:all .7s; 
-webkit-transition:all .7s;}
.pet_spotlight:hover { opacity:0.8; overflow:auto; left:215px; top:290px; height:140px; width:200px;}

.pet_like {position:absolute; z-index:4; top:549px; left:455px; width:150px;}
.owner{position:absolute; z-index:4; top:570px; left:455px; width:150px;}
.pet_color_info { position:absolute; z-index:4; top:582px; left:455px; width:150px;}
.pet_name {position:absolute; z-index:4; top:541px; left:455px; width:150px;}

.pet_age_info_date{display:none;} 
.pet_wco_info_date {display:none;} 
 h2 {display:none;} 
 {display:none}
 h2,  {display:none;}
, , -ban, -ban-main, , -lrc, -rrc {display:none;}
, -right, , , , h2,  a,  {display:none;}
, , , ,  {background-color:transparent;}

</style>

I believe my alignment issues will be fixed by moving the content position as others have. As I mentioned on a previous page, this may be due to the content of pet pages being 10px to the left of all other pages on site. SEE POST HERE

Edit:// Actually, simply making the Content RELATIVE has also fixed alignment issues on a different pet. My image host is acting up right now, but that may fix my other pets as well. For some reason, I just think that content suddenly doesn't want to be ABSOLUTE fixed position anymore?

~~Pet Spotlight Winning Pets~~ Whymsical - Polyethism - Thrill Feona - Hontori - Najas - Jadeyn Seas - Arachnophobia - Reserved - Bairer - Kasmir

Jan 26, 2015 11 years ago

has been EXTERMINATED

Sure thing =) (push comes to shove, at you now have an excuse to try re-coding pet profiles to be more layout-friendly like user profiles?)

Kain entire coding

<style>
html {background-color:; background-attachment: local; font-family: Arial; background-image: url(http://res.cloudinary.com/dvaga48ej/image/upload/v1419890397/official-kain-bg_x0axp7.png); background-repeat: no-repeat; background-position:50% -5%;}
, -ban, -ban-main, -rrc, , , -right, , , {display:none;}
-lrc, -ban, , , , .pet_age_info_date, .pet_wco_info_date, .pet_like, , , {display: none;}
, body, , ,  {background:transparent;}
 {height:200px!important; border: 0px solid ;}

:hover{overflow-x:hidden;}
 {color: black; font-family: Arial;font-size:9px}
h1 {color: ; font-family: "sans-serif"; font-size: 26px;}
.pet_name {position:absolute; left:-185px;top:88px; font-size:28px;}
.pet_color_info{position:absolute; left:-185px;top:118px;font-size:12px;}
.owner{position:absolute; left:-185px;top:132px;font-size:12px;}
 {position:absolute; right:-440px;top:6px;}
{opacity: .3; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
:hover {opacity:1;}
 {width: 800px; position: absolute; top: 307px; left: 176px;}
.treasure_item {margin-top:6px;
margin-left:11px;}
.treasure_item{opacity: .3; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
.treasure_item:hover {opacity:1;}
 {position: absolute; top: 350px; left: 50px;width: 540px;font-family: Arial; background:transparent;}
 {position:absolute; top:30px;left:85px;height:250px; width:775px; background-color: transparent;overflow-y:auto;overflow-x: hidden;z-index:-1;}
a:link, a:active, a:visited {color: [TEXT LINK COLOR]; padding: 6px; }
a:hover {color: [HOVER TEXT COLOR]; padding: 5px; background-color: [HOVER BACKGROUND COLOR]; text-decoration: none;}

, , div#footer, , {display: none;} , , , , , , {display: none;} h2 {display: none;} </style>

Elfric profile now shows broken images - not sure if that is on my end

<style>
/------------SUBETA BACKGROUND-------------/
, , -ban, -ban-main, -lrc, -rrc, , , -right, , , , , , , ,,.pet_wco_info_date,.pet_age_info_date, , .pet_name, .pet_color_info, .owner
{display:none;}
, , , , , {background-color:transparent;height:auto;width:auto!important;color:;font-size:14px;font-family:calibri;}
a:link, a:active, a:visited {color:}
a:hover {color:}

:hover{overflow-x:hidden;}
{position:absolute;left:-99px;top:720px;width:238px;height:301px;overflow-y: auto; overflow-x: hidden; background-color:;text-align:left;font-size:13.5px;padding: 5px 5px;}
 {position: absolute; background-image: url(http://i50.photobucket.com/albums/f326/Screenies4ever/longscrollbarretry2_zps7768803b.png); left: 132px; top: 720px; width: 17px; height: 311px; z-index: 1;}
{position:absolute;left:227px;top:720px;width:238px;height:301px;overflow-y: auto; overflow-x: hidden;background-color:;text-align:left;font-size:13px;padding: 5px 5px;}
 {position: absolute; background-image: url(http://i50.photobucket.com/albums/f326/Screenies4ever/longscrollbarretry2_zps7768803b.png); left: 458px; top: 720px; width: 17px; height: 311px; z-index: 1;}
{position:absolute;right:90px;top:472px;width:500px;height:187px;overflow-y: auto; overflow-x: hidden;background-color:;text-align:left;font-size:14px;padding: 5px 5px}
 {position: absolute; background-image: url(http://i50.photobucket.com/albums/f326/Screenies4ever/shortscrollbarrety2_zps93490a17.png); left: 607px; top: 471.8px; width: 17px; height: 197px; z-index: 1;}
{position:absolute;left:355px;top:353px;}
 {opacity: .2; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
:hover {opacity: 1;}
{background-image:url(http://i50.photobucket.com/albums/f326/Screenies4ever/elfric-profile-overlay-tran_zps17ef3b57.png);position:relative;left:-455px;top:120px;}
.pet_spotlight{position:absolute;right:-130px;top:-10px;}
h2{position:absolute;right:50px;top:730px;font-size:30px;font-family:viner hand itc;}
{position:absolute;right:50px;top:750px;}
.weapon_item,.statbar{display:none;}

/--BACKGROUND--/ body { background-image: url(http://i50.photobucket.com/albums/f326/Screenies4ever/elfric-complete-picture-lay_zpse2807569.png); width: 900px ; background-repeat:no-repeat; background-position: bottom; background-color: black; background-attachment:absolute; margin-left: auto; margin-right:auto; } </style>

[flower=Metroid]

Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈

Jan 27, 2015 11 years ago

is a Time Lord

I'm gonna put two of me pets' profiles here, they are messed up ;o;

nikiya

<style>
, , , , footer, ,  { display:none; }
,  { background-color:transparent !important;height: auto !important; }
, ,  { margin: 0 !important; border: 0; }
.pet_wco_info_date, .pet_age_info_date, h2, h1, , ,  { display:none; }
body {
background-color:  !important;
background-image:
url(http://fc04.deviantart.net/fs71/f/2014/339/b/5/nikiyamain_by_secrecies-d88r2wc.png),
url(http://fc07.deviantart.net/fs71/f/2014/339/b/b/nikiyavertical_by_secrecies-d88r2vr.png),
url(http://fc00.deviantart.net/fs70/f/2014/339/7/f/nikiyabg_by_secrecies-d88r2vg.png);
background-repeat:no-repeat, repeat-y, repeat;
font-size:11px; color:;
min-width:1000px; min-height:700px; }
a:link, a:active, a:hover, a:visited { color:; }
.pet_color_info { position:absolute; top:105px; left:536px; width:200px; text-align:right; }
.owner { position:absolute; top:120px; left:536px; width:200px; text-align:right; }
.owner a { color:; }
.pet_spotlight {
position:absolute; top:0px; left:763px; margin:0;
height:0px; width:75px; overflow:hidden;
background:; border-style:solid; border-color:; border-width:5px 2px 15px 2px; border-radius:0px 0px 10px 10px;
font-size:10px;
transition:height 2s; -webkit-transition:height 2s; }
.pet_spotlight:hover { height:120px; }
.pet_spotlight img {
height:46px; width:46px; border-radius:5px; padding:2px; border:1px solid ;
opacity:.6;
transition:opacity 2s; -webkit-transition: opacity 2s; }
.pet_spotlight img:hover { opacity:1; }
 {
position:absolute; top:0px; left:853px;
height:0px; width:75px; overflow:hidden;
background:; border-style:solid; border-color:; border-width:5px 2px 15px 2px; border-radius:0px 0px 10px 10px;
font-size:10px;
transition:height 2s; -webkit-transition:height 2s; }
:hover { height:120px; }
 img {
height:46px; width:46px; border-radius:5px; padding:2px; border:1px solid ;
opacity:.6;
transition:opacity 2s; -webkit-transition: opacity 2s; }
 img:hover { opacity:1; }
 {
position:absolute; top:385px; left:750px;
height:188px; width:167px; padding:0px; overflow:auto; }
.treasure_item {
margin:2px; height:40px; width:40px; border-radius:5px; padding:2px; border:1px solid ;
opacity:.6;
transition:opacity 2s; -webkit-transition: opacity 2s; }
.treasure_item:hover { opacity:1; }
.treasure_item img { border-radius:5px; }
 {
position:absolute; top:240px; left:335px;
height:362px; width:406px; overflow:hidden;
text-align:center; line-height:14px; }
 div { height:362px; width:401px; padding-right:5px; overflow:auto; display:block; }
 { position:absolute; top:222px; left:660px; height:10px; width:10px; }
 { position:absolute; top:222px; left:673px; height:10px; width:10px; }
 { position:absolute; top:222px; left:688px; height:10px; width:10px; }
 { position:absolute; top:222px; left:704px; height:10px; width:10px; }
 { position:absolute; top:222px; left:721px; height:10px; width:10px; }
 { position:absolute; top:249px; left:753px; height:20px; width:10px; }
 { position:absolute; top:272px; left:753px; height:37px; width:10px; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:4px; }
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); border-radius:4px; }
::-webkit-scrollbar:horizontal { height:8px; }
::-webkit-scrollbar:vertical { width:8px; }
</style>
<a href=""><div id="linkone"></div></a>
<a href=""><div id="linktwo"></div></a>
<a href=""><div id="linkthree"></div></a>
<a href=""><div id="linkfour"></div></a>
<a href=""><div id="linkfive"></div></a>
<a href=""><div id="linkart"></div></a>
<a href=""><div id="linkcred"></div></a>
<div id="box">
<div id="one">
<p>
</div>
<div id="two">
</div>
<div id="three">
<p>
</div>
<div id="four">
<p>
<p><BR>
</div>
<div id="five">
<br><BR>
<BR><BR>
</div>
<div id="art">
<BR>
<BR>
x â™• x <BR>

</div>
<div id="credits">

</div> </div>

💮 Forum art credit • toyhou.se • dA 💮

Jan 27, 2015 11 years ago

is a freeloader

new problem: background image and/or color no longer displaying except for a thin strip at the bottom (screencap courtesy of because for whatever reason i'm not seeing the problem myself in chrome, only firefox)

for reference, the background color is coded to be green, but that beige is the default background color of the user who capped it (another friend insisted the background was navy blue, which coinsides with her site layout)

also for reference, says she has had no troubles seeing my backgrounds in the past, and i have not changed my coding, which leads me to believe the it's an issue on the site's behalf

full code for final reference

<style>
html {background:  url(http://i.imgur.com/XhwMOZT.png); background-repeat:repeat; background-attachment: fixed;}
, 
{background:none;}

{position:relative; top: 40px; left: -50px;
width: 665px; height: 100% !important
background: ;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 0px solid ;}
 li {line-height: 20px;}
.statbar {border: 1px solid ; background-color: transparent; height: 5px; width: 150px;}
, , , , ,  {background-color: ; height: 5px;}

{position: absolute;
left: 5px;
top: -5px;
text-align: center;
font-size: 10px}
 a {display: none;}
 li a {display: inline;}

{position: relative;
left: 35px;
top: -5px;
height: 300px;
text-align: center;
font-size: 10px}
.pet_spotlight
{position: relative;
left: 220px;
top: -180px;
height: 200px;
text-align: center;
font-size: 9px}

{width: 600px;
position: relative;
top: 70px; left: -10px;}

{width: 600px;
position: relative;
top: 90px; left: 100px;
font-size: 10px}

{width: 610px;
position: relative;
text-align: left;
top: 30px; left: -25px;
font-size: 10px;}
.hr
{height: 1px;
width: 450px;
border: 0;
background:;}
.icon.heart {text-decoration: none;} a {color: ; text-decoration: none;}
p.pet_like {margin:1px; padding: 0px;}
p {text-align: center;}
td, .pet, .pet_minion
{font-family: verdana;
font-size: 10px;
color: ;}
td
{background-color: ;}
h1
{font-size: 13px;
font-family: verdana;
font-weight: bold;}
a:link, a:visited
{font-family: verdana;
font-size: 9px;
color: ;}
a:hover, a:active
{font-family: verdana;
font-size: 10px;
text-decoration: line-through;
color: ;}
h2, footer, , , , , , , , , ,  li:nth-child(6), .friend_div, .pet_wco_info, .pet_wco_info_date{display:none;}

</style>

edit: when dicking around on , i switched position:relative to position:absolute, and that fixed the background problem... but then made it so that the hover effects on my links no longer work (and hovering over my username glitches out the little pop up function), so no matter which i pick, something breaks. please take a look into this.

Jan 27, 2015 11 years ago

needs a vacation!

css for iridestra. The box is gone now so that's good. honestly i struggle with css so i can't make or show a solution but this is her profile, as is.

SPOILER (click to toggle)

, , , , , , {display: none;}

{position: absolute; width: 493px; height: 700px;top: -200px; left: -510px;}

img {height: 0px; width: 100px; padding-bottom: 100px; padding-top: 30px; background: url(http://i.imgur.com/LJ3MOHM.png) left top no-repeat;}

body,html{ background-image: url(http://i.imgur.com/xFPMIOe.jpg); background-repeat: repeat-x; background-color: ; min-width: 920px; min-height: 955px; overflow:hidden; }

{position: absolute; width: 600px; height: 250px; top: 280px; left: 340px; background-color: transparent;} {height:100% !important;}

{position: absolute; width: 660px; height: 205px; top: -220px; left: -20px; border: 1px dotted ; overflow:auto; z-index:30; border:1px;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; opacity: 0; filter:alpha(opacity=0);} :hover {background: ; opacity: 1.0; filter:alpha(opacity=100);}

{position: absolute; top:130px; left:600px; width:433px; height:150px; overflow:auto; align:right; z-index:40; border: 1px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.5s ease-out; opacity: 0; filter:alpha(opacity=0);} :hover{background-color: ; opacity:1.0; filter:alpha(opacity=100);}

{position: absolute; top: -185px; left: 600px; width: 200px; height: 300px;} {border: none; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.5s ease-out; opacity: 0; filter:alpha(opacity=0);} :hover {background-color: ;opacity:1; filter:alpha(opacity=80);}

div.statbar {display:none;}

{position: absolute; width: 660px; height: 250px; top: 350px; left: -20px; font-family: Arial; overflow:hidden; background: ; padding: 10px;} a:link { color: ;} a:visited { color: ;}

{width: 660px; height: 250px;overflow:auto;padding: 10px;} {width: 660px; height: 250px;overflow:auto;padding: 10px;}

</style>

<div id="story1"> <div id="page1"> <a href="">Page 2</a>
under heavy construction! ignore!
Probably going to change her art/actual color again. I just can't find something I'm happy with. xbig art done
xbg done
xstats are now hover xmake stuff scroll
xfigure out tranisition timing
xcenter stuff
xfigure out tabs o.O

-make navigation
-make icon for for stuff/ second bg.
-finish pet treasure art
-finish art for overlay
-finish art for everything else
-finish coding
-New art
</div>

<div id="page2"><a href="">Page 1</a>
stuff here
Credits: Art, overlay, bg, coding, story: Iridescent </div> </div>

<div id="Iridestra"> [IMG]http://i.imgur.com/Aa9v1Xr.png[/IMG] </div>

MerArt- Overlays and More :3

Jan 27, 2015 11 years ago

howls at the moon

if it helps, that block of colour looks like the Luminaire site theme glitch (that site theme uses an image rather than a colour, so it overrides most pet profile background coding - when I changed to a different site theme, the block vanished). You should be able to stop that from happening with: , , body {background:none!important;} (just adding in "body" and !important to your existing coding)

[font=verdana]

My CW shop ~ forumset by [/font]

Jan 27, 2015 11 years ago

is a freeloader

i'd love to check your fix, but unfortunately all my pet backgrounds are gone. period. says she's experiencing the same thing. anyone else?

Jan 27, 2015 11 years ago

is hollow inside

- sorry to ping again, all my pet profile backgrounds just disappeared. Seems I'm not the only one..could you look into it when you get a chance, please? :)

~~Vicious~~

Jan 27, 2015 11 years ago

is unlucky

Umm Yeah my backgrounds are gone too. I hope all this destroying of people's hard work doesn't mess up their chances of getting in the spotlight :(

he/him / 31 / EST

My best friend is

Logged Out