InsaneJournal

Tess (they/them) (

Hokai, girly. :3 I stuck a small stylesheet into a full HTML page to add custom scrollbars, a page background color, and to center the code. Stick it in here and hit Test Code and see if you like it! :D If you want, I can edit it, or stick all the div styling of the original code into the stylesheet section to clean up the area where you put your info. ♥

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

::-webkit-scrollbar {
width: 8px;
height: 8px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-track-piece {
background-color: #aaa;
}

::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color: #ddd;
}

::-webkit-scrollbar-thumb:horizontal {
width: 0px;
background-color: #ddd;
}

body{
background:#222;
margin:10px auto;
}
</style>

<title>TITLE HERE</title>
</head>

<body>

<lj-raw><div id="CONTAINER" style="margin:0 auto;width:780px;background:#000;padding:10px;font-family:helvetica,arial,sans-serif;font-size:12px;color:#f9f9f9;text-align:justify;line-height:160%;"><div class="title" style="text-shadow:2px 1px 1px #444,-1px 1px 0 #444,1px -1px 0 #444,-1px -1px 0 #444,1px 1px 0 #444,0px 0px 3px #444;font-size:40px;font-family:georgia;color:#000;padding-top:10px;">

name here

</div><div id="SIDEBAR" style="background:#444;width:230px;height:560px;float:left;padding:10px;"><center><img src="

IMAGE URL" style="width:220px;margin-bottom:5px;border:5px solid #000;"></center>

<b>NAME:</b> name<br>
<b>NICKNAMES:</b> nicknames<br>
<b>AGE:</b> age<br>
<b>GENDER:</b> gender<br>
<b>HAIR:</b> hair<br>
<b>EYES:</b> eyes<br>
<b>HEIGHT:</b> height<br>
<b>WEIGHT:</b> weight<br>
<b>BUILD:</b> build<br><br>

<b>MARITAL STATUS:</b> status<br>
<b>SEXUALITY:</b> sexuality<br>
<b>OCCUPATION:</b> job<br><br>

<b>LIKES:</b> like, like, like<br>
<b>DISLIKES:</b> dislike, dislike, dislike<br><br>

<b>PARENTS:</b> mom and dad<br>
<b>SIBLINGS:</b> sib, sib, sib

</div><div class="title" style="text-shadow:2px 1px 1px #444,-1px 1px 0 #444,1px -1px 0 #444,-1px -1px 0 #444,1px 1px 0 #444,0px 0px 3px #444;font-size:40px;font-family:georgia;color:#000;margin-left:260px;margin-top:-20px;">

about</div><div id="CONTENT1" style="background:#444;margin-left:260px;overflow:auto;height:560px;padding:10px;">

ABOUT INFO HERE.

</div><br><div class="title" style="text-shadow:2px 1px 1px #444,-1px 1px 0 #444,1px -1px 0 #444,-1px -1px 0 #444,1px 1px 0 #444,0px 0px 3px #444;font-size:40px;font-family:georgia;color:#000;margin-bottom:-10px;">

history

</div><div class="CONTENT2" style="margin-top:10px;background:#444;height:180px;overflow:auto;padding:10px;">

HISTORY INFO HERE.

appearance</div><div class="CONTENT2" style="margin-top:10px;background:#444;height:180px;overflow:auto;padding:10px;">

PERSONALITY & APPEARANCE INFO HERE.

</div><div id="OOC" style="text-align:center;font-family:georgia;padding-top:10px;font-size:10px;color:#ddd;">

OOC: NAME | AGE | TIMEZONE | PB: PB NAME | <a href="http://tessisamess.insanejournal.com/" style="color:#ddd;text-decoration:none;border-bottom:1px dotted #ddd;">CODE BY TESSISAMESS</a></div></div></lj-raw>

</body></html>

(Read comments)

InsaneJournal

Post a comment in response: