Somberdesign___ Free Diaryland Templates

SOMBERDESIGN:
about
rules
main
templates
notes
profile
extras
contact
tagboard
Check out:
beautify
RogueDesigns
Frozen-Kiss
temp challnge

ETC.
host

Most Recent Made:

Wish you were here temp

Dashboard Temp 4

Thursday Template

Lots of new temps

Mending Template

Dashboard Temp 4
This template features Chris from DBC, and lyrics from "The Good Fight" the links change images when you scrollover them with a script I got from dynamicdrive. To see this template in action, click here.

Here is the code for the entries page: don't forget to change YOURUSERNAME to your user name, REMOVE A SPACE from the % %next% % and % %prev% % links, and leave a note on the tagboard along with a link to your diary if you are going to use this one. Thanks!

<html>
<head>
<title>Does it comfort you to know you fought the good fight?</title>

<script type="text/javascript">

/****************************************************
*	        DOM Image rollover:
*		by Chris Poole
*		http://chrispoole.com
*               Script featured on http://www.dynamicdrive.com
*		Keep this notice intact to use it :-)
****************************************************/

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;

</script>

<style type="text/css">

</style>
</head>
<img src="http://ourworld.cs.com/misconstrued1234/dashboardtemp.jpg" style="position: absolute; left: 0; top: 0; z-index: 1">

<div id="cdiv" style="position: absolute; left: 309; top: 67; height:330; width: 350;  z-index: 1; background-color: #000000; padding: 5px; border-top: 0px solid #33ff33; border-bottom: 0px solid #33ff33; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;  overflow: auto;">

<p align="left"> <font color="00FFff">[%%date%%]_%%time%%<br>%%short_description%%</font>
<p> %%entry%%

<br>
<p align="center"><a href="% %prev% %" onMouseover="window.status='PREV'; return true" onMouseout="window.status=''; return true"> <- </a><a href="% %next% %" onMouseover="window.status='NEXT'; return true" onMouseout="window.status=''; return true"> -> </a> <br> hosted by <a href="http://diaryland.com">diaryland</a>

</div>

<div id="cdiv" style="position: absolute; left: 660; top: 65; border-right:0px dashed #00FF00; border-bottom:0px dashed #00FF00; padding:5px; width: 73;  z-index: 1;  overflow-y: auto;">
<p align="right"><a href="index.html" onMouseover="window.status='    newest'; return true" onMouseout="window.status=''; return true"> <img src="http://ourworld.cs.com/misconstrued1234/BLUEnewtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEnewtemp2.jpg" border=0></a> <br> <a href="/older.html" onMouseover="window.status='     archived'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEoldtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEoldtemp2.jpg" border=0></a> <br> <A href="mailto:YOURUSERNAME@YOURSERVER.com?subject=EMAIL SUBJECT" onMouseover="window.status='     email'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEemailtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEemailtemp2.jpg" border=0></a> <br> <A href="http://members.diaryland.com/edit/notes.phtml?user=YOURUSERNAME" onMouseover="window.status='        notes'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEnotestemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEnotestemp2.jpg" border=0></a>   <br> <A href="http://members.diaryland.com/edit/profile.phtml?user=YOURUSERNAME" onMouseover="window.status='          profile'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEprofiletemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEprofiletemp2.jpg" border=0></a>   
</div>

<div id="cdiv" style="position: absolute; left: 429; top: 403; z-index: 1;">

<form><SELECT onChange="self.location=this.options[this.selectedIndex].value" style="font-family: verdana ; font-size: 10;  background: 000000; color: #00ffff; border-style: solid; border-width: 0pt"><br><OPTION SELECTED VALUE=""> <b>NAVIGATE></b></option>
<option value="http://somberdesign.diaryland.com">_Design</option>
<option value="http://members.diaryland.com/edit/linkers.phtml?user=YOURUSERNAME">_Readers</option> <option value="http://dashboardconfessional.com" target="_blank">_DBC site</option>
</div>

</body>
</html>   <a href="http://diaryland.com"></a>

And this one is for your older entries page:

<html>
<head>
<title>Does it comfort you to know you fought the good fight?</title>

<script type="text/javascript">

/****************************************************
*	        DOM Image rollover:
*		by Chris Poole
*		http://chrispoole.com
*               Script featured on http://www.dynamicdrive.com
*		Keep this notice intact to use it :-)
****************************************************/

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
onload=init;

</script>

<style type="text/css">

</style>
</head>
<img src="http://ourworld.cs.com/misconstrued1234/dashboardtemp.jpg" style="position: absolute; left: 0; top: 0; z-index: 1">

<div id="cdiv" style="position: absolute; left: 309; top: 67; height:330; width: 350;  z-index: 1; background-color: #000000; padding: 5px; border-top: 0px solid #33ff33; border-bottom: 0px solid #33ff33; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;  overflow: auto;">

<p align="left"> <font color="00FFff">ARCH!VED>></font>
<p> %%older_entries%%
<br>
 <br> hosted by <a href="http://diaryland.com">diaryland</a>

</div>

<div id="cdiv" style="position: absolute; left: 660; top: 65; border-right:0px dashed #00FF00; border-bottom:0px dashed #00FF00; padding:5px; width: 73;  z-index: 1;  overflow-y: auto;">
<p align="right"><a href="index.html" onMouseover="window.status='    newest'; return true" onMouseout="window.status=''; return true"> <img src="http://ourworld.cs.com/misconstrued1234/BLUEnewtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEnewtemp2.jpg" border=0></a> <br> <a href="/older.html" onMouseover="window.status='     archived'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEoldtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEoldtemp2.jpg" border=0></a> <br> <A href="mailto:YOURUSERNAME@YOURSERVER.com?subject=EMAIL SUBJECT" onMouseover="window.status='     email'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEemailtemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEemailtemp2.jpg" border=0></a> <br> <A href="http://members.diaryland.com/edit/notes.phtml?user=YOURUSERNAME" onMouseover="window.status='        notes'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEnotestemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEnotestemp2.jpg" border=0></a>   <br> <A href="http://members.diaryland.com/edit/profile.phtml?user=YOURUSERNAME" onMouseover="window.status='          profile'; return true" onMouseout="window.status=''; return true"><img src="http://ourworld.cs.com/misconstrued1234/BLUEprofiletemp1.jpg" hsrc="http://ourworld.cs.com/misconstrued1234/BLUEprofiletemp2.jpg" border=0></a>   
</div>

<div id="cdiv" style="position: absolute; left: 429; top: 403; z-index: 1;">

<form><SELECT onChange="self.location=this.options[this.selectedIndex].value" style="font-family: verdana ; font-size: 10;  background: 000000; color: #00ffff; border-style: solid; border-width: 0pt"><br><OPTION SELECTED VALUE=""> <b>NAVIGATE></b></option>
<option value="http://somberdesign.diaryland.com">_Design</option>
<option value="http://members.diaryland.com/edit/linkers.phtml?user=YOURUSERNAME">_Readers</option> <option value="http://dashboardconfessional.com" target="_blank">_DBC site</option>
</div>

</body>
</html>   <a href="http://diaryland.com"></a>