Help With a Premade Code Thing I Can't Figure Out?
Replies
Hi! I'm using 's premade pet profile for emela's profile. I didn't have any pet friends so I used the code to make that section go away, but I'm wondering if there's a way for me to make the description text box extend to that area so that there's not a blank box.
I really don't know anything about this coding so any help would have to be dumbed down a lot ;~;
code
<style>
/* this code basically "resets" the profile so bookmarks and the regular subeta layout is "cleared" */
,,,,,,,{display:none;}
*{margin:0;padding:0;}
,,,,,,,.prototip,,,-ban,-ban-main,-lrc,-rrc,,-right,,,,h2,,{display:none;}
,,body,,,{background-color:transparent;height:auto!important;color:;font-size:9.5px;}
,.bookmark{display:none;}
.notice{background:none;border:0;}
.container-fluid { margin:0px; }
/* these are names of the divs (dividers) that I've created on the page (they are not pet layout default divs). / / DO NOT EDIT IF YOU DO NOT KNOW HOW. You are obviously free to play around with them if you're learning and experimenting with code. */ {position:absolute;top:500px;left:340px;background-color:transparent;width:150px;height:25px;font-size:9px;z-index:5;overflow:hidden; opacity:.4;} {position:absolute;left:270px;top:25px;width:225px;height:320px;overflow:hidden;background-color:;text-align:left;font-size:10px;color:!important;} :hover{overflow-y:auto;}
/* these are a few of the sections that are already found on the pet profile page. / / Please look up their names and what they do in the CSS Compendium as I'm not / / going to comment what every single one is. They are named pretty well as their names tell you what it does or holds. / / If you're learning how to code, look up the difference between "#" (id) and "." (class). It's very very very useful. */ {top:0px;left:150px;width:500px;min-height:500px!important; height:500px!important;border-top:0px solid;margin:0px;padding:0px;} {position:absolute;left:230px;top:-25px;} .treasure_item{margin-top:1px;margin-left:1px;} .treasure_item_name,.statbar,.weapon_item,.pet_age_info_date,.pet_wco_info_date{display:none;} {text-wrap:unrestricted;text-transform:lowercase;position:absolute;left:-210px;top:280px;font-size:8px;z-index:8;width:120px;} .pet_name{position:absolute;left:30px;top:22px;font-family:Georgia,Arial;font-size:28px;color:! important;background-color:;z-index:10;} .pet_spotlight{position:absolute;top:270px;left:150px;height:70px;width:80px;text-align:center center;background-color:transparent;font-size:8px;z-index:8;border:1px dashed;} .pet_spotlight a{color:;} .pet_spotlight a:hover{color:;} {background-repeat:no-repeat;background-position:top left;z-index:7;position:absolute;top:60px;left:30px;} .owner{position:absolute;left:160px;top:40px;} {position:absolute;top:390px;left:270px;border: 1px solid;height:15px;width:210px;overflow-x:hidden;overflow:hidden;} :hover{overflow-y:auto;} .friend_pet_image {height:60px; width:60px;} .friend_div{ width:75px; height:110px;} .pet_color_info{position:absolute;color:;text-transform:lowercase;position:absolute;top:40px;left:15px;width:130px;z-index:10;}
{position:absolute;left:15px;top:365px;width:235px!important;height:120px!important;background-color:;overflow-x:hidden;align:right;z-index:8;}
/* the webkit stuff is what's making the shiny awesome hover effects for the individual treasure chest items yayy (google to learn more) */ .treasure_item{margin-top:0px;margin-left:0px;height:50px!important;width:50px!important;opacity:.75;-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;border-left:1px solid ;} .treasure_item img{height:50px!important;width:50px!important;} .treasure_item:hover{opacity:1;-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;}
/* SUPER EDITABLE PART OF THE PROFILE. / / replace the Color name (like WHITE or BLACK) with a hex color code. / / CSS automatically knows certain colors like WHITE or BLACK or RED as they have preset hex codes */
{background-color:white;}
html,body{ background-color:; /* okay, tacky comment place. But, if you want a background image, this is the code to put it in. / / it's very easy to google "how to set background image css" -- the code following the URL determines other background properties */ background-image:url(); background-position:right bottom; background-repeat:no-repeat; background-attachment:fixed; }
/* color of your pet's name */ .pet_name{color: !important;;}
b{color:white;}
i{font-family:Georgia;color:;}
u{border-bottom:1px dashed ;color:;}
hr{color:;background-color:;height:1px;width:90%;border:;}
h1{font-size:18px; text-align:right;}
a,a:link,a:active,a:visited{color:RED;}
a:hover{color:BLUE;}
/* IF YOU DO NOT WANT THIS EXTRA DIV, ERASE THE CODE THAT SAYS <div id="extra"> ....... ..... </div> / / feel free to play around with the coding here / / NOTE: All these divs are "inside" , / / so when I use position:absolute; I am referencing top:0px meaning 0px from the top of */ {position:absolute;top:0px;left:500px;} {display:none;}
</style> <div id="credit"></div>
<div id="main">
<h1>my greatest hits..</h1>
story is in here but I cut it so it's not an extra wall
</div>
<div id="extra"> “Those whose memories fade seek to carve them in their hearts…†</div>
thank you so much ;u;
{position:absolute;left:270px;top:25px;width:225px;height:320px;overflow:hidden;background-color:;text-align:left;font-size:10px;color:!important;}
Thats the part that styles the textbox. Basically you just play around with the height number until you get something that suits you. :) (around 460px or something should fill most of that space)