Follow the bunny

Designer's Comments

Look carefully for specific instructions

OMG this is so girly XD

please note me or leave a comment when you use this layout

* I hate IE >_<

　／l、
ﾞ（ﾟ､｡７
　l、ﾞ ~ヽ
　じしf_, )ノ

[ best view with Mozilla Firefox]

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>FOLLOW | THE | BUNNY    
  </title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-img:transparent;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h2 { font-family: arial black;
color: #f38369;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-color: #fff;
opacity: 0.5;
padding: 2px 2px 2px 2px;
}
h1 { font-family: century gothic;
color: #a67c96;
line-height: 14px;
font-size: 12px;
text-align: left;
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#c4689d;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
background-color: #fff;
opacity: 0.5;
padding: 0px 0px 2px 2px;
border-left: 2px solid #bdde2c;
}
#navi a:hover, #navi a:focus {
color:#fe0093;
cursor: default;
text-decoration: none;
font-style: none;
opacity: 1.0;
border-left: 2px solid #fe0093;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited { color:#1a8396;
font-size:10px;
font-family:arial;
line-height:15px;
display:block;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
background-color: #f8fdd5;
opacity: 0.5;
padding: 0px 0px 2px 2px;
border-left: 2px solid #8de6f6;
}
#navi2 a:hover, #navi2 a:focus {
color:#1a8396;
cursor: default;
text-decoration: none;
font-style: none;
opacity: 1.0;
border-left: 2px solid #fe0093;
}
#title {
width: 315px;
background-color: transparent;
font-family: century gothic;
font-size: 12px;
line-height: 13px;
font-style: normal;
color: #f3dbea;
}
#content {
width: 315px;
background-color: #fff;
font-size:11px;
font-family: arial;
line-height:16px;
text-align: left;
padding: 0px 2px 0px 2px;
color: #797a7b;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:11px;
font-family:georgia;
line-height:11px;
text-align: left;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
background-color: #fdacbf;
font-style: normal;
padding: 0px 2px 0px 2px;
opacity: 0.5;
}
#content a:hover, #content a:focus {
color:#701e3b;
cursor: default;
background-color: #fdacbf;
text-decoration: none;
font-style: none;
opacity: 1.0;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#f3dbea;
color:#e20690;
}
textarea { border: 1px solid #e4d2a0;
background-color: #58495c;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #ffffff;
background-color: #58495c;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #e6e5e3;
}
b, strong { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #df14a1;
font-weight: bold;
}
m { font-family: arial;
font-size: 10px;
line-height: 11px;
background:#f3dbea;
color:#e20690;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #a3c604;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #bb68d2;
text-decoration: none;
border-bottom: 1px solid #df14a1;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #bb68d2;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #f3dbea;
border-bottom: 2px solid #bb368b;
}
blockquote:before { font-family: georgia;
color: #bb368b;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://cbimg9.com/layouts/08/04/17/26917ab.gif);">

<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="http://cbimg9.com/layouts/08/04/17/26917aa.jpg">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; width: 84px; height: 18px; top: 293px; left: 138px;"></div>
<img src="http://cbimg9.com/layouts/08/04/17/26917aa.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; overflow: auto; z-index: 3; text-align: left; height: 100%; top: 504px; left: 25px; width: 315px;">
<h1>Header - here comes the Headline</h1>
<p>This is the content...<br>
Write whatever you want.<br>
Do not remove the Copyright and credits!!!</p>
<br>
<h1>Basic Codes</h1>
A Link looks like that <a href="#">Linkage</a>
in
the content. <br>
<br>
<blockquote><b>Bold</b> • <i>Italic</i>
• <u>Underline</u> • <s>Stroke</s>
• <m>Mark</m></blockquote>
<p></p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum in nec eirmod iudicabit, dicta civibus mnesarchum
at vix.Cum an soleat <b>detraxit constituto,</b> cu
euismod detraxit consulatu
nam.
<u>Ad tollit graeco adipisci duo! Ut duo harum nihil sanctus</u>,
ne liber
scripserit mea? His id exerci tempor minimum, pro an justo maluisset.
Labore eripuit inermis no pri, his<m> error affert placerat eu</m>,
per
viderer suscipiantur ut? Ne cum lorem atomorum persequeris. Qui mundi
delenit imperdiet no. Mei ut corpora invenire instructior. Ut cum
libris equidem, ut omnium laoreet mei! Definiebas cotidieque eam id, no
mei invidunt platonem interesset, pro
<i>unum aliquam concludaturque et?</i> Debet nostro vim at,
veritus
voluptatibus et vel? Sonet quidam salutandi te sed? Tollit eirmod ut
eos? Mel ea suas harum quidam! Has dicit affert postea cu, at ius
disputando voluptatibus, vel ei <s>vidisse accusata theophrastus.</s>
Lucilius expetenda ei vix, ut mea malis legimus torquatos. </p>
</div>


<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 200px; left: 362px; top: 500px; height: 163px;">
<h2>Follow</h2>
<a href="#">Follow the bunny</a>
<a href="#">Room 101</a>
<a href="#">Jumping out</a>
<a href="#">Jumping in</a>
<a href="#">Wake UP!!!</a>
<a href="#">Catch it if you can!</a>
</div>
<div id="navi2"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 200px; height: 181px; top: 684px; left: 362px;">
<h2>the bunny</h2>
<a href="#">Follow the bunny</a>
<a href="#">Room 101</a>
<a href="#">Jumping out</a>
<a href="#">Jumping in</a>
<a href="#">Wake UP!!!</a>
<a href="#">Catch it if you can!</a>
</div>
<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 200px; height: 174px; top: 863px; left: 361px;">
<h2>and jump</h2>
<a href="#">Follow the bunny</a>
<a href="#">Room 101</a>
<a href="#">Jumping out</a>
<a href="#">Jumping in</a>
<a href="#">Wake UP!!!</a>
<a href="#">Catch it if you can!</a>
</div>
<div id="navi2"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 200px; height: 181px; top: 1049px; left: 362px;">
<h2>Credits</h2>
<a href="http://zebiii.createblog.com/">Design&Code</a>
<a href="http://shizoo.frozen-media.de/">Materials</a>
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 10 comments

Very very nice!

By wickedlee on Jul 4, 2008 12:18 pm

I like the bunny being extremely white. It looks nice & the simplicity of the bunny compliments the intricate patterns. Nice job =D

By kimma on May 29, 2008 11:56 am

wonderful job!!!

By hiimeka on Apr 24, 2008 1:20 pm

That is so cute!! I love it!

By lollipoplove on Apr 18, 2008 8:24 pm

the graphic is cool, but the bunny seems too bright or white. the layout is pretty awesome overall though.

By aaayotiffany on Apr 17, 2008 10:56 pm

I love the graphic. :]

By Korima on Apr 17, 2008 7:59 pm

I like the bunny, but Synesthesia is right about it being a little too white to compliment the patterned one.

The links look great; I really like this one. :D

By livwho on Apr 17, 2008 6:21 pm

love it!

By none345678 on Apr 17, 2008 6:05 pm

Ooh, this is different from your usual layouts. I like it. I just think the white bunny is a bit too white compared to the patterned one behind it.

By tokyo-rose on Apr 17, 2008 4:53 pm

Wow, nice one! And it's not that girly ;)

By dreamgurl36 on Apr 17, 2008 12:25 pm

Layout Details

Designer	ZeBiii
Submitted on	Apr 17, 2008
Page views	11,946
Favorites	52
Comments	10
Reviewer	S-Majere
Approved on	Apr 17, 2008

Follow the bunny

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates