BoA - Best of Angel

Designer's Comments

Look carefully for specific instructions

Yay BoA!!

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>BoA - Best of Angel</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-color: #3b747e;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
h2 { font-family: georgia, arial;
color: #fff;
line-height: 12px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: transparent;
border-bottom:1px solid #dbafbf;
}
h1 { font-family: georgia,arial italic;
color: #004150;
line-height: 20px;
font-size: 12px;
text-transform: uppercase;
text-align: left;
background-color: transparent;
}
#copy{color: #fff;}
#copy a, #copy a:link, #copy a:active, #copy a:visited { color:#fff;
text-decoration: none; font-family: arial;
opacity: 0.5;
font-size: 9px;
line-height: 12px;
font-style: normal;
text-transform: none;
background-color: transparent;
padding: 3px 2px 10px 5px;
display: block; }
#copy a:hover, #copy a:focus {
text-decoration: none; color: #fff;
opacity: 1.0;
font-size: 9px;
line-height: 12px;
font-style: normal;
}
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:#fff;
text-decoration: none; font-family: arial;
font-size: 10px;
line-height: 12px;
font-style: normal;
text-transform: none;
background-color: transparent;
border-left: 6px solid transparent;
border-right: 13px solid transparent;
padding: 5px 2px 5px 2px;
display: block; }
#navi a:hover, #navi a:focus {
text-decoration: none; color: #fff;
background-color: #8a2a4d;
border-left: 6px solid #f181a8;
border-right: 13px solid #f181a8;
display: block; }
#content {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 11px;
line-height: 16px;
font-style: normal;
color: #6a1e3f;
padding: 2px 2px 2px 2px;
}
#content a { text-decoration: none;
color: #d8005e;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:active { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #a86983;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:visited { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #a86983;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:hover { color:#14a5c5;
cursor: default;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
#box{
background-color: transparent;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #fff;
padding: 2px 1px 0px 1px;
}
#box a
{
color:ff006c; background-color: transparent;
text-decoration: underline; font-family: arial;
font-size: 9px;
}
#box a:hover
{
text-transform: uppercase;
color:#fff;
font-family: arial;
font-size: 9px;
background-color:#676767;
}
::-moz-selection {
background:#051d21;
color:#fff;
}
textarea { border: 1px solid #e4d2a0;
background-color: transparent;
width: 160px;
height: 100px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #000;
}
input { border: 1px solid #051d21;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #000;
}
b, strong { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #052848;
font-weight: bold;
}
m { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #fff;
background-color:#dbafbf;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #01a7d4;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 12px;
color: #611234;
text-decoration: none;
border-bottom: 1px dashed #01a7d4;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #dbafbf;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #dbafbf;
border-left: 20px solid #d61158;
}
blockquote:before { font-family: georgia;
color: #fff;
content: open-quote;
font-weight: bold;
font-size: 20pt;
padding: 0px 2px 0px 0px;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://cbimg9.com/layouts/08/05/27950ab.gif);">

<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="header">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; height: 11px; width: 61px; top: 73px; left: 533px;"></div>
<img src="http://cbimg9.com/layouts/08/05/27950aa.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; overflow: visible; z-index: 3; text-align: justify; height: 356px; top: 343px; left: 16px; width: 312px;">
<h1>BoA - Best of Angel</h1>
<center>Life is full of challenges<br>
Which people do face<br>
Life comes and goes<br>
...
Just as the season changes, [...]</center>
<h1>Basic Codes</h1>
<blockquote>A Link looks like that <a href="#">Linkage</a>
in
the content.<br>
  <b>Bold</b> • <i>Italic</i>
• <u>Underline</u> • <s>Stroke</s>
• <m>Mark</m><br>
  <br>
  <u>Do not remove the Copyright and credits!!!</u></blockquote>
<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?<m> His id exerci tempor minimum, pro an justo
maluisset.
Labore eripuit inermis no pri, his error affert placerat eu, per
viderer suscipiantur ut?</m> 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? <u>Debet nostro vim at, veritus
voluptatibus et vel? Sonet quidam salutandi te sed?</u> 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,<i>ut mea malis legimus torquatos.</i>
</p>
</div>


<div id="box"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; left: 340px; width: 146px; top: 0px; height: 134px;"><b>Newsbox</b><br>
Here is a Box!!!<br>
Have you something to say?<br>
Welcome on my Site I'm ------!
</div>


<div id="navi"
 style="position: absolute; z-index: 3; overflow: visible; text-align: left; height: 291px; top: 160px; left: 335px; width: 165px;">
<h2>Navigation</h2>
<a href="#">Linkage</a><a href="#">Linkage</a><a
 href="#">Linkage</a><a href="#">Linkage</a>
</div>


<div id="copy"
 style="position: absolute; z-index: 3; overflow: visible; text-align: left; width: 68px; height: 33px; top: 243px; left: 15px;">by
ZeBiii<a href="http://zebiii.createblog.com/">Designer</a>
</div>

</body>
</html>

Layout Comments

Showing latest 4 of 4 comments

The image won't show though D: My comment got cut off >__

By sakuraDREAMSx on Jun 13, 2008 3:12 pm

This is beautiful!

By sakuraDREAMSx on Jun 13, 2008 3:11 pm

Nice one. :)

By dreamgurl36 on Jun 1, 2008 5:31 am

Cute layout! Once again. You're really good at it :) keep it up.

By IzzyGrace on May 31, 2008 3:50 pm

Layout Details

Designer	ZeBiii
Submitted on	May 30, 2008
Page views	3,197
Favorites	8
Comments	4
Reviewer	Synesthesia
Approved on	May 30, 2008

BoA - Best of Angel

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates