Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Ride Hard (Dirt Bikes)

Ride Hard! This layout contains pictures of somebody going a bit crazy on a dirt bike. This layout would be great for a girl or a guy (which isn't usually the case with my creations!)

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

Entry page code:

.entry { font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
         	 padding: 5px;
         	 clear: center;
			 text-align: justify;
         	 resize=no; }

.nav { font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
         	 padding: 5px;
         	 clear: center;
			 border: 1px solid;
			 border-color: 6666CC;
         	 resize=no; }
				 
	
a:link {text-decoration: line-under; font-weight: none; color: #6666CC}
a:visited {text-decoration: line-under; font-weight: none; color: #6666CC}
a:hover {text-decoration: none; font-weight: none; background: 6666CC;  cursor: crosshair; color: #DBE7FE}
a:active {text-decoration: none; font-weight: none; color: #6666CC}	 
	-->
	</style>

</head>

<body bgcolor="DBE7FE">
<div id="Layer1" style="position:absolute; width:200px; height:189px; z-index:1; left: 58px; top: 0px"><img src="http://ourworld.cs.com/pinkdivadesigns/ride+hard1.jpg" width="636" height="209"></div>
<div id="Layer2" style="position:absolute; width:270px; height:77px; z-index:2; left: 342px; top: 214px"><img src="http://ourworld.cs.com/pinkdivadesigns/ride+hard.jpg" width="352" height="79"></div>
<div id=navigation 
style="LEFT: 55px; WIDTH: 148px; POSITION: absolute; TOP: 223px; HEIGHT: 89px;"> 
  <center>
  </center>
  <center>
    <table width=140 border=0 border-color="40B9CE" height="65" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="15"> 
          <div align="center"><b>THE DIARY</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="52"> 
          <div align="left"> 
            <p align="left"><a href="index.html">new</a><br>
              <a href="older.html">old</a><br>
              <a href="http://girlieshow.diaryland.com/edit/profile.phtml?user=%%USERNAME%%">profile</a><br>
              <a href="cast.html">cast</a><br>
              <a href="rings.html">rings</a><br>
              <a href="reviews.html">reviews</a></p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <br>
    <table width=140 border=0 border-color="40B9CE" height="68" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="11"> 
          <div align="center"><b>CONTACT ME</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="27"> 
          <div align="left"> 
            <p align="left"><a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
              <a href="http://%%USERNAME%%.signmyguestbook.com/">book</a><br>
              <a href="mailto:yourname@seomplace.com">email</a> </p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <br>
    <table width=140 border=0 border-color="40B9CE" height="68" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="10"> 
          <div align="center"><b>THANKS</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="27"> 
          <div align="left"> 
            <p align="left"><a href="http://divadesigns.diaryland.com">diva designs</a><br>
              <a href="http://www.diaryland.com">diaryland</a> </p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <p> </p>
  </center>
</div>
<div id="entry" style="position:absolute; width:454px; height:111px; z-index:3; left: 242px; top: 303px;" class="entry"> 
  <div>
    <p align="right"><u>%%short_description%%</u> || %%time%% on %%date%%</p>
    <p align="left">%%entry%%</p>
    <p align="left"> </p>
    <p align="right"><< <a href="findingnemo.html">previous</a> :: <a href="notifylist.html">next</a> 
      >></p>
  </div>
</div>
</body>
</html>

Older pages code:

.entry { font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
         	 padding: 5px;
         	 clear: center;
			 text-align: justify;
         	 resize=no; }

</head>

<body bgcolor="DBE7FE">
<div id="Layer1" style="position:absolute; width:200px; height:189px; z-index:1; left: 58px; top: 0px"><img src="http://ourworld.cs.com/pinkdivadesigns/ride+hard1.jpg" width="636" height="209"></div>
<div id="Layer2" style="position:absolute; width:270px; height:77px; z-index:2; left: 342px; top: 214px"><img src="http://ourworld.cs.com/pinkdivadesigns/ride+hard.jpg" width="352" height="79"></div>
<div id=navigation 
style="LEFT: 55px; WIDTH: 148px; POSITION: absolute; TOP: 223px; HEIGHT: 89px;"> 
  <center>
  </center>
  <center>
    <table width=140 border=0 border-color="40B9CE" height="65" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="15"> 
          <div align="center"><b>THE DIARY</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="52"> 
          <div align="left"> 
            <p align="left"><a href="index.html">new</a><br>
              <a href="older.html">old</a><br>
              <a href="http://girlieshow.diaryland.com/edit/profile.phtml?user=%%USERNAME%%">profile</a><br>
              <a href="cast.html">cast</a><br>
              <a href="rings.html">rings</a><br>
              <a href="reviews.html">reviews</a></p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <br>
    <table width=140 border=0 border-color="40B9CE" height="68" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="11"> 
          <div align="center"><b>CONTACT ME</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="27"> 
          <div align="left"> 
            <p align="left"><a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
              <a href="http://%%USERNAME%%.signmyguestbook.com/">book</a><br>
              <a href="mailto:yourname@seomplace.com">email</a> </p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <br>
    <table width=140 border=0 border-color="40B9CE" height="68" cellspacing=0 cellpadding=0>
      <tr> 
        <td class="nav" align=middle height="10"> 
          <div align="center"><b>THANKS</b></div>
        </td>
      </tr>
      <tbody> 
      <tr> 
        <td class="entry" align=middle height="27"> 
          <div align="left"> 
            <p align="left"><a href="http://divadesigns.diaryland.com">diva designs</a><br>
              <a href="http://www.diaryland.com">diaryland</a> </p>
          </div>
        </td>
      </tr>
      </tbody> 
    </table>
    <p> </p>
  </center>
</div>
<div id="entry" style="position:absolute; width:454px; height:111px; z-index:3; left: 242px; top: 303px;" class="entry"> 
  <div>
    <p align="right">%%older_entries%%</p>
  </div>
</div>
</body>
</html>