Let the storm clouds brew...

by Charmaine on May 5th, 2006 at 8:16am

I used this template for a little while on my own diary. this is a more thoughtful design. I really like the image. That was kinda hard. I couldn't quite get the image to extend, but after a couple tries, I got it. I'm working on another design that has the same set up as this, except it features a couple kissing on a boulder with a blue, green, yellow and black sky behind them. It's quite a beautiful picture.

Remember to sign the guestbook with the link(s) back to the site(s) that are going to use my design(s).

This is a blockquote. You can use this to highlight conversations, quotes, pictures ... etc.

Copy and paste the following codes into your DIARYLAND editor page!

MAIN
<HTML> <HEAD> <title>Let the storm clouds brew ...</title> <style type="text/css"> a:link {text-decoration:none;color:#87B7B7;} a:visited{text-decoration:none;color:87B7B7;} a:active {text-decoration:none;color:#87B7B7;} a:hover {text-decoration:none; color:#609F9F;cursor:default;} h1 { margin:0px; font: 12pt Lucida Handwriting; color:ffffff; letter-spacing:2px; text-align:right;} h2 { margin:0px; font: 6pt Georgia; letter-spacing:2px; color:ffffff; text-align:right; font-style:italic;} h3 { margin:0px; font: 12pt Lucida Handwriting; color:ffffff; letter-spacing:2px; text-align:center;} h4 { margin:0px; font: 6pt Georgia; letter-spacing:2px; color:ffffff; text-align:center; font-style:italic;} p:first-letter { margin-left:40px; } blockquote {background-color:#486078;border-left:20px double #FFFFFF;padding:10px;} .nav {position:absolute; top:400; left:75; width:150; height:500; z-index:1; padding:5px; border:none; background-color:000000;text-align:center;font-size:12pt;} .nav a:link {text-decoration:none;color:#87B7B7;} .nav a:visited{text-decoration:none;color:87B7B7;} .nav a:active {text-decoration:none;color:#87B7B7;} .nav a:hover {text-decoration:none; color:#609F9F;cursor:crosshair;} .image {position:absolute;top:0;left:0;width:1000px;padding:0px;z-index:1;background-color:#000000; background-image:url(http://ourworld.cs.com/twintale/shesaid.jpg);background-repeat:repeat;} .entry {position:absolute;top:300px;left:300;width:650;height:400;z-index:1;padding:20px;background-color:transp;} body { background:#000000; font-family:Trebuchet MS; color:AFBFCF; line-height:14pt; font-weight: normal; font-size:10pt; scrollbar-face-color : #000000; scrollbar-highlight-color : AFBFCF; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : AFBFCF; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #AFBFCF; } </style> </head> <div class="image"><img src="http://ourworld.cs.com/twintale/face2.jpg"></div> <div class="entry"> <h1>%%short_description%%</h1> <h2>%%date%% at %%time%%</h2><P>%%entry%%<P><h2><a href="%%prev%%">let the</a> storm clouds <a href="%%next%%">brew ...</a></h2> <h2></h2></div> <div class="nav"><h3>Navigtaion<br /></h3> <a href="index.html">newest</a><br /> <a href="older.html">archives</a> <br /> <a href="reviews.html">reviews</a><br /> <a href="rings.html">webrings</a><br /> <a href="cast.html">cast</a> <h4><a href="extras.html">(more extras!)</a></h4> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a><br /> <a href="http://members.diaryland.com/edit.profile.phtml?user=%%username%%">profile</a><br /> <a href="http://USERNAME.signmyguestbook.com">guestbook</a><br /> <a href="mailto: your email here!!!">e-mail</a><P> <h3>Thank you<br /></h3> <a href="http://www.diaryland.com">host</a><br /> <a href="http://tdtemp.diaryland.com">design</a></div> </h3> <script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>

OLDER
<HTML> <HEAD> <title>Let the storm clouds brew ...</title> <style type="text/css"> a:link {text-decoration:none;color:#87B7B7;} a:visited{text-decoration:none;color:87B7B7;} a:active {text-decoration:none;color:#87B7B7;} a:hover {text-decoration:none; color:#609F9F;cursor:default;} h1 { margin:0px; font: 12pt Lucida Handwriting; color:ffffff; letter-spacing:2px; text-align:right;} h2 { margin:0px; font: 6pt Georgia; letter-spacing:2px; color:ffffff; text-align:right; font-style:italic;} h3 { margin:0px; font: 12pt Lucida Handwriting; color:ffffff; letter-spacing:2px; text-align:center;} h4 { margin:0px; font: 6pt Georgia; letter-spacing:2px; color:ffffff; text-align:center; font-style:italic;} p:first-letter { margin-left:40px; } blockquote {background-color:#486078;border-left:20px double #FFFFFF;padding:10px;} .nav {position:absolute; top:400; left:75; width:150; height:500; z-index:1; padding:5px; border:none; background-color:000000;text-align:center;font-size:12pt;} .nav a:link {text-decoration:none;color:#87B7B7;} .nav a:visited{text-decoration:none;color:87B7B7;} .nav a:active {text-decoration:none;color:#87B7B7;} .nav a:hover {text-decoration:none; color:#609F9F;cursor:crosshair;} .image {position:absolute;top:0;left:0;width:1000px;padding:0px;z-index:1;background-color:#000000; background-image:url(http://ourworld.cs.com/twintale/shesaid.jpg);background-repeat:repeat;} .entry {position:absolute;top:300px;left:300;width:650;height:400;z-index:1;padding:20px;background-color:transp;} body { background:#000000; font-family:Trebuchet MS; color:AFBFCF; line-height:14pt; font-weight: normal; font-size:10pt; scrollbar-face-color : #000000; scrollbar-highlight-color : AFBFCF; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : AFBFCF; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #AFBFCF; } </style> </head> <div class="image"><img src="http://ourworld.cs.com/twintale/face2.jpg"></div> <div class="entry"> %%older_entries%%</div> <div class="nav"><h3>Navigtaion<br /></h3> <a href="index.html">newest</a><br /> <a href="older.html">archives</a> <br /> <a href="reviews.html">reviews</a><br /> <a href="rings.html">webrings</a><br /> <a href="cast.html">cast</a> <h4><a href="extras.html">(more extras!)</a></h4> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a><br /> <a href="http://members.diaryland.com/edit.profile.phtml?user=%%username%%">profile</a><br /> <a href="http://USERNAME.signmyguestbook.com">guestbook</a><br /> <a href="mailto: your email here!!!">e-mail</a><P> <h3>Thank you<br /></h3> <a href="http://www.diaryland.com">host</a><br /> <a href="http://tdtemp.diaryland.com">design</a></div> </h3> <script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>

Let the storm clouds brew...

by Charmaine on May 5th, 2006 at 8:16am

let the storm clouds brew ...

Navigtaion

(more extras!)

Thank you