Pink Panther

<< : %%date%% : %%time%% : >>
%%short_description%%

%%entry%%
Don't forget to sign the guestbook if you use this layout!

Entry Page
Go here and enter the following code. You will only need to edit your email and guestbook links.

<html>
<head>
<title>Pink Panther</title>

a:link { text-decoration:none; color:#F6A8B4; font-weight:bold }
a:active { text-decoration:none; color:#F6A8B4; font-weight:bold }
a:visited { text-decoration:none; color:#F6A8B4; font-weight:bold }
a:hover { text-decoration:none; color:#D5AE50; font-weight:bold }

body

{ background-image:url(http://img3.ranchoweb.com/images/pennylaine/ppanther.jpg );
   background-position:center left;
   background-repeat:no-repeat;
   background-attachment:fixed;

font-family:verdana, arial, tahoma;
   font-size:11px;
   color:#000000;
   line-height:15px;

scrollbar-face-color:#FCD6DC;
   scrollbar-arrow-color:#000000;
   scrollbar-shadow-color:#F6A8B4;
   scrollbar-highlight-color:#F6A8B4;
   scrollbar-3dlight-color:#F6A8B4;
   scrollbar-darkshadow-color:#FCD6DC;
   scrollbar-track-color:#FCD6DC }

table.main

{ width:500px;
   height:490px;
   border-style:solid;
   border-width:2px;
   border-color:#D5AE50;
   padding:5px;
   spacing:0px;
   background-color:#FCD6DC }

td.entry

{ width:350px;
   height:490px;
   border-style:solid;
   border-top-width:0px;
   border-bottom-width:0px;
   border-left-width:0px;
   border-right-width:2px;
   border-color:#F6A8B4;
   font-family:verdana, arial, tahoma;
   font-size:11px;
   color:#000000;
   line-height:15px;
   background-color:#FFFFFF }

td.nav

{ width:150px;
   height:61px;
   font-size:12px;
   font-family:verdana, arial, tahoma;
   color:#000000;
   border-style:solid;
   border-top-width:0px;
   border-right-width:0px;
   border-left-width:0px;
   border-bottom-width:2px;
   border-color:#F6A8B4 }

-->
</style>
</head>

<table class="main" align="right">
<tr>
<td class="entry" align="left" rowspan="8">
<div align="center">
<a href="%%prev%%"> << </a> : 
<b>%%date%% : %%time%%</b> : <a href="%%next%%"> >> </a><br>
<b>%%short_description%%</b><br><br>
<div style="width: 340px; height: 460px; overflow: auto" align="left">
%%entry%%<br>

</div>
</td>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/index.html">Current</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/older.html">Archives</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">Profile</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://MEMBERNAME.signmyguestbook.com">Guestbook</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">Notes</a>
</td>
</tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/rings.html">Rings</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://luckydesigns.diaryland.com">Design</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://diaryland.com">Host</a>
</td>
</tr>
</table>

</body>
</html>

Go here and enter the following code. You will only need to edit your email and guestbook links.

<html>
<head>
<title>Pink Panther</title>

body

{ background-image:url(http://img3.ranchoweb.com/images/pennylaine/ppanther.jpg );
   background-position:center left;
   background-repeat:no-repeat;
   background-attachment:fixed;

font-family:verdana, arial, tahoma;
   font-size:11px;
   color:#000000;
   line-height:15px;

table.main

{ width:500px;
   height:490px;
   border-style:solid;
   border-width:2px;
   border-color:#D5AE50;
   padding:5px;
   spacing:0px;
   background-color:#FCD6DC }

td.entry

td.nav

-->
</style>
</head>

<table class="main" align="right">
<tr>
<td class="entry" align="left" rowspan="7">
<div align="center">
<b>Archived Entries</b><br><br>
<div style="width: 340px; height: 460px; overflow: auto" align="left">
%%older_entries%%<br>

</div>
</td>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/index.html">Current</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/older.html">Archives</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">Profile</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://MEMBERNAME.signmyguestbook.com">Guestbook</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">Notes</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://%%username%%.diaryland.com/rings.html">Rings</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://luckydesigns.diaryland.com">Design</a>
</td>
</tr>
<tr>
<td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'">
<a href="http://diaryland.com">Host</a>
</td>
</tr>
</table>

</body>
</html>

Each Entry on the Older Page(Optional)
Go here and enter the following code.

Current

<< : %%date%% : %%time%% : >> %%short_description%% %%entry%% Don't forget to sign the guestbook if you use this layout! Entry Page Go here and enter the following code. You will only need to edit your email and guestbook links. <html> <head> <title>Pink Panther</title> <style type="text/css"> <!-- a:link { text-decoration:none; color:#F6A8B4; font-weight:bold } a:active { text-decoration:none; color:#F6A8B4; font-weight:bold } a:visited { text-decoration:none; color:#F6A8B4; font-weight:bold } a:hover { text-decoration:none; color:#D5AE50; font-weight:bold } body { background-image:url(http://img3.ranchoweb.com/images/pennylaine/ppanther.jpg ); background-position:center left; background-repeat:no-repeat; background-attachment:fixed; font-family:verdana, arial, tahoma; font-size:11px; color:#000000; line-height:15px; scrollbar-face-color:#FCD6DC; scrollbar-arrow-color:#000000; scrollbar-shadow-color:#F6A8B4; scrollbar-highlight-color:#F6A8B4; scrollbar-3dlight-color:#F6A8B4; scrollbar-darkshadow-color:#FCD6DC; scrollbar-track-color:#FCD6DC } table.main { width:500px; height:490px; border-style:solid; border-width:2px; border-color:#D5AE50; padding:5px; spacing:0px; background-color:#FCD6DC } td.entry { width:350px; height:490px; border-style:solid; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:2px; border-color:#F6A8B4; font-family:verdana, arial, tahoma; font-size:11px; color:#000000; line-height:15px; background-color:#FFFFFF } td.nav { width:150px; height:61px; font-size:12px; font-family:verdana, arial, tahoma; color:#000000; border-style:solid; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-bottom-width:2px; border-color:#F6A8B4 } --> </style> </head> <body><br> <table class="main" align="right"> <tr> <td class="entry" align="left" rowspan="8"> <div align="center"> <a href="%%prev%%"> << </a> : <b>%%date%% : %%time%%</b> : <a href="%%next%%"> >> </a><br> <b>%%short_description%%</b><br><br> <div style="width: 340px; height: 460px; overflow: auto" align="left"> %%entry%%<br> </div> </td> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/index.html">Current</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/older.html">Archives</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">Profile</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://MEMBERNAME.signmyguestbook.com">Guestbook</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">Notes</a> </td> </tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/rings.html">Rings</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://luckydesigns.diaryland.com">Design</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://diaryland.com">Host</a> </td> </tr> </table> </body> </html> Go here and enter the following code. You will only need to edit your email and guestbook links. <html> <head> <title>Pink Panther</title> <style type="text/css"> <!-- a:link { text-decoration:none; color:#F6A8B4; font-weight:bold } a:active { text-decoration:none; color:#F6A8B4; font-weight:bold } a:visited { text-decoration:none; color:#F6A8B4; font-weight:bold } a:hover { text-decoration:none; color:#D5AE50; font-weight:bold } body { background-image:url(http://img3.ranchoweb.com/images/pennylaine/ppanther.jpg ); background-position:center left; background-repeat:no-repeat; background-attachment:fixed; font-family:verdana, arial, tahoma; font-size:11px; color:#000000; line-height:15px; scrollbar-face-color:#FCD6DC; scrollbar-arrow-color:#000000; scrollbar-shadow-color:#F6A8B4; scrollbar-highlight-color:#F6A8B4; scrollbar-3dlight-color:#F6A8B4; scrollbar-darkshadow-color:#FCD6DC; scrollbar-track-color:#FCD6DC } table.main { width:500px; height:490px; border-style:solid; border-width:2px; border-color:#D5AE50; padding:5px; spacing:0px; background-color:#FCD6DC } td.entry { width:350px; height:490px; border-style:solid; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:2px; border-color:#F6A8B4; font-family:verdana, arial, tahoma; font-size:11px; color:#000000; line-height:15px; background-color:#FFFFFF } td.nav { width:150px; height:61px; font-size:12px; font-family:verdana, arial, tahoma; color:#000000; border-style:solid; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-bottom-width:2px; border-color:#F6A8B4 } --> </style> </head> <body><br> <table class="main" align="right"> <tr> <td class="entry" align="left" rowspan="7"> <div align="center"> <b>Archived Entries</b><br><br> <div style="width: 340px; height: 460px; overflow: auto" align="left"> %%older_entries%%<br> </div> </td> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/index.html">Current</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/older.html">Archives</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">Profile</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://MEMBERNAME.signmyguestbook.com">Guestbook</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">Notes</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://%%username%%.diaryland.com/rings.html">Rings</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://luckydesigns.diaryland.com">Design</a> </td> </tr> <tr> <td class="nav" align="center" bgcolor="#FCD6DC" onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor='#FCD6DC'"> <a href="http://diaryland.com">Host</a> </td> </tr> </table> </body> </html> Each Entry on the Older Page(Optional) Go here and enter the following code. <p>%%date%% : <a href="%%page_name%%">%%short_description%%</a></p>	Current
	Archives
	Profile
	Guestbook
	Notes
	Rings
	Design
	Host