Minor Tweaks? Hopefully
Replies
So I just wanted to do a few little things but with the code I'm using now I'm concerned about messing up the rest of it.
If there is something I can change or add to accomplish the following it'd be great~
Larger pet headshots: right now they are a small bar rather than a square shape
Larger human Avatar and Basic Info: I would love to have the human avatar and the Basic Info boxes be a little bit bigger, is there anyway I can do that?
Hide the 'Code' Section: I have to leave it on the profile in order for the code to be applied but I really want to make it invisible if possible, is there a way to do that?
Currently this is my code base:
/************ premade or base code profile by Chen <em><strong><strong><strong><strong><strong><strong>/
/</strong></strong></strong></strong></strong></strong> edits made by River-Song</em>************/
/************ original base code can be found at *<strong><strong><strong><strong><strong><strong>/
/</strong></strong></strong></strong></strong></strong> <a href="http://subeta.net/forums/goto/22930626">http://subeta.net/forums/goto/22930626</a> *************/</p>
<ul>
<li>{border:0px; border:none; margin:0px;}
{font-size:0px; position:absolute; left: 500px; top:0px;}
a{font-size:8px!important; }</li>
</ul>
<p>body,html{background-image:url(<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Eagle_Nebula_from_ESO.jpg/1024px-Eagle_Nebula_from_ESO.jpg);">https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Eagle_Nebula_from_ESO.jpg/1024px-Eagle_Nebula_from_ESO.jpg);</a> background-color:transparent; color:; font-family:helvetica, tahoma, arial, sans serif; font-size:11px; }</p>
<p>a {text-decoration:none!important; color:!important; }
a:hover {color: !important;}
b {color:;}
i {font-family:georgia, times new roman, serif;}</p>
<p>.header, {font-family: georgia, times new roman, serif; background-none; background-color: transparent; border-bottom:0px!important;}</p>
<p> img, img, img{height:64px!important; width:64px!important;}</p>
<p>.avatar_head {height:30px!important;}</p>
<p>.textbox {text-align:right; background-color:; color:; border:0px!important; height: 55px!important;}
.forminput {text-align:center; background-color:transparent; border:0px!important;}</p>
<p>, , {width:250px!important; position:absolute; padding-left:0px; top: 90px; height:705px!important; overflow-y:auto !important;}
.div_float, .div_float ul {overflow:hidden!important;}</p>
<p> {left:150px;}
{left:525px;}
{left:900px;}</p>
<p>, .updated_text{position:absolute; center:00px; top:1050px;}
.updated_text{top:850px;}</p>
<p></style>
[tot=Lafayette] [Item=Pumpkin on the Vine]
[-song] first question: remove .avatar_head {height:30px!important;} from the code. if you want to remove the rounded edges, just erase the "height" portion and add in border-radius: 0;
second: i'm assuming you want to make the boxes wider? if so, change the "width" to your desired px in this portion of the code: , , {width:250px!important;. this affects the width for all columns though. let me know if you wanted something else specifically?
as for your third question, ahh that's a good one i never really thought about. not the prettiest but this should work.
li#column3_8300657 {visibility: hidden;}
li#column3_8300657 a {visibility: visible;}
li#column2_8298872 a:first-child:before {content: 'edit code'; pointer-events: none;}
