L I L A

Designer's Comments

Look carefully for specific instructions

wow this was my first right coded layout o_O

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>L I L A
  보라빛    &
nbsp;  </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;
}
#navi { width:175px;
background:transparent;
text-align:left;
left: 167px;
right: 300px;
}
a:link { text-decoration: none;
color: #412948;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:active { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #412948;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:visited { text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #412948;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:hover { text-decoration: none;
font-size: 10px;
line-height: 11px;
font-family: arial;
color: #8e24ae;
font-style: normal;
text-transform: lowercase;
text-decoration: overline underline;
background-color: transparent;
}
h2 { font-family: arial black italic;
color: #e6e5e3;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: right;
letter-spacing: 2;
text-decoration: overline underline;
background-color: transparent;
}
h1 { font-family: arial black italic;
color: #e6e5e3;
line-height: 13px;
text-transform: uppercase;
font-size: 13px;
text-align: right;
font-variant:small-caps;
background-color:#130516;
}
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:#e6e5e3;
font-size:10px;
font-family:georgia;
line-height:11px;
display:block;
text-align: right;
margin: 0 0 1px;
text-transform: uppercase;
letter-spacing: none;
border-left: 3px solid transparent;
text-decoration: none;
font-style: normal;
}
#navi a:hover, #navi a:focus {
color:#701e3b;
cursor: default;
background-color: #e6e5e3;;
text-decoration: none;
font-style: none;
}
#content {
width: 315px;
background-color: transparent;
}
.inhaltetable { width:100%;
background: transparent;
}
.inhaltetable table {
background-color: transparent;
border-top-color:#9e8fa1 !important;
border-top-width:0px !important;
border-top-style:solid !important;
}
.inhaltetable tr td table { border-top: 0px solid #e6e5e3;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #110415;
text-decoration: none;
}
.inhaltetable td font { border: 0px solid rgb(255, 255, 255);
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #110415;
text-decoration: none;
}
.inhaltetable td font p { border: 0px solid rgb(255, 255, 255);
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #110415;
text-decoration: none;
}
::-moz-selection {
background:#69055f;
color:#e6e5e3;
}
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: #680085;
font-weight: bold;
}
m,{ font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
background-color:#6f4d79;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #bb68d2;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #bb68d2;
text-decoration: underline;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #bb68d2;
text-decoration: line-through;
} </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://cbimg9.com/layouts/08/04/16/26908ac.jpg);">

<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="http://luvotomy.lu.funpic.de/outgrow/layout/violet/header">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; width: 88px; height: 18px; top: 476px; left: 565px;">
<div style="text-align: center;"><a
 href="http://luvotomy.lu.funpic.de/" target="_blank"><img
 src="http://cbimg9.com/layouts/08/04/16/26908aa.png"
 border="0"></a></div>
</div>
<img
 src="http://cbimg9.com/layouts/08/04/16/26908ab.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; overflow: auto; z-index: 3; text-align: left; top: 7px; left: 4px; width: 315px; height: 470px;">
<h1>Header - here comes the Headline</h1>
<p>This is the content...<br>
Write whatever you want.<br>
<u>Do not remove the Copyright and credits!!!</u></p>
<br>
<h1>Basic Codes</h1>
A Link looks like that <a href="#">Linkage</a>
in
the content. <br>
<br>
<b>Bold</b> • <i>Italic</i>
• <u>Underline</u> • <s>Stroke</s>
• <m>Mark</m>
<p></p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum in nec eirmod iudicabit, dicta civibus mnesarchum
at vix.Cum an soleat detraxit constituto, cu euismod detraxit consulatu
nam.
Ad tollit graeco adipisci duo! Ut duo harum nihil sanctus, ne liber
scripserit mea? His id exerci tempor minimum, pro an justo maluisset.
Labore eripuit inermis no pri, his error affert placerat eu, 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
unum aliquam concludaturque et? 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 vidisse accusata theophrastus.
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; height: 206px; width: 278px; top: 491px; left: 56px;">
<table style="text-align: left; width: 275px; left: 499px;"
 border="0" cellpadding="0" cellspacing="5">
  <tbody>
    <tr>
      <td>
      <h2>Blog</h2>
      </td>
      <td>
      <h2>Stuff</h2>
      </td>
      <td>
      <h2>Tralala</h2>
      </td>
    </tr>
    <tr>
      <td><a href="#">Index</a></td>
      <td><a href="#">RSS
Feed</a></td>
      <td><a href="#">Violet</a></td>
    </tr>
    <tr>
      <td><a href="#">Contact</a></td>
      <td><a href="#">Linkage</a></td>
      <td><a href="#">Color</a></td>
    </tr>
    <tr>
      <td><a href="#">About
me</a></td>
      <td><a href="#">Affiliates</a></td>
      <td><a href="#">Whatever</a></td>
    </tr>
    <tr>
      <td><a href="#">Archive</a></td>
      <td><a href="#">Nothing</a></td>
      <td><a href="#">Credits</a></td>
    </tr>
    <tr>
      <td><a href="#">Subscribe</a></td>
      <td><a href="#">Lila</a></td>
      <td><a href="#">Blue</a></td>
    </tr>
    <tr>
      <td><a href="#">Rose</a></td>
      <td><a href="#">Parfume</a></td>
      <td><a href="#">Dream</a></td>
    </tr>
    <tr>
      <td><a href="#">Fly</a></td>
      <td><a href="#">Sky</a></td>
      <td><a href="#">Dance</a></td>
    </tr>
    <tr>
      <td><a href="#">Other</a></td>
      <td><a href="#">Feeling</a></td>
      <td><a href="#">Yume</a></td>
    </tr>
  </tbody>
</table>
</div>


<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; width: 88px; height: 18px; left: 899px; top: 10px;">
<div style="text-align: center;"></div>
</div>

</body>
</html>

Layout Comments

Showing latest 9 of 9 comments

it says "boribich" i'm not sure what it means.

By mikitanaka on Sep 8, 2009 3:16 pm

this layout is awesome. its really appealing, but you might want to make the quality of the image a little better to suit to crisp text quality. kudos :)

By mikokura on Jun 5, 2008 4:52 pm

wow very creative, love the style of this layout.

By Blaqheartedstar on Apr 25, 2008 11:44 pm

Nice work! It's pretty cool. I like the purple. Kudos. :D

By futura on Apr 17, 2008 7:58 pm

The image looks a bit strange to me. ^^; But I agree that the set up is good! Very unique layout :)

By dreamgurl36 on Apr 17, 2008 12:30 pm

i really like how you have the navigation, lol. the whole concept of it is pretty cool.

By aaayotiffany on Apr 17, 2008 9:36 am

this definetily caught my eye i was like dayumm must see layout. *drool *

By Christy on Apr 16, 2008 7:41 pm

I always like how you set up your layouts' navigation and everything. What does it say in Korean on the image? :] I really like the girl's skirt, as well.

By tokyo-rose on Apr 16, 2008 7:30 pm

i hate ie too ; and its very ironic for me to say that cause i use to be an ie girl lol but ever since i used firefox i never want to go back onto ie.

By michellekdo on Apr 16, 2008 7:02 pm

Layout Details

Designer	ZeBiii
Submitted on	Apr 16, 2008
Page views	6,603
Favorites	23
Comments	9
Reviewer	micron
Approved on	Apr 16, 2008

L I L A

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates