Report issues following update here

Replies

Feb 20, 2018 8 years ago

is lost in space

Glad I could help!

You need to remove all the "" things in the CSS. Those are not correct CSS comments and are probably causing your CSS to bug.

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 21, 2018 8 years ago

only has room for one

Okay, I removed those and now everything is just shifted to the left

Feb 21, 2018 8 years ago

is lost in space

Add this { margin-left: 176px; }

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 21, 2018 8 years ago

only has room for one

Okay, that worked! Now I just have some text running through the very top. Sorry for all of my issues, I'm scared to touch any of the coding and honestly know nothing about it. XD

Feb 22, 2018 8 years ago

is lost in space

That's apparently some code that you forgot to place within your style tags, it says this: {background-image: url(http://i5.photobucket.com/albums/y156/tigercub45/2exvdq0jpg-2.png);}

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 22, 2018 8 years ago

made it to the finals!

I hate to keep bothering people about my problems. As I'm trying to gradually fix all my pet profiles over the past two weeks, I kinda got to the point that I would forget what I did a week ago on one profile to make it work xD (since I don't have the time to fix all of them in one go :( ). So, here I am again. Can anyone kindly give me a code on how to fix Durden's profile to eliminate the vertical scroll? I don't want to limit the height of the content because I'll keep adding TCs to change the height. I don't want to use overflow-y:hidden either. Is relative-positioning this thing the only choice I have? Somehow I got the impression from two weeks ago that by using Bug's fix (2nd code in the OP), I could avoid using relative-position and sticking with the type of codes I'm comfortable with?

Feb 22, 2018 8 years ago

is lost in space

For that profile, this seems to do the trick: { height: auto!important; }

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 22, 2018 8 years ago

made it to the finals!

@ Hongske Oh, gosh, thank you. You are a life saver. I'm so embarrassed that I forgot to type !important when I tried to use auto and 100% for the height. It's never good to rush or work on things when I'm mad sobs.

Feb 22, 2018 8 years ago

is lost in space

No problem, glad I could help! And I know the feeling. At work the developers have this thing "never do serious code on Friday", cause you'll end up re-doing it on Monday. xD

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 23, 2018 8 years ago

only has room for one

OMG ❤ His profile and overlay are back to normal! I'm so excited! Thank you so much! I have 2 other pets who are also having profile issues... would you like me to compensate you for all of my bothering?

Feb 23, 2018 8 years ago

is lost in space

Glad that helped! And I always like getting stuff from other people, but don't feel obliged to compensate me! Helping other people is pretty rewarding for me :) So just link to the 2 pets and I'll take a look!

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 23, 2018 8 years ago

with a cherry on top

@/ Hongske /

Feb 24, 2018 8 years ago

is lost in space

Hi there! Would you happen to have the original code somewhere?

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 24, 2018 8 years ago

with a cherry on top

@/ Hongske /

Feb 24, 2018 8 years ago

only has room for one

Here's one of the two: Clicky

SPOILER (click to toggle)

<style>
html,body,,-content,{position:static!important;background:none;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
 { height: 800px!important; }
/* hide stuff */
, , , , ,  {display: none;}
,  {background: none;}
 {display: none}
 a {display: none}
 h2 {display: none}
 h2 {display: none}
body {background:none}
.statbar {display: none}
.weapon_item {display: none}
/* background */
html
{background-color: ;
background-image: url(http://i43.tinypic.com/90swes.jpg);
background-repeat: no-repeat;
background-position: 60px 30px; width: 1001px; height: 602px;}
/* fonts */
body, font, td, a, p, table, div, tr
{color: black;
font-family: Times New Roman;
font-size: 8pt;
letter-spacing: 0px;
font-weight: none;
text-decoration: none;}
b
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: bold;}
i
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: normal;}
u
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: normal;}
h1
{color: ;
font-family: Times New Roman;
font-size: 24pt;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 0pt;}
h2
{color: ;
font-family: Times New Roman;
font-size: 24pt;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 0pt;
text-align:center;}
a:link, a:active, a:visited
{color: black;
font-weight: none;
text-decoration: none;
text-transform: none;
cursor: help;}
a:hover
{color: ;
font-weight: bold;
text-decoration: none;
text-transform: none;
cursor: help;}
/* other stuff */
.statbar div.stat {
background-color: ;}
.pet_name {position:relative; left:25px;}
.pet_color_info {position:relative; left:25px;}
.owner {position:relative; left:25px;}
.pet_age_info {position:relative; left:25px;}
.pet_age_info_date {position:relative; left:25px;}
.pet_wco_info {position:relative; left:25px;}
.pet_wco_info_date {position:relative; left:25px;}
.pet_spotlight {position:relative; left:25px;}
 {height: 100% !important}
 li {line-height: 18px}
 {border: 1px solid ;align: center}
 img {border: 1px solid ;}
.treasure_item {border: 1px solid ;}
.friend_pet_image {border: 1px solid ;}

{
width: 380px;
margin-right: auto;
margin-left: auto;
}
.treasure_item {
margin-top:6px;
margin-left:10px;
}
 {
min-width: 0px;
width: 450px;
position: absolute;
top: 175px;
left: 410px;
height: 449px;
overflow: auto;}
 {position: relative; left: 35px; top: 180px; padding:0px; margin:0px; width:120px;}
 {width:140px; position:relative; left: 70px;}
 {width:70px; border:1px; position:relative; left: -220px; top: -45px; margin:1px;}}
</style>



<style type='text/css'>

{
width: 400px;
}
</style type='text/css'>
<style type=text/css>
 {
background-image: url(http://i5.photobucket.com/albums/y156/tigercub45/2gycbx5.gif);
}
</style type=text/css>




The Legend

Classic stars of the silver screen sought rest and relaxation at the grand Hollywood Tower Hotel during the Golden Age of Hollywood. In 1939, during a gloomy Halloween night, 5 unlucky souls were riding down the Hotel's maintenance service elevator when a violent storm struck the buildingâ€¦ and they were never seen again. Black scorch marks still scar The Twilight Zone Tower of Terror facade where lightning left its autograph.

The Elevator

A ride on the fright elevator beyond the eerie boiler room in the hotel basement could be down, then up, or maybe down again, or up and upâ€”every experience is different and randomly selected by the Tower itself. There is no way of knowing which direction you will go on the Twilight Zone Tower of Terror.

Step aboard, if you dare. You are about to discover what lies beyond the deepest, darkest corner of the imagination.

[IMG]http://i5.photobucket.com/albums/y156/tigercub45/tower.jpg[/IMG]

You're traveling through another dimension -- a dimension not only of sight and sound but of mind. A journey into a wondrous land whose boundaries are that of imagination. That's a signpost up ahead: your next stop: the Twilight Zone!

You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas. You have just crossed over into... the Twilight Zone.

There is a fifth dimension beyond that which is known to man. It is a dimension as vast as space and as timeless as infinity. It is the middle ground between light and shadow, between science and superstition, and it lies between the pit of man's fears and the summit of his knowledge. This is the dimension of imagination. It is an area which we call The Twilight Zone.


Amazing overlay by .

Feb 25, 2018 8 years ago

is lost in space

It might be easier? Because the code you currently have doesn't really make a lot of sense to me (sorry!) and also the one you just posted is missing a lot of things that your previous one had.

You have a few mistakes in your code. I tried to fix them and this should work:

SPOILER (click to toggle)

<style>
html,body,,-content,{position:static!important;background:none;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
 { height: 800px!important; }
/* hide stuff */
, , , , ,  {display: none;}
,  {background: none;}
 {display: none}
 a {display: none}
 h2 {display: none}
 h2 {display: none}
body {background:none}
.statbar {display: none}
.weapon_item {display: none}
/* background */
html
{background-color: ;
background-image: url(http://i43.tinypic.com/90swes.jpg);
background-repeat: no-repeat;
background-position: 60px 30px; width: 1001px; height: 602px;}
/* fonts */
body, font, td, a, p, table, div, tr
{color: black;
font-family: Times New Roman;
font-size: 8pt;
letter-spacing: 0px;
font-weight: none;
text-decoration: none;}
b
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: bold;}
i
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: normal;}
u
{color: ;
font-family: Times New Roman;
font-size: 7.5pt;
font-weight: normal;}
h1
{color: ;
font-family: Times New Roman;
font-size: 24pt;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 0pt;}
h2
{color: ;
font-family: Times New Roman;
font-size: 24pt;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 0pt;
text-align:center;}
a:link, a:active, a:visited
{color: black;
font-weight: none;
text-decoration: none;
text-transform: none;
cursor: help;}
a:hover
{color: ;
font-weight: bold;
text-decoration: none;
text-transform: none;
cursor: help;}
/* other stuff */
.statbar div.stat {
background-color: ;}
.pet_name {position:relative; left:25px;}
.pet_color_info {position:relative; left:25px;}
.owner {position:relative; left:25px;}
.pet_age_info {position:relative; left:25px;}
.pet_age_info_date {position:relative; left:25px;}
.pet_wco_info {position:relative; left:25px;}
.pet_wco_info_date {position:relative; left:25px;}
.pet_spotlight {position:relative; left:25px;}
 {height: 100% !important}
 li {line-height: 18px}
 {border: 1px solid ;align: center}
 img {border: 1px solid ;}
.treasure_item {border: 1px solid ;}
.friend_pet_image {border: 1px solid ;}

{
width: 380px;
margin-right: auto;
margin-left: auto;
}
.treasure_item {
margin-top:6px;
margin-left:10px;
}
 {
min-width: 0px;
width: 450px;
position: absolute;
top: 175px;
left: 595px;
height: 449px;
overflow: auto;}
 {position: relative; left: 35px; top: 180px; padding:0px; margin:0px; width:120px;}
 {width:140px; position:relative; left: 70px;}
 {width:70px; border:1px; position:relative; left: -220px; top: -45px; margin:1px;}
 { width: 400px; }
 { background-image: url(http://i5.photobucket.com/albums/y156/tigercub45/2gycbx5.gif); }
</style>


The Legend
Classic stars of the silver screen sought rest and relaxation at the grand Hollywood Tower Hotel during the Golden Age of Hollywood. In 1939, during a gloomy Halloween night, 5 unlucky souls were riding down the Hotel's maintenance service elevator when a violent storm struck the buildingâ€¦ and they were never seen again. Black scorch marks still scar The Twilight Zone Tower of Terror facade where lightning left its autograph.

The Elevator
A ride on the fright elevator beyond the eerie boiler room in the hotel basement could be down, then up, or maybe down again, or up and upâ€”every experience is different and randomly selected by the Tower itself. There is no way of knowing which direction you will go on the Twilight Zone Tower of Terror.

Step aboard, if you dare. You are about to discover what lies beyond the deepest, darkest corner of the imagination.

[IMG]http://i5.photobucket.com/albums/y156/tigercub45/tower.jpg[/IMG]

You're traveling through another dimension -- a dimension not only of sight and sound but of mind. A journey into a wondrous land whose boundaries are that of imagination. That's a signpost up ahead: your next stop: the Twilight Zone!
You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas. You have just crossed over into... the Twilight Zone.
There is a fifth dimension beyond that which is known to man. It is a dimension as vast as space and as timeless as infinity. It is the middle ground between light and shadow, between science and superstition, and it lies between the pit of man's fears and the summit of his knowledge. This is the dimension of imagination. It is an area which we call The Twilight Zone.


Amazing overlay by .

A few of your tags were closed incorrectly (you need to close a style section with </style>, not with </style type='text/css'>) and you only need to add the center-code once, not around every one of your text-sections.

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Feb 25, 2018 8 years ago

only has room for one

Eeeee! ❤ Thanks for continuing to rescue my pets' poor profiles!

Last one is Seagull

SPOILER (click to toggle)

<style>
/* local overrides */
div#loginstatus { background-image: url(http://images.subeta.net/items/beanbag_ghostly_arid.gif); }
 { width: 100%; }
 { width: 100%; }
 { width: 10%; }
 { width: 100%; }
 { width: 0%; }
 { width: 100%; }
 { width: 100%; }
html,body,,-content,{position:static!important;background:none;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}

{
background-image: url('http://images.subeta.net/pets/lain_darkmatter.gif');
}
,  {background: transparent; }
, , , , , div#footer, div#banner, .event, div#time, div#date, div#loginstatus div, div#loginstatus, div#header, div.leftpanelseparator, div.leftpanel { display: none; }
html{background-image: url('http://img156.imageshack.us/img156/1701/wishctd.png'); background-color: ; background-repeat:repeat-y;}
body {background-color: transparent; background-image: url(http://img27.imageshack.us/img27/9758/wishcopy2.png); background-position: top left; background-repeat: no-repeat; height:1000px! important; width:1000px;}
 {background-image: url('http://i5.photobucket.com/albums/y156/tigercub45/wish.gif');}
:hover{background-image: url('http://img694.imageshack.us/img694/8313/seagull.gif');}
 img:hover{background-image: url(http://img268.imageshack.us/img268/6981/crabi.gif);}
 img {height: 0px; width: 64px; padding-bottom: 64px; padding-top: 0px; background: url(http://img5.imageshack.us/img5/267/crab1.gif);}
{display:none;}
{position:absolute; top:0px; left:120px;}
.pet_name{position:absolute;top:210px; left:-50px;}
.pet_color_info{position:absolute;top:210px; left:50px;}
.owner{position:absolute;top:220px; left:50px;}
.pet_age_info_date{display:none}
.pet_wco_info_date{display:none}
.pet_spotlight{position:absolute;top:225px; left:-50px; width:200px;}
{position:absolute; top:-150px; left:365px;}
{position:absolute; top:400px; left:390px; width:350px;}
div#pet_friends {display: none}
div#pet_treasure{position: absolute; top:417px; left:30px; width:400px;}
.treasure_item {margin-top:5px; margin-left:5px;}
 h2{display:none;}
{position:absolute; top:230px; left:-200px;}
a:link,a:active,a:visited
{color: ;
font-weight: none;
text-transform: lowercase;}
a:hover
{color: ;
font-weight: underline;
text-transform: underline;}
body, font, td, a, p, table, div, tr {color:  font-family: tahoma; font-size: 8pt; line-height: 1.4;}
b, u, i {color:  font-family: tahoma; font-size: 8pt;}
 {
background-image: url(http://i5.photobucket.com/albums/y156/tigercub45/wish.gif);
}

{
width: 400px;
}
</style>

<style type=text/css>
 {
background-image: url(http://i5.photobucket.com/albums/y156/tigercub45/wish.gif);
}
</style type=text/css>
Biology
"Most gulls, particularly Larus species, are ground nesting carnivores, which will take live food or scavenge opportunistically. Live food often includes crabs and small fish. Apart from the kittiwakes, gulls are typically coastal or inland species, rarely venturing far out to sea. The large species take up to four years to attain full adult plumage, but two years is typical for small gulls. Large White-Headed Gulls are typically long-lived birds, with a maximum age of 49 years recorded for the Herring Gull.

Gulls nest in large, densely packed, and noisy colonies. They lay two to three speckled eggs in nests composed of vegetation. The young are precocial, being born with dark mottled down, and mobile from hatching.

Gullsâ€”the larger species in particularâ€”are resourceful, inquisitive and intelligent birds, demonstrating complex methods of communication and a highly developed social structure; for example, many gull colonies display mobbing behavior, attacking and harassing would-be predators and other intruders. In addition, certain species (e.g. the Herring Gull) have exhibited tool use behavior, using pieces of bread as bait with which to catch goldfish, for example. Many species of gull have learned to coexist successfully with humans and have thrived in human habitats. Others rely on stealing their food. Gulls have been observed preying on live whales, landing on the whale as at surfaces to peck out pieces of flesh."



 mine.




Overlay by .
Profile by .

<style type='text/css'>

{
width: 400px;
}
</style type='text/css'>

Feb 25, 2018 8 years ago

is lost in space

That absolutely did the trick on all of them when I made the left amount on container fluid 185px! Glad it was such a small adjustment and thanks for making this thread. My profiles are all gloriously fixed c:

Also thanks Bug for dropping the fix in here!

Also holy crap! Subeta updating the pet profile coding has made it so that CSS I've wanted for ages finally works on the site. Blesssss. Now I can make info appear if someone gets the a code right!!

Feb 25, 2018 8 years ago

with a cherry on top

Fixed ~

Feb 26, 2018 8 years ago

is lost in space

I've fixed the code, but your image don't seem to be online anymore, so I can't be sure if the positioning is correct.

Glad that this thread helped :D

Is this more what you want? Sorry, I feel so useless and stupid right now because I can't seem to understand what you want exactly...

❤ Try out my mobile-friendly Modernised CustomCSS theme ❤

Logged Out

Report issues following update here

Filter

Replies