My heart will go on

Website Templates / 2 Columns

View preview

Designer's Comments

Look carefully for specific instructions

Layout image and coding © v-smash.com
If you use this layout DO NOT remove the credits !

Enjoy :)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>My Heart Will Go On  || By: v-smash.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>
body {
	background-color: #9C9C9C;
	margin: 0px;
        background-repeat: repeat-y;
        
	background-image: url('http://cbimg6.com/layouts/09/09/35725ao.gif');
	}

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

#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: #F73C50;
	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:#D4D4D6;
	text-align: right;}

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

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

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

#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>lay2</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="7">
			<img src="http://cbimg6.com/layouts/09/09/35725aa.gif" width="1000" height="158" border="0" alt="" usemap="#lay2_01_Map"></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="158" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://cbimg6.com/layouts/09/09/35725ac.gif" width="82" height="25" alt=""></td>
		<td colspan="2" rowspan="2">
			<a href="URLHERE"
				onmouseover="changeImages('lay2_03', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_03-over.gif'); return true;"
				onmouseout="changeImages('lay2_03', 'http://cbimg6.com/layouts/09/09/35725ad.gif'); return true;"
				onmousedown="changeImages('lay2_03', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_03-over.gif'); return true;"
				onmouseup="changeImages('lay2_03', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_03-over.gif'); return true;">
				<img name="lay2_03" src="http://cbimg6.com/layouts/09/09/35725ad.gif" width="77" height="32" border="0" alt=""></a></td>
		<td colspan="2" rowspan="2">
			<img src="http://cbimg6.com/layouts/09/09/35725ae.gif" width="841" height="32" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="http://cbimg6.com/layouts/09/09/35725af.gif" width="1" height="317" alt=""></td>
		<td rowspan="2">
			<a href="URLHERE"
				onmouseover="changeImages('lay2_06', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_06-over.gif'); return true;"
				onmouseout="changeImages('lay2_06', 'http://cbimg6.com/layouts/09/09/35725ag.gif'); return true;"
				onmousedown="changeImages('lay2_06', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_06-over.gif'); return true;"
				onmouseup="changeImages('lay2_06', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_06-over.gif'); return true;">
				<img name="lay2_06" src="http://cbimg6.com/layouts/09/09/35725ag.gif" width="63" height="24" border="0" alt=""></a></td>
		<td rowspan="5">
			<img src="http://cbimg6.com/layouts/09/09/35725ah.gif" width="18" height="317" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="http://cbimg6.com/layouts/09/09/35725ai.gif" width="30" height="310" alt=""></td>
		<td colspan="2" rowspan="2">
			<a href="URLHERE"
				onmouseover="changeImages('lay2_09', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_09-over.gif'); return true;"
				onmouseout="changeImages('lay2_09', 'http://cbimg6.com/layouts/09/09/35725aj.gif'); return true;"
				onmousedown="changeImages('lay2_09', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_09-over.gif'); return true;"
				onmouseup="changeImages('lay2_09', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_09-over.gif'); return true;">
				<img name="lay2_09" src="http://cbimg6.com/layouts/09/09/35725aj.gif" width="61" height="33" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="http://cbimg6.com/layouts/09/09/35725ak.gif" width="827" height="310" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="URLHERE"
				onmouseover="changeImages('lay2_11', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_11-over.gif'); return true;"
				onmouseout="changeImages('lay2_11', 'http://cbimg6.com/layouts/09/09/35725al.gif'); return true;"
				onmousedown="changeImages('lay2_11', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_11-over.gif'); return true;"
				onmouseup="changeImages('lay2_11', 'http://i733.photobucket.com/albums/ww334/v-smash/lay2_11-over.gif'); return true;">
				<img name="lay2_11" src="http://cbimg6.com/layouts/09/09/35725al.gif" width="63" height="35" border="0" alt=""></a></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="http://cbimg6.com/layouts/09/09/35725am.gif" width="61" height="277" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725an.gif" width="63" height="258" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="258" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="47" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="14" height="1" alt=""></td>
		<td>
			<img src="http://cbimg6.com/layouts/09/09/35725ab.gif" width="827" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<map name="lay2_01_Map">
<area shape="poly" alt="" coords="175,132, 223,125, 223,119, 165,125, 170,132" 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

Showing latest 7 of 7 comments

Hehe, so cute!

By mangomochi on Dec 6, 2009 2:34 pm

sooooooooooooooo CUTE!!!!!
xD

By iheartkwonjiyong on Sep 26, 2009 6:17 pm

haha that is such an awesome idea, i love the banner

By alek on Sep 20, 2009 10:13 am

haha this is so cute. nice work (:

By futura on Sep 19, 2009 8:26 pm

Lol,Niice :D!
GOOD JOB.

By Snaily on Sep 19, 2009 7:08 pm

ohh this is even cuter!!!

By goth-nina on Sep 19, 2009 4:55 pm

this is so adorable!

By crowned-always on Sep 19, 2009 2:50 pm

Layout Details

Designer	v-smash
Submitted on	Sep 17, 2009
Page views	7,351
Favorites	34
Comments	7
Reviewer	elletricity
Approved on	Sep 19, 2009

Layout Colors

Layout Tags

funny, love, movies, heart, will, titanic

Layout Tools

Layout Affiliates

Here I Stand Layouts