Hippy

Designer's Comments

Look carefully for specific instructions

Well, I made this a while ago, but I wanted to add it. Idk why. But I liked it a lot :)

It seems hippish xD.

Want more?

http://gippersnaplyts.com/

Layout Code

Copy and paste to Template HTML

Help

b{color: 9783E7;}

i{font-family: georgia; 
font-size: 11px;
color: 8AB6E9;}

u{font-weight: normal;
font-size: 11px; 
text-transform: lowercase;
font-family: arial; 
line-height: 100%;
text-decoration: none;
color: 000000;
border-bottom: 1px dashed; 
border-bottom-color:83E785;}

big{background-color: none;
color: 9783E7;
font-size: 15px;
line-height:110%;
font-weight: none;
font-family: arial;
font-weight: bold;
letter-spacing: 0px;
text-transform: capitalized;
text-decoration: none;
}

small{background-color: none;
color: 8AB6E9;
font-size: 7px;
line-height:100%;
font-weight: none;
font-family: small fonts;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;}

textarea {font-family:small fonts;  
font-size: 7px; 
line-height: 8px; 
font-weight: normal; 
text-transform: uppercase; 
text-align: left; 
color: 83E785; 
width: 420px; 
height: 37px; 
background-color: transparent; 
border: 1px dotted; 
border-color: 000000;
overflow:auto;
}

.mainheader{background-color: none;
color: 9783E7;
font-size: 30px;
line-height:27px;
font-weight: normal;
font-family: arial;
font-style: italic;
letter-spacing: 0px;
text-transform: capitalized;
text-decoration: none;
text-align: center;
border-bottom: 1px solid; snap; 
border-bottom-color: 000000;}

.side 
{background-color: none;
color: 8AB6E9;
font-size: 25px;
line-height: 23px;
font-weight: normal;
font-family: arial;
font-style: italic;
letter-spacing: 0px;
letter-spacing: -2px;
text-transform: none;
text-align: center;
border-bottom: 1px solid; 
border-bottom-color:000000;}

.scndside
{background-color: none;
color: 8AB6E9;
font-size: 25px;
line-height: 23px;
font-weight: normal;
font-family: arial;
font-style: italic;
letter-spacing: 0px;
letter-spacing: -2px;
text-transform: none;
text-align: center;
border-bottom: 1px solid; 
border-bottom-color:0000000;}

strong{background-color: none;
color: 000000;
font-size: 11px;
line-height:100%;
font-weight: none;
font-family: arial;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
text-align: right;
border-bottom: 0px solid black;}

a:hover img {filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=5)}

a:link, a:visited, a:active
{color: 9783E7;
font-family: arial;
font-weight:normal;
font-size:11px;
text-align:;
text-transform: none;
text-decoration:none;
line-height: 11px;}

a:hover{
font-family: arial;
letter-spacing:0px;
font-size:11px;
color: 3d3d3d;
background-color:9783E7;
cursor:none;
font-size:11px;
text-align:;
font-weight: normal;
text-transform: none;
line-height: 11px;}

a.navi, a.navi:active, a.navi:link, a.navi:visited{
font-family: small fonts;
font-size: 8px;
font-weight: none;
text-decoration: none;
line-height: 11px;
border: none;
color: 000000;
text-transform: uppercase;
letter-spacing: 1px;}

a.navi:hover{ 
background-color: 83E785; 
color:000000;
text-decoration: none;
letter-spacing:1px;
line-height: 11px;}

</style>

<html>
<head>
<title>Insert Title Here</TITLE>

</head>

<div style="position: absolute; top: 0px; left: 0;">
<IMG SRC="http://cbimg6.com/layouts/09/07/35081aa.png" border=0>
</div>
<div style="position:absolute;background-color:transparent; left:351px; top: 170px; width:521px; border:none;">
<center><div class="mainheader">Professional Domain Lyt 3</div><br>

Welcome to a new type of professional Website Layouts. I made this one for fun, I had no Idea's, and I just wanted to try something new, so here it is. 
Everything matches and The Layout pattern extends so if you have a big computer screen it doesn't have a blank side from it not extending. I actually like this one 
cause the Layout pattern, And I hope you'll like it to. Enjoy :).<br><br>

Credit is authorized to keep in order to use this domain Layout.<br>

<b>Bold</b> - <u>Underline</u> - <i>italics</i> - <a href="">Link</a> - <a class="navi" href="">Navi Link</a> - <big>Big</big> - <small>Small</small><br>

</div>

<div class="side">Header 1</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div>

<br>
<div class="side">Header 2</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div><br>

<div class="side">Header 3</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div>
<br>

<div class="side">Credit</div>
<div class="side2"><center>
<a class="navi" href="http://www.Gippersnaplyts.com/">Domain Lyt Credit</a><BR>
</center></div>

<div style="position:absolute;background-color:transparent; left: 660px; top: 3px; width: 138px; border:none;">
<div class="scndside">Header 4</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div>
<br>

<div class="scndside">Header 5</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div>
<br>

<div class="scndside">Header 6</div>
<div class="side2"><center>
<table width="139px;"><td align="left">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>

</td><td align="right">
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
<a class="navi" href="http://www.Gippersnaplyts.com/">Link</a><BR>
</td>
</td></table> </td></tr></table>
</center></div>

</body>
</html>

Layout Comments

Showing latest 6 of 6 comments

Lol, idc, it's fine?

By Gippersnap on Jul 7, 2009 4:19 pm

aha, don't take mikeplyts' comment the wrong way...
he comments on my stuff like this all the time.
all he likes is rainbows and like AAALLLLL gray.
with maybe on color in it.

By xXcalebboylesXx on Jul 7, 2009 10:31 am

I like the colours & the setup of it,
I personally think it looks better basic, most websites are a basic setup these days because it makes it easier to find things and it's easier to use for beginners. Nice, I like it.

By aliiicimo on Jul 3, 2009 11:04 am

Idccc xD.
I honestly don't I needed something to satisfy website users, and I did for most on myspace, as in the beginners.

By Gippersnap on Jul 3, 2009 4:36 am