YOUR TITLE HERE. the thingy that shows up on the top bar.
<!-- this is the css stylesheet which controls some variables of
your layout -->
A:link{color:#000000;text-decoration:none; }
A:visited{color:#000000;text-decoration:none; }
A:active{color:#000000; text-decoration:none;}
A:hover
{color:white; text-decoration:none; cursor:crosshair; }
<!-- the above portion controls your links. a:link is the link
colour the user sees when they first look at the page. a:visited is
the link colour the user sees when they have already been to the
site the link is linked to. a:active is the link color when the
user has just clicked on the link. a:hover is the link color when
the user sees when they mouse over the link. the link colours are
in hexadecimal code (a six digit/letter combination behind the #
sign. hexadecimal codes can be looked up on google -->
body {
scrollbar-face-color : #FFE3F1;
scrollbar-highlight-color :#FFE3F1;
scrollbar-3dlight-color : #FFFFFF; scrollbar-shadow-color :
#FFFFFF;
scrollbar-darkshadow-color :#FFFFFF; scrollbar-track-color
:#000000;
scrollbar-arrow-color :#FFFFFF;
}
<!-- the above portion controls your scrollbar colours. do note
that scrollbar colours might not show up on certain browsers.
experiment a bit for the best combination. the values are kinda
explanatory, but if you need a diagram, go to google and look it up
-->
.blog {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ffffff;
border-right-color: #FFFFFF;
border-bottom-color: #ffffff;
border-left-color: #FFFFFF;
width: 475px;
padding: 3px;
}
<!-- since my blogskins usually use div layers, i always use
classes to make things look neater. .blog controls how your blog
content area looks like. everything is pretty self explanatory, but
padding means how far the words are from each border of your
content area. the border variables refer to the border around your
content area. lineheight refers to your spacing between the lines.
change the values to whatever you need. experiment. -->
.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
color: #FFFFFF;
text-decoration: none;
text-align:center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color:#FFFFFF;
border-left-color: #FFFFFF;
background-color: transparent;
width:190px;
padding:3px;
}
<!-- .info is usually for the div layer that contains the user
info, like tagboard and stuff -->
<!-- change yourimagehere.jpg to your background image. if you
are using a background colour instead of background pic, change the
word background to bgcolor and yourimagehere.jpg to a
color.-->
<!-- div id="info" and div class="info" will call for the css
style we have specified above. remember the .info on top?<br
/>height:100% means that there is no specific height for the div
layer, so the div layer will adjust its height to suit the amount
of content you have. neat huh? but if you want your content box to
be in a scrolly box, change the height:100% to height:100px (or
whatever you want the height of your content box to be)<br
/>top: and left: specify the info content area's postition, see
body part 1 for details.<br />overflow:auto means that the
content area will have scrollbars, otherwise nobody can scroll
through your content. -->
<!-- see instructions for the div layer for info. ya.
-->
<$BlogDateHeaderDate$>
-
<$BlogItemTitle$>
:
<$BlogItemBody$>
<$BlogItemAuthor$> blogged at
<$BlogItemDateTime$>
<!-- blogdateheader, $blogdateheaderdate$ displays the date. the
whole blogitemtitle shebang refers to the title, duh. the title
shows up as a link, so check your link color and make sure it will
show up against the background of your content area!<br
/>$blogitembody$ refers to your post.<br
/>$blogitemauthor$ is you, and $blogitemdatetime$ refers to the
date you posted.-->