*Silent Smile Designs*

previous
next
current
older
notes
guestbook
diaryland

Design 18 - Greys and Flames

Click To View
This design was originally made for a friend, and now I am offering it here also. The theme is different shades of grey and flames, and it has a fairly simple look to it.

The entry will continue down the page and the entire page will scroll if the entry extends.
The design was originally intended for an 800x600 resolution and so will not scroll side to side.

As ever, please host the picture yourself, and leave the link back here intact. Also please note or sign the guestbook if you use a template from here.
The codes are as follows:

Current Entries Page
<html> <head> <title>Greys and Flames...</title> <style type="text/css">  body {background-color: #000000; scrollbar-face-color: gray; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: gray; scrollbar-track-color: clear; scrollbar-darkshadow-color: gray; font-family: tahoma; color: gray; line-height:12px; letter-spacing:0px; text-align:justify; margin: 0px; font-size: 9pt;} a:link {text-decoration: none; color: #545454; font weight:bold;} a:visited {text-decoration: none; color: gray; font weight: bold;} a:active {text-decoration: none; color: #487AB1; font weight: bold;} a:hover {text-decoration: none; color: #C0C0C0; font weight: bold;} b {color:gray;} i {color:#545454;} u {color: #C0C0C0;} blockquote {background-color:#000000; color:#000000;padding:4px;border:3px solid gray; font-family=verdana; } </style> </head> <DIV id=table style="Z-INDEX: 5; BACKGROUND: #000000; LEFT: 75px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 420px"> <img src="http://img78.photobucket.com/albums/v297/kisses3/anthonypic/flamesu.jpg" border="0"> </div> <DIV id=table style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; Z-INDEX: 5; BACKGROUND: #000000; LEFT: 260px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 490px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: 485px; LEFT: 220px; HEIGHT: 300px"> <b><u>%%short_description%%</b></u><br></font></font><br> %%date%% at %%time%% <P> </font> %%entry%% <P> <p align="right"><a href="%%PREV%%">then</a><font color="#000000"> & </font> <a href="%%NEXT%%">now</a> </font></div> <P><BR> </div> <DIV id=table style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; Z-INDEX: 5; BACKGROUND: #000000; LEFT: 65px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: 485px; HEIGHT: 300px"> <center> <a href="/index.html">Current</a> </P><P> <a href="/older.html">Older</a></P><P> <a href="http://members.diaryland.com/edit/profile.phtml?user=YOURUSERNAME">Profile</a> </P><P> <a href="mailto:YOU@something.com">Mail</a> </P><P> <a href="http://members.diaryland.com/edit/notes.phtml?user=YOURUSERNAME">Notes</a> </P><P> <a href="http://YOURUSERNAME.signmyguestbook.com/">Book</a> </P><P> <a href="http://diaryland.com">Dland</a></b> <P></center> </div> </html>

Older Entries Page
<html> <head> <title>Greys and Flames...</title> <style type="text/css">  body {background-color: #000000; scrollbar-face-color: gray; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: gray; scrollbar-track-color: clear; scrollbar-darkshadow-color: gray; font-family: tahoma; color: gray; line-height:12px; letter-spacing:0px; text-align:justify; margin: 0px; font-size: 9pt;} a:link {text-decoration: none; color: #545454; font weight:bold;} a:visited {text-decoration: none; color: gray; font weight: bold;} a:active {text-decoration: none; color: #487AB1; font weight: bold;} a:hover {text-decoration: none; color: #C0C0C0; font weight: bold;} b {color:gray;} i {color:#545454;} u {color: #C0C0C0;} blockquote {background-color:#000000; color:#000000;padding:4px;border:3px solid gray; font-family=verdana; } </style> </head> <DIV id=table style="Z-INDEX: 5; BACKGROUND: #000000; LEFT: 75px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 420px"> <img src="http://img78.photobucket.com/albums/v297/kisses3/anthonypic/flamesu.jpg" border="0"> </div> <DIV id=table style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; Z-INDEX: 5; BACKGROUND: #000000; LEFT: 260px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 490px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: 485px; LEFT: 220px; HEIGHT: 300px"> <b><u>Older Entries</b></u><br></font></font><br> </font> %%older_entries%% <P> </font></div> <P><BR> </div> <DIV id=table style="BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; Z-INDEX: 5; BACKGROUND: #000000; LEFT: 65px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: 485px; HEIGHT: 300px"> <center> <a href="/index.html">Current</a> </P><P> <a href="/older.html">Older</a></P><P> <a href="http://members.diaryland.com/edit/profile.phtml?user=YOURUSERNAME">Profile</a> </P><P> <a href="mailto:YOU@something.com">Mail</a> </P><P> <a href="http://members.diaryland.com/edit/notes.phtml?user=YOURUSERNAME">Notes</a> </P><P> <a href="http://YOURUSERNAME.signmyguestbook.com/">Book</a> </P><P> <a href="http://diaryland.com">Dland</a></b> <P></center> </div> </html>