Need help with a couple of pet profiles
Replies
Feb 16, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
I have no clue what's wrong with my codes (my coding skills are more than low) so I would be thankful for any help I can get. First of all, there is Alessio who mostly needs some re-positioning of stuff like pet name, owner and the like button:
Quote
.pet_like {position: absolute; top: 510px; left:-20px; color: ; font-size:10px; width:200px;}</p>
<p>.pet_spotlight {position: absolute; top: 540px; left:-20px; color: ; font-size:10px; width:200px;}
.pet_spotlight img {display:none;}</p>
<p>body {background: url(<a href="http://i.imgur.com/VqpjlaW.png);">http://i.imgur.com/VqpjlaW.png);</a> width: 1000px; height: 1200px; overflow:hidden; font-size: 10px; color: ;}</p>
<p>html {background: ; left: 1000px; repeat-x;}</p>
<p>b, i {color: ;}</p>
<p>u {color: ; border-bottom: 1px dashed}</p>
<p>a:link, a:active, a:visited, a:hover{color:;}</p>
<p>.owner img, , , , , , , , h2, h1, h2, h2, h2, .pet_wco_info_date, .pet_age_info_date, , , , {display:none}</p>
<p>, , {background: none;}</p>
<p>.pet_color_info {position: absolute; top: 91px; left:534px; color: ; font-size:10px; }</p>
<p>.owner {position: absolute; top: 91px; left: 177px; width: 200px; color: ; font-size:10px;}</p>
<p> {background: ; position: absolute; top: 517px; left: 372px; width: 242px; height: 0px; padding: 0px; margin: 0px; border-top: 5px solid ; border-right: 5px solid ; border-bottom: 15px solid ; border-left: 5px solid ; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: top 1s, height 1s ease; -moz-transition: top 1s, height 1s ease; -o-transition: top 1s, height 1s ease; -moz-border-radius: 0px 0px 15px 15px !important; -webkit-border-radius: 0px 0px 15px 15px !important; border-radius: 0px 0px 15px 15px !important; overflow: auto;}</p>
<p>:hover {background: ; position: absolute; height: 108px; border-color: ; border-top: 5px solid ; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: 2s ease; -moz-transition: 2s ease; -o-transition: 2s ease;}</p>
<p>.treasure_item img{filter:alpha(opacity=60); opacity:0.6;}
.treasure_item{margin-top:2px; margin-left:2px; border: 1px solid ;}
.treasure_item img:hover{filter:alpha(opacity=100); opacity:1;}
.treasure_item, .treasure_item img {width: 50px; height: 50px}</p>
<p>h1 {color: ; border-bottom: 1px solid ; font-size: 11px; font-weight: bold; text-align: right; margin-bottom: 1px; padding: 0px 0px 2px 0px;}</p>
<p> {position: absolute; top: 113px; left:474px; width: 330px; height: 401px; text-align: justify; padding: 0px 5px 0px 0px; overflow: auto;}
{background: url(<a href="http://i.imgur.com/vFdEgPD.png);">http://i.imgur.com/vFdEgPD.png);</a> position: absolute; top: 107px; left: 788px; width: 22px; height: 410px; z-index: 9;}
A really damaged looking profile belongs to my Pet Suffer:
Quote
.pet_like {position:absolute; top:-225px; left:700px;}</p>
<p>div#header,,.events,,div.leftpanelseparator,div.leftpanel,div#loginstatus
div,div#loginstatus,,div#time,-container,.header,div#datediv,-lrc, -rrc,,,,,,, -ban, -ban-main, , -right, , , ,,.statbar,.pet_age_info, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date {display:none;}
{background:transparent;}
{background:transparent;}
, , body, , , {background-color:transparent;}
{display:none;}</p>
<p>body,html
{background-image: url(<a href="http://i.imgur.com/JuwW2SU.png);">http://i.imgur.com/JuwW2SU.png);</a>
background-color:;
background-repeat: no-repeat;
background-position: top left;
height:1050px;}</p>
<p>.pet_name{z-index:2;font-size:23px;color:;font-family:times new roman;width:300px;text-shadow: 1px 1px 1px;}</p>
<p>.pet_color_info{z-index:2;font-size:11px;color:;font-family:times new roman;width:300px;text-shadow: 1px 1px 1px;}</p>
<p>.owner{font-size:11px;color:;font-family:times new roman;text-shadow: 1px 1px 1px;}
.owner a{font-size:11px;color:;font-family:times new roman;text-shadow: 1px 1px 1px;}</p>
<p>{border:0px solid;-moz-border-radius:1px;border-radius:10px;}</p>
<p>{position:absolute;left:50px;top:50px;height:210px!important;}</p>
<p>{display:none;}</p>
<p>{position:absolute;height:288px; top:173px;left:213px;-moz-border-radius:1px;border-radius:18px;padding:5px;border:1px solid;opacity:0.5;-webkit-transition: opacity 1.6s linear;-moz-transition: opacity 1.6s linear;background-color:;}</p>
<p>{display:none;}</p>
<p>.pet_spotlight{display:none;}</p>
<p>{position:absolute;overflow:auto;top:490px;left:213px;height:301px;width:429px;background-color:;opacity:0.5;-webkit-transition: opacity 1.6s linear;-moz-transition: opacity 1.6s linear;-moz-border-radius:1px;border-radius:18px;padding:6px;border:1px solid;}</p>
<p>{position:absolute;overflow:auto;top:173px;left:442px;height:288px;width:200px;background-color:;opacity:0.5;-webkit-transition: opacity 1.6s linear;-moz-transition: opacity 1.6s linear;-moz-border-radius:1px;-moz-border-radius:1px;border-radius:18px;padding:6px;border:1px solid;}</p>
<p>:hover,:hover,:hover{opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}</p>
<p> img{height:50px;width:50px;}</p>
<p> img{border:2px solid ;opacity:0.8;-webkit-transition: opacity 0.5s linear;-moz-transition: opacity 0.5s linear;-moz-border-radius:1px;border-radius:16px;}</p>
<p> img:hover{opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;outline: 2px solid ; border:2px solid ;}</p>
<p>div.treasure_item{width:70px;height:65px;margin-left:14px;margin-top:8px;}</p>
<p>{width:470px;height:90px !important;}</p>
<p>{display:none;}</p>
<p>h2{display:none;}</p>
<p> body, html, div, li{color: ; font-family: times new roman; font-size: 12px; line-height: 16px}
a {color: ; font-family: times new roman; font-size: 12px; line-height: 16px}
a:link, a:visited {color: ;}
a:hover, a:active {color: ;}
b {color: ;}
u {color: ;}
i {color: ;}
p{text-indent:26px;}</p>
<p>div#pet_image img{visibility: hidden;}
div#pet_image{background-image: url(<a href="http://i.imgur.com/nhUMifg.png);">http://i.imgur.com/nhUMifg.png);</a> background-repeat: no-repeat; background-position: top center; height:200px; width:200px;}
The life versions are still on their profiles so you can see the issues. ;u;
Feb 17, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
I actually did but the everything is still far out of the boxes and I have no clue how to fix it. Tried to re-position on a more simple profile of mine but ended with a cut-off text and had to give up because I don't know what's causing it.
Feb 17, 2018
8 years ago
Hongske
is lost in space
Can you add a screenshot or sketch of what Alessio's profile is supposed to look like?
Concerning Suffer's profile, that should be fixed by adding this .container-fluid { margin-left: 236px; margin-top: 49px; }
Feb 17, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
Suffer is fixed, thank you so much!
As for Alessio, I don't have a screenshot but the owner, species/color and the heart used to be left to the pet name or more exactly between the pet name and the rose.
Feb 17, 2018
8 years ago
Hongske
is lost in space
Something like this? .pet_color_info { top: 85px; left: 438px; }
.owner { top: 71px; left: 397px; }
.pet_like { top: 40px; left: 400px; }
You might have to fiddle with the values to get it exactly where you want it.
Feb 18, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
Hm, that doesn't seem to work. I mean the code as you gave it to me moved the owner and species/color (the heart didn't move) but when I started to change the values to tweak it nothing happened.
Feb 18, 2018
8 years ago
Hongske
is lost in space
Can you post the tweaked code? Also, for the heart, adding "!important" might help :)
Feb 18, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
Added the "important", thank you! (:
This is the current code:
Quote
.pet_color_info { top: 85px; left: 468px; }
.owner { top: 71px; left: 397px; }
.pet_like { top: 40px; left: 400px; !important }</p>
<p>.pet_spotlight {position: absolute; top: 540px; left:-20px; color: ; font-size:10px; width:200px;}
.pet_spotlight img {display:none;}</p>
<p>body {background: url(<a href="http://i.imgur.com/VqpjlaW.png);">http://i.imgur.com/VqpjlaW.png);</a> width: 1000px; height: 1200px; overflow:hidden; font-size: 10px; color: ;}</p>
<p>html {background: ; left: 1000px; repeat-x;}</p>
<p>b, i {color: ;}</p>
<p>u {color: ; border-bottom: 1px dashed}</p>
<p>a:link, a:active, a:visited, a:hover{color:;}</p>
<p>.owner img, , , , , , , , h2, h1, h2, h2, h2, .pet_wco_info_date, .pet_age_info_date, , , , {display:none}</p>
<p>, , {background: none;}</p>
<p> {background: ; position: absolute; top: 517px; left: 372px; width: 242px; height: 0px; padding: 0px; margin: 0px; border-top: 5px solid ; border-right: 5px solid ; border-bottom: 15px solid ; border-left: 5px solid ; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: top 1s, height 1s ease; -moz-transition: top 1s, height 1s ease; -o-transition: top 1s, height 1s ease; -moz-border-radius: 0px 0px 15px 15px !important; -webkit-border-radius: 0px 0px 15px 15px !important; border-radius: 0px 0px 15px 15px !important; overflow: auto;}</p>
<p>:hover {background: ; position: absolute; height: 108px; border-color: ; border-top: 5px solid ; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition: 2s ease; -moz-transition: 2s ease; -o-transition: 2s ease;}</p>
<p>.treasure_item img{filter:alpha(opacity=60); opacity:0.6;}
.treasure_item{margin-top:2px; margin-left:2px; border: 1px solid ;}
.treasure_item img:hover{filter:alpha(opacity=100); opacity:1;}
.treasure_item, .treasure_item img {width: 50px; height: 50px}</p>
<p>h1 {color: ; border-bottom: 1px solid ; font-size: 11px; font-weight: bold; text-align: right; margin-bottom: 1px; padding: 0px 0px 2px 0px;}</p>
<p> {position: absolute; top: 113px; left:474px; width: 330px; height: 401px; text-align: justify; padding: 0px 5px 0px 0px; overflow: auto;}
{background: url(<a href="http://i.imgur.com/vFdEgPD.png);">http://i.imgur.com/vFdEgPD.png);</a> position: absolute; top: 107px; left: 788px; width: 22px; height: 410px; z-index: 9;}
Tried to change the "left"-value of .pet_color_info but nothing seems to happen.
Feb 18, 2018
8 years ago
Hongske
is lost in space
It's because it's missing the position-tag. Add "position: absolute;" to all three of the codes and that should do it :)
Feb 19, 2018
8 years ago
Pirate
has been EXTERMINATED
Spite
Alessio's profile is fixed now, thank you so much for your help!
Please log in to reply to this topic.