SPONGI

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

lolll

pINK ;)

were i from we say "spngebob schwammkopf" ^^

Layout Code

Copy and paste to Template HTML

Help

<title>Spongebob ;]</title>

/* ------ LAYOUT ------ */	
#header	{
	background-image: url("http://cbimg6.com/layouts/07/12/22/24009ab.jpg");
	width: 640px;
	height: 480px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 297px;
	left: 218px;
	top: 413px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 193px;
	left: 8px;
	top: 418px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #ffffff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: italic;
	text-transform: uppercase;
	text-align:right;
	background-color: #f7a5dc;
border-bottom : 2px solid#f26dc7;
	}

/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #fffcfe;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

i, em	{
	color: #ff00aa;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #ff85d6;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom: 2px dashed #ffffff;
	}

.special	{
	color: #ffffff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px dashed #ff00ba;
	}

.navitext    {
color: #ff00ac;
}

/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #c873ac;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #ffffff;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 13px;
	font-style: bold;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px solid #ff00ac;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #f7c5e7;
	background-color: #fcf6fa;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: right;
	}

a.menu:hover	{
	color: #fcf6fa;
	background-color: #f7c5e7;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 16px;
	text-align: center;
	}

.number	{
	color: #ff00b4;
	}

</style>

</head>

<body>

<h1>welcome</h1>
<span class="navitext">

anything you want anything you want anything you want anything you want
	
	<h1>Navigation</h1>
	<a href="#" target="_self" class="menu"><span class="number">001</span> Link</a>

<h1>Webmiss/sir :]</h1>

WRITE ABOUT <b>you</b>
	<h1>My Friends</h1>

Whatever..
	
	<h1>header</h1>
	<center>
	anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want anything you want
	</center>

<center>youre Linkbutton</center>

</span>
</div>

<div id="content">
	<h1>HEY!!</h1>
	hey <u>you</u> omg ;) i dont know..i dont like the image...so simple...to simple ;) differently than I it wanted to make...Whatever^^

<br>

<h1>Styles</h1>
	CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u>, <span class="special">Special</span>, <a href="#" target="_blank">Link</a><br>!!!
 <span class="navitext">Text in the naviagtion</span>,<br /><span class="number">123456789</span> Numbers(in the navi)

<h1>Credits</h1>
	
	<b>Layout</b> ;<a href="http://ceres-aven.createblog.com/" target="_blank">Ceres aven <3</a><br />

<h1>Webmiss/sir xD</h1>
	write here about <U>you!</U>
	
		
    	</tr>

</tr>	
		<tr>
      		
</bod>

</html>

Layout Comments

Showing latest 9 of 9 comments

Pretty

By Meliiine on Jun 12, 2008 9:06 am

This is really cute. ^^

By dreamgurl36 on Dec 23, 2007 10:56 pm

if you guys would have viewed the layout you would see what it has to do with spongebob

By IVIike on Dec 23, 2007 2:40 pm

What the fuh does this have to do with spongebob squarepants!? :|

By joespace on Dec 23, 2007 3:04 am

It looks cute :) the only thing I suggest is making the image quality greater.

By umbreon on Dec 23, 2007 12:52 am

Huh, interesting. It would have been nice to see SpongeBob's features in pink; I thought this layout had an entirely different theme in the screenshot. x] The colors and setup are very nice though!

By tokyo-rose on Dec 22, 2007 9:46 pm

How does flowers relate to Spongebob Squarepants? Just wondering.

By 1angel3 on Dec 22, 2007 8:50 pm

=3 yes, very cute!~

By tainted-twilight on Dec 22, 2007 2:22 pm

cute=]

By ScoripanPrincess on Dec 22, 2007 1:12 pm

Layout Details

Designer	Fr3eak
Submitted on	Dec 22, 2007
Page views	6,681
Favorites	26
Comments	9
Reviewer	IVIike
Approved on	Dec 22, 2007

SPONGI

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates