Replies

May 11, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

http://subeta.net/pets/Veltiseer

Im trying to get the scroll bars out, can someone help me please?

heres the code.

code <style> , , -ban, -ban-main, -lrc, -rrc {display:none;} , -right, , , , h2, a, , {display:none;} , , body, , , {background-color:transparent;height: auto !important;}

{ border:0; }

.pet_age_info, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date, {display: none;}

{position:absolute; left:210px;top:560px;} {color:} .pet_name {display: none;} {display: none;}

{background-image: url('http://i1113.photobucket.com/albums/k507/nikkyy15/Pet%20profiles/VeltiseerSmallT_zpsca99cb3b.png');}

{ position:absolute; top:-210px; left:420px; }

{display: none;} :hover {overflow:auto} img {height: 80px; width:80px;} .friend_div {height:125px!important;}

a:link {color:;} /* unvisited link / a:visited {color:;} / visited link / a:hover {color:;} / mouse over link / a:active {color:;} / selected link */

body { background-image: url(http://i1365.photobucket.com/albums/r760/Sirieht/sui1_zps8def866a.png); background-repeat: no-repeat, repeat-x; background-color:; width:1024px; }

{ position:absolute; top:500px; left:-10px; } {color:} { position:absolute; top:340px; left:2px; opacity:.0; width:150px; height:200px; overflow: hidden; } :hover {overflow:auto} :hover {opacity:.95}

h2 { display:none; }

{ position:absolute; left: 805px; top:150px; width:400px; height:200px; overflow:auto; overflow: hidden;} :hover {overflow:auto}

{ position: absolute; top: 360px; left: 805px; width:300px; height:200px; overflow:auto; overflow: hidden;} :hover {overflow:auto}

{ position: absolute; top: 630px; left: 30px; width: 100px; height: 100px; border: 1px; opacity: .80; } </style>

<div id="main"> [font=times new roman]

There once was a little girl, she was quite lonely. Then one day her parents gave her a stuffed wolf, encrusted in Sapphire. She hugged the wolf tight, thinking one thought only. That finally finding a friend in him was her desire.

She thought carefully as she chose to name him Veltiseer. She would always take him out to the park to play. They pretended they were in a ship breaking through earth’s atmosphere Until the sun started disappearing giving an end to the day.

One afternoon she left Veltiseer at the park. She went back only to discover that he was not there. She searched and searched until it became dark. Then left as she filled with despair.

As the little girl grew up she was living her dream. She hunted for treasure all around the world. One day as she was exploring a cave she saw a gleam. It was veltiseer! She picked him up from the treasure and twirled.

[/font] </div>

<div id="one"><center>

Profile by

</center></div>

<div id="two">[color=#4f4e53]

</div>

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

I assume you still want people to be able to scroll inside the box? That you don't just want to cut off the text?

This website explains how to do that.

EDIT: If you have further questions about profiles, you should probably post in http://subeta.net/forums.php/forum/44/Profiles-amp-Graphics-Discussion, you'll get better and faster answers there.

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

how would I put that in? the only thing I want to scroll is the TC and story^^ I just dont want the other scrolls><

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

You mean you want to remove the scrollbars from the browser?

Then you need to change the position and probably size of Main so that it shows up properly within the window instead of far over to the right.

{ position:absolute; left: 805px; top:150px; width:400px; height:200px; overflow:auto; overflow: hidden;} Change the 805px, to something much smaller, like 50? Try it, then change as needed.

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

tried that and it put my story in the middle of my screen and the bars were still there ><

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Try moving it more, you can use negative numbers too.

May 12, 2014 11 years ago Official
HopefulNebula
is very punny
User Avatar
Pindsvin

I'm moving this to the Profiles & Graphics Discussion forum.


Be on the lookout. Be ready to help each other. It's important.
Minimod icon by

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

I used negatives >< it just moved it all the way to the left and cut it off. if I could get rid of the dead spaces between the left and the TC itd be fine ><

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Okay, I put your code in one of my pets and played with it myself. If you make Main left 0 px, it lines up with the treasure chest.

You'll also want to change the One div to 0 px as well.

Then remove the width value from Body. Just delete all this: width:1024px;

You should probably also remove anything about div two, as there doesn't seem to be anything in there except some odd code that shows up on the page.

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

not sure if i did it right but here http://subeta.net/petinfo.php?petid=903323

i am terrible at coding...lol

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Almost there.

# one { position: absolute; top: 0px; left: 805px; width:300px; height:200px; overflow:auto; overflow: hidden;}

Should read: top: 260px; left: 0px;

{ position:absolute; left: 0px; top:150px; width:400px; height:800px; overflow:auto; overflow: hidden;}

Try changing top: 50px, this should raise it a little higher and look less like its in the middle of the page

<div id="two">[color=#4f4e53]

</div> Delete all of this, it shows up at the very bottom of your code

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

just changed it, made the story more to the left, how does it look???

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

Its better, but I just don't understand why its still extending it. I put the coding in my pet BooBerry and the scroll bars are gone. http://subeta.net/pets/BooBerry

May 12, 2014 11 years ago
Suiicune
is a celebrity
User Avatar
AresVengance

send me the code on here you used and ill put it in mine to see if it changes anything

❤️

May 12, 2014 11 years ago
Lypsyl
is a billionaire
User Avatar
Crotchety

The problem is, its not the same as yours. You've changed the color of the text and the size and made some other changes. I just changed things minimally so I could fit it in.

Anyway here's the code, maybe you can compare the two and see where they're different and maybe figure out why.

<style> , , -ban, -ban-main, -lrc, -rrc {display:none;} , -right, , , , h2, a, , {display:none;} , , body, , , {background-color:transparent;height: auto !important;}

{ border:0; }

.pet_age_info, .pet_age_info_date, .pet_wco_info, .pet_wco_info_date, {display: none;}

{display:none} .pet_name {display: none;} {display: none;}

{background-image: url('http://i1113.photobucket.com/albums/k507/nikkyy15/Pet%20profiles/VeltiseerSmallT_zpsca99cb3b.png');}

{ position:absolute; top:-210px; left:420px; }

{display: none;} :hover {overflow:auto} img {height: 80px; width:80px;} .friend_div {height:125px!important;}

a:link {color:;} /* unvisited link / a:visited {color:;} / visited link / a:hover {color:;} / mouse over link / a:active {color:;} / selected link */

body { background-image: url(http://i1365.photobucket.com/albums/r760/Sirieht/sui1_zps8def866a.png); background-repeat: no-repeat, repeat-x; background-color:; }

{ position:absolute; top:500px; left:-10px; } {color:} { position:absolute; top:340px; left:2px; opacity:.0; width:150px; height:200px; overflow: hidden; } :hover {overflow:auto} :hover {opacity:.95}

h2 { display:none; }

{ position:absolute; left: 0px; top:50px; width:400px; height:200px; overflow:auto; overflow: hidden; color: white;} :hover {overflow:auto}

{ position: absolute; top: 260px; left: 0px; width:300px; height:200px; overflow:auto; overflow: hidden;} :hover {overflow:auto}

</style>

<div id="main">

There once was a little girl, she was quite lonely. Then one day her parents gave her a stuffed wolf, encrusted in Sapphire. She hugged the wolf tight, thinking one thought only. That finally finding a friend in him was her desire.

She thought carefully as she chose to name him Veltiseer. She would always take him out to the park to play. They pretended they were in a ship breaking through earth’s atmosphere Until the sun started disappearing giving an end to the day.

One afternoon she left Veltiseer at the park. She went back only to discover that he was not there. She searched and searched until it became dark. Then left as she filled with despair.

As the little girl grew up she was living her dream. She hunted for treasure all around the world. One day as she was exploring a cave she saw a gleam. It was veltiseer! She picked him up from the treasure and twirled.

</div>

<div id="one"><center>

Profile by Hippogriff

</center></div>

Anyway, I'm off for now. I'll check in again tomorrow to see how its going. I've removed the code from booberry now that i've handed it off.

Please log in to reply to this topic.