Someone help me stop this profile from scrolling

Replies

May 9, 2017 8 years ago

This rift empty

YEET

And other questions, but mostly the profile. This is the profile: Link It scrolls, and I can't figure out why. It shouldn't be scrolling. I grabbed it from This profile Used the same coding except I aligned the layout to the other side. I used the same image that I used in this one (the black part of the backround) and this one doesn't scroll so I can't figure out why this one is. The image isn't too big that it should be scrolling. So what have I done to screw this up? Here is the coding. Can someone please help me figure this out? Also, is there a way to create a glow effect on text? If so let me know.

Code


<style>
, , , , , , , , , , .prototip, -ban, -ban-main, -lrc, -rrc, -right, , h2, .bookmark, .hustler, , , .pet_age_info_date, .pet_wco_info_date {display:none}
,  {background-color:transparent!important; height:auto!important}
, ,  {margin:0!important; border:0}
*{margin:0; padding:0}
.notice {background:none; border:0}
.container-fluid {margin:0px}
html {

background-image: url(https://i.gyazo.com/2c99af5dd0c878453d53d6eff3e9b3fd.gif), url(https://i.gyazo.com/05b59993c4a4330a87ed417647a4dca0.jpg);

background-repeat: no-repeat, no-repeat;

background-position: top right, center center;

background-attachment: scroll, fixed;

background-size: auto, cover}

body,font,td,a,p,table,div,tr {color: }

 {position: absolute;
top: 90px;
left: 900px;}
.pet_name {position:relative; top:-25px}
.owner, .pet_color_info {position:relative; top:-50px}
.pet_like {position:relative; top:-50px}

 {opacity: 0.4; filter: alpha(opacity=40);}
:hover {opacity: 1;filter: alpha(opacity=100);}

.pet_spotlight{display:none;}
 {position:absolute; top:340px; 
left:148px; 
width:235px; 
font-size:10px}

 img, .pet_spotlight img {height:58px!important; width:58px!important; margin:2px}

 img, .pet_spotlight img {opacity:0.4}

 img:hover, .pet_spotlight img:hover {opacity:1}

 {position:absolute; top: -5px;
left: 430px; 
width:240px; 
height:160px; 
overflow:auto}
.treasure_item {margin-left:8px; margin-bottom:8px; border:0px solid }

 img:hover {
filter:alpha(opacity=100);opacity:1;
}
.treasure_item img {opacity:0.4;} 

 {overflow: hidden!important;}

:hover {overflow-y: scroll!important;}

 {position:absolute;
top:200px;
left:440px;
width:200px;
height:350px; overflow:auto;}

 {overflow:hidden!Important;}


:hover {overflow-y: scroll!important;}


a:link,a:active,a:visited {color:}


</style>

They’re like monsters from your nightmares. All teeth, claws and exoskeleton. They live in hellish dreamscapes that few would dare tread ever knowing what lay within this nest of biomechanical terror, but like nightmares they don’t truly exist until someone brings them to life. A dormant beast that doesn’t exist until someone stupid enough comes along to investigate what was once their way of life, and then they begin anew. From day one they are a creature of violence. They reproduce forcefully with creatures who don’t consent with a spindly legged arachnid that cuts your oxygen off and breathes for you while it lays eggs in your lungs. Then, as quickly as it came, it goes; dying and curled up like a spider. The victim continues their lives, oblivious to the fact that they will soon die a horrible and painful death as the second stage tears through their chest like a massive bullet. Eating its way out until it leaves its host a mangled and dying mess. It evolves once more to gather and moves so silently that it is almost undetectable; like a shadow and ten times as black as one. It is mindless with only one purpose; to kill and to reproduce. Those who it does not drag back to its nest meet its inner jaw moments before it skewers their brain. Its victims are cocooned in a sticky saliva that they secrete, not unlike the way wasps build nests. Their heads and chest are left exposed so that they may repeat the process; positioning them in front of the eggs that hold their first life cycle. Then it repeats, until there is nothing left and they have decimated the entire planet and left nothing but death and destruction. They are a creature to be feared and not one to be trifled with. They multiply by the thousands, and they’re everywhere. They’re in the ceiling, they’re under the floor, they’re blending into their nests like part of its structure until it’s too late and they’re upon you. They are mindless but incredibly intelligent. They have one goal in mind but will kill their own to escape confinement, as the blood they secrete burns through anything it touches. But don’t worry. They’ll tell you they’re not real; that they’re a figment of your imagination. That maybe you’ve spent too much time in hypersleep and merely dreamed of this. And besides, like nightmares, they mostly come at night. Mostly.

May 19, 2017 8 years ago

✨

It isn't scrolling for me, maybe you fixed it?

Anyway, glow effect on text can be done with text-shadow, for instance:

h2 { text-shadow: 0 0 6px ; }

The first two numbers are the pixel offset, the third is the radius, and lastly the color code.

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

May 22, 2017 8 years ago

This rift empty

YEET

Quote by Bug

It isn&;t scrolling for me, maybe you fixed it?
Anyway, glow effect on text can be done with text-shadow, for instance:



h2 { text-shadow: 0 0 6px ; }

The first two numbers are the pixel offset, the third is the radius, and lastly the color code.

I was able to fix it more or less, but I'm still not sure if it looks right People tell me that nothing is i nthe box correctly does it look the same for you? edit: also, where would I put the h2?

May 22, 2017 8 years ago

✨

Your background and content won't line up in all screen resolutions because of your positioning. Unfortunately, there's not really an easy "fix" (that I can think of) to make your layout responsive - You would have to change the way you structured the code a lot.

To make sure that the background image lines up with the content, I would set the background-image on the pet_info div instead of html, and make sure pet_info is positioned so that you can absolutely position its contents relative to the background. That's the best I can think of that won't require a rewrite though, and it's not a perfect solution.

The h2 was just an example, you can use text-shadow to style any text you want.

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

May 22, 2017 8 years ago

This rift empty

YEET

Quote by Bug

Your background and content won&;t line up in all screen resolutions because of your positioning. Unfortunately, there&;s not really an easy "fix" (that I can think of) to make your layout responsive - You would have to change the way you structured the code a lot.
To make sure that the background image lines up with the content, I would set the background-image on the pet_info div instead of html, and make sure pet_info is positioned so that you can absolutely position its contents relative to the background. That&;s the best I can think of that won&;t require a rewrite though, and it&;s not a perfect solution.
The h2 was just an example, you can use text-shadow to style any text you want.

I was somehow able to fix this problem before though and now it no longer works, which doesn't make a lot of sense. With other profiles, i.e the one with Rumancek which I'm 90% does not move, it has no problems but I copied the code from that profile I used the same black BG I used the same size for the BG so why is it that it shifts? This doesn't make any sense.

May 23, 2017 8 years ago

✨

It's a bit of a mess, but I think I have figured out what you did wrong here. Whether I can explain it coherently though... I will try my best.

First, you have to understand what's happening with your pet_info div when you position it absolutely. When you say "left: 905px", that means the left edge is going to be 905px away from the left edge of the positioned parent (which here is the div with the id content, as it is position: relative). Since it's the distance from the left, if this is a very large number, it can end up pushing it past the boundary of the parent. This is what's happening in Rumancek's profile. Your value "left: 625px" there is actually pushing it past the right edge of the content div.

This is important because, in Rumancek's profile, the fact that everything is aligned from the left is what allows it to work. Rumancek's background-image is positioned "top left", and the pet_info is also positioned from the top and left. Therefore, the content and background image are always aligned - because it's the distance from the left side that matters.

In Xenomorph's profile, you have the background-image aligned "top right" instead, but you're still positioning the pet_info with a left-offset. So different screen sizes will cause them to misalign.

This is where it gets a bit trickier. In both profiles, pet_info and the background image (html) do NOT have the same frame of reference. In Rumancek's profile, it happens to work out because the two frame of references share the left and top edge. So a left-offset from one is the same as a left-offset from the other. However, they do NOT share a right edge. So if you want to right-align Xenomorph's profile, what I would do is make sure pet_info has the same reference point as the overall background-image, which may be easiest done by removing the position: relative from the content container.

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Logged Out

Someone help me stop this profile from scrolling

Replies