Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Hello Kitty

Hello Kitty. A pink and white design that uses an image map for all your links. If you're not sure about how these work or have a lot of extra links you can't do without this template probably isn't right for you.

Don't forget to change the %%USERNAME%%, morethan.html and ednorton.html links to lowercase so that everything works ok.

Entry page code:

<html>
<head>
<title>Hello Kitty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

body 	 {scrollbar-face-color: #F8F8DA;
		 scrollbar-highlight-color: #FFFFFF;  
		 scrollbar-3dlight-color: #F8F8DA;
		 scrollbar-shadow-color: #000000;
		 scrollbar-arrow-color: #000000;
		 scrollbar-track-color: #FFFFFF;
		 scrollbar-darkshadow-color: #F8F8DA; }

.entry { font-family: tahoma; 
	 		 font-size: 8pt; 
			 letter-spacing: 1px;
			 color: 000000;
         	 padding: 5px;
         	 clear: center;
         	 resize=no; }

.image { background-color: 000000;
			 border: 1px solid;
			 color: F8F8DA;
         	 resize=no; }
				 
	
a:link {text-decoration: line-under; font-weight: none; color: #F4A8C6}
a:visited {text-decoration: line-under; font-weight: none; color: #F4A8C6}
a:hover {text-decoration: line-under; font-weight: none; cursor: e-resize; color: #F4A8C6}
a:active {text-decoration: line-under; font-weight: none; color: #F4A8C6}	 
	-->
	</style>

</head>

<div id="Layer2" style="position:absolute; width:440px; height:186px; z-index:2; left: 166px; top: 9px; overflow: auto" class="entry"> 
  <p><font size="1">%%time%% || %%date%%<br>
    <b><font size="2" color="F4A8C6">%%short_description%%</font><font size="2"> 
    </font></b></font></p>
  <p>%%entry%%</p>
  <p> </p>
  <p><< <a href="morethan.html">hello</a> || <a href="ednorton.html">kitty</a> 
    >></p>
</div>
</body>
</html>

Older pages code:

<html>
<head>
<title>Hello Kitty</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

.entry { font-family: tahoma; 
	 		 font-size: 8pt; 
			 letter-spacing: 1px;
			 color: 000000;
         	 padding: 5px;
         	 clear: center;
         	 resize=no; }

</head>

<div id="Layer2" style="position:absolute; width:440px; height:186px; z-index:2; left: 166px; top: 9px; overflow: auto" class="entry"> 
  <p>%%older_entries%%</p>
</div>
</body>
</html>