Whats The clue ?

Website Templates / 2 Columns

View preview

Designer's Comments

Look carefully for specific instructions

Layout teasted in IE and FF should be working good in both versions

v-smash.com

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>What's The Clue ? || By: v-smash.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>
body {
	background-color: #E4E4E4;
	margin: 0px;
        background-repeat: repeat-y;
        
	background-image: url('http://cbimg6.com/layouts/09/09/35720as.gif');
	}

#text { 
	background-color: TRANSPARENT;
	background-repeat: repeat-y;
	line-height: 14px;
	padding-top: 5px;
	text-align: justify;
	position: absolute;
	width: 475px;
	left: 240px;
	top: 395px;
	}

#text p {
	padding-left:10px;
	padding-right:18px;
	font-family: arial;
	line-height: 16px;
	font-size:11px;
	color: #000;

}

#text h1 {
	padding-right:11px;
	font-family: Times New Roman;
	font-size: 22px;
	color: #CF2E37;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	margin-bottom: 0px;
	text-align: left;}
        background-color:#b5b5b5;

img.welcome {
	border: 3px solid #ffffff; 
	
	margin-left: 0px;}
 
#text i, {
	color: #ab2b20;
}
b,{
color: #092622;
}

}
u,{
color: #855d53;
}

}
s,{
color: #3d4e60;
}

#text h2 {
	margin-top:5px;
	padding-right: 5px;
	font-family: Times New Roman;
	font-size: 12px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right:11px;
	margin-left:11px;
	background-color:#668355;
	text-align: right;}

#text a:link {
	text-decoration:none;
	font-weight: normal;
	color:#173d84;
	font-family: Arial;}

#text a:visited { 
   text-decoration:none;
	font-weight: normal;
	color:#173d84;
	font-family: Arial;}

#text a:hover {
	text-decoration:underline;
	color:#ca3a39;}

#footer {
   margin-right:11px;
	margin-left:11px;
	letter-spacing: 1px;
	font-family: Times New Roman;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color:#000;
	line-height:14px;
   border-top: 1px dashed #000;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 40px;}

</style>

</HEAD><div style="POSITION:absolute; OVERFLOW:yes; TOP:0px; left:0px; width:1003px;">

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

>

<html>
<head>
<title>lay4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript"> 

</script>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">

<table id="Table_01" width="1001" height="501" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			<img src="http://cbimg6.com/layouts/09/09/35720aa.gif" width="1000" height="219" border="0" alt="" usemap="#detectiv_01_Map"></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="219" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="http://cbimg6.com/layouts/09/09/35720ac.gif" width="546" height="37" alt=""></td>
		<td colspan="3" rowspan="2">
			<a href="URLHERE"
				onmouseover="changeImages('detectiv_03', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_03-over.gif'); return true;"
				onmouseout="changeImages('detectiv_03', 'http://cbimg6.com/layouts/09/09/35720ad.gif'); return true;"
				onmousedown="changeImages('detectiv_03', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_03-over.gif'); return true;"
				onmouseup="changeImages('detectiv_03', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_03-over.gif'); return true;">
				<img name="detectiv_03" src="http://cbimg6.com/layouts/09/09/35720ad.gif" width="71" height="77" border="0" alt=""></a></td>
		<td colspan="2" rowspan="3">
			<img src="http://cbimg6.com/layouts/09/09/35720ae.gif" width="383" height="81" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="3">
			<img src="http://cbimg6.com/layouts/09/09/35720af.gif" width="452" height="79" alt=""></td>
		<td rowspan="4">
			<a href="URLHERE"
				onmouseover="changeImages('detectiv_06', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_06-over.gif', 'detectiv_07', 'images/detectiv_07-over.gif'); return true;"
				onmouseout="changeImages('detectiv_06', 'http://cbimg6.com/layouts/09/09/35720ag.gif', 'detectiv_07', 'images/detectiv_07.gif'); return true;"
				onmousedown="changeImages('detectiv_06', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_06-over.gif', 'detectiv_07', 'images/detectiv_07-over.gif'); return true;"
				onmouseup="changeImages('detectiv_06', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_06-over.gif', 'detectiv_07', 'images/detectiv_07-over.gif'); return true;">
				<img name="detectiv_06" src="http://cbimg6.com/layouts/09/09/35720ag.gif" width="94" height="89" border="0" alt=""></a></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<a href="#"
				onmouseover="changeImages('detectiv_06', 'images/detectiv_06-over.gif', 'detectiv_07', 'http://cbimg6.com/layouts/09/09/35720ah.gif'); return true;"
				onmouseout="changeImages('detectiv_06', 'images/detectiv_06.gif', 'detectiv_07', 'http://cbimg6.com/layouts/09/09/35720ah.gif'); return true;"
				onmousedown="changeImages('detectiv_06', 'images/detectiv_06-over.gif', 'detectiv_07', 'http://cbimg6.com/layouts/09/09/35720ah.gif'); return true;"
				onmouseup="changeImages('detectiv_06', 'images/detectiv_06-over.gif', 'detectiv_07', 'http://cbimg6.com/layouts/09/09/35720ah.gif'); return true;">
				<img name="detectiv_07" src="http://cbimg6.com/layouts/09/09/35720ah.gif" width="4" height="49" border="0" alt=""></a></td>
		<td colspan="2">
			<img src="http://cbimg6.com/layouts/09/09/35720ai.gif" width="67" height="4" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="http://cbimg6.com/layouts/09/09/35720aj.gif" width="43" height="200" alt=""></td>
		<td colspan="2" rowspan="3">
			<a href="URLHERE"
				onmouseover="changeImages('detectiv_10', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_10-over.gif'); return true;"
				onmouseout="changeImages('detectiv_10', 'http://cbimg6.com/layouts/09/09/35720ak.gif'); return true;"
				onmousedown="changeImages('detectiv_10', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_10-over.gif'); return true;"
				onmouseup="changeImages('detectiv_10', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_10-over.gif'); return true;">
				<img name="detectiv_10" src="http://cbimg6.com/layouts/09/09/35720ak.gif" width="101" height="100" border="0" alt=""></a></td>
		<td rowspan="5">
			<img src="http://cbimg6.com/layouts/09/09/35720al.gif" width="306" height="200" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="http://cbimg6.com/layouts/09/09/35720am.gif" width="376" height="165" alt=""></td>
		<td rowspan="3">
			<a href="URLHERE"
				onmouseover="changeImages('detectiv_13', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_13-over.gif'); return true;"
				onmouseout="changeImages('detectiv_13', 'http://cbimg6.com/layouts/09/09/35720an.gif'); return true;"
				onmousedown="changeImages('detectiv_13', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_13-over.gif'); return true;"
				onmouseup="changeImages('detectiv_13', 'http://i733.photobucket.com/albums/ww334/v-smash/detectiv_13-over.gif'); return true;">
				<img name="detectiv_13" src="http://cbimg6.com/layouts/09/09/35720an.gif" width="68" height="69" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="http://cbimg6.com/layouts/09/09/35720ao.gif" width="8" height="165" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="http://cbimg6.com/layouts/09/09/35720ap.gif" width="98" height="155" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="55" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="http://cbimg6.com/layouts/09/09/35720aq.gif" width="101" height="100" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ar.gif" width="68" height="96" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="1" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="376" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="68" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="94" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="43" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="24" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="77" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35720ab.gif" width="306" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<map name="detectiv_01_Map">
<area shape="poly" alt="" coords="293,158, 242,115, 242,117, 242,129, 292,164" href="http://v-smash.com/">
</map>

</body>
</html>

<div id="text" background="bg.jpg">

<h1>Layout</h1>
<h2>BLLABLLA HERE</h2>

<p>
<BR><BR>
text <b>bold</b> <a href="">linkage</a> <i>italic</i> <u>underline</u> <s>strikeout</s><br><br>
<BR><BR>
Layout best viewd In IE 7.0 And Mozilla Firefox 3.0.9

</p>

<h1>Etc</h1>
<h2>bllablla here</h2>

<p>
 
</p>

<div id="footer"><br>

This site belongs to © Who Ever You Are<br>
Layout © <a href="http://v-smash.com/">V-SMASH</a>

</div>
</BODY>
</HTML>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	v-smash
Submitted on	Sep 17, 2009
Page views	5,485
Favorites	7
Comments	0
Reviewer	elletricity
Approved on	Sep 19, 2009

Layout Colors

Layout Tags

anime, cute, funny, detectiv, clue, what

Layout Tools

Layout Affiliates

Here I Stand Layouts