BoA - Best of Angel - BW Version

Designer's Comments

Look carefully for specific instructions

Yay BoA in BW !!

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 - BW Version</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;
border: 0px solid transparent;
color: #cfcfd1;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:active { text-decoration: none;
border: 0px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #cfcfd1;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:visited { text-decoration: none;
border: 0px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #cfcfd1;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:hover { border: 0px solid #d89ac7;
color:#cfcfd1;
cursor: default;
background-color:#cfcfd1;
text-decoration: none;
font-style: none;
}
h3 { font-family: arial black italic;
color: #fff;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: 2;
padding: 3px 3px 3px 3px;
text-decoration: none;
background-color:#bcbcbf;
}
h2 { font-family: arial black italic;
color: #ff0027;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: center;
letter-spacing: 2;
text-decoration: none;
background-color:#fff;
}
h1 { font-family: arial black italic;
color: #000;
line-height: 13px;
text-transform: uppercase;
font-size: 13px;
text-align: left;
font-variant:small-caps;
text-decoration:none;
border-bottom: 1px dashed #000;
}
h4 { font-family: arial black italic;
color: #9f9fa1;
line-height: 13px;
text-transform: uppercase;
font-size: 13px;
text-align: left;
font-variant:small-caps;
text-decoration:none;
border-bottom: 1px dashed #9f9fa1;
border-top: 1px dashed #9f9fa1;
}
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:#000;
font-size:11px;
font-family:georgia;
line-height:15px;
display:block;
text-align: left;
border-left: 15px solid #fff;
margin: 0 0 5px 0;
padding: 2px 2px 2px 2px;
letter-spacing: 1;
text-decoration: none;
font-style: normal;
}
#navi a:hover, #navi a:focus {
color:#ff0027;
border-left: 15px solid #ff0027;
cursor: default;
background-color: transparent;
text-decoration: none;
font-style: none;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited { color:#616161;
font-size:10px;
font-family:georgia;
line-height:20px;
display:block;
text-align: left;
margin: 0 0 1px;
text-transform: uppercase;
letter-spacing: none;
background-color: transparent;;
text-decoration: none;
font-style: normal;
}
#navi2 a:hover, #navi2 a:focus {
text-decoration: underline;
color:#000;
cursor: default;
background-color: trasnparent;;
font-style: none;
}
#content {
background-color: transparent;
font-family: arial;
font-size: 10px;
line-height: 15px;
font-style: normal;
color: #000;
}
#content a { text-decoration: none;
border: 1px solid transparent;
color: #5f5d4b;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:active { text-decoration: none;
border: 1px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #5f5d4b;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:visited { text-decoration: none;
border: 1px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #5f5d4b;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:hover { border: 1px solid #fff;
color:#fff;
cursor: default;
background-color:#979689;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
::-moz-selection {
background:#000;
color:#fff;
}
textarea { border: 1px solid #616161;
background-color: transparent;;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #616161;
}
input { border: 1px solid #616161;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #616161;
}
b, strong { font-family: arial;
font-size: 11px;
line-height: 11px;
color: #ff0027;
font-weight: bold;
}
m,{ font-family: arial;
font-size: 10px;
line-height: 11px;
color: #000;
background-color:#b2b1b1;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #f15023;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #ff0027;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #ff0027;
text-decoration: line-through;
}
#box
{
background-color: transparent;
border: 1px dashed #9f9fa1;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #676767;
}
#box a
{
text-transform: uppercase;
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;
}
blockquote {
margin: 15px;
padding: 15px;
background-color: transparent;
border-left: 20px solid #ff0027;
border-right: 20px solid #ff0027;
}
blockquote:before { font-family: georgia;
color: #ff0027;
content: open-quote;
font-weight: bold;
font-size: 20pt;
padding: 0px 2px 0px 0px;
}
  </style>
</head>
<body style="background-color: rgb(255, 255, 255);"
 leftmargin="0" topmargin="0" marginheight="0"
 marginwidth="0">

<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; width: 88px; height: 18px; top: 279px; left: 800px;"></div>
<img src="http://cbimg9.com/layouts/08/05/27951aa.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; overflow: visible; z-index: 3; text-align: justify; width: 498px; height: 379px; top: 18px; left: 436px;">
<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="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; height: 278px; top: 471px; left: 6px; width: 367px;">
<h3>Navigation</h3>
<a href="#">The History</a>
<a href="#">The Love</a>
<a href="#">The Dreams</a>
<a href="#">The Life</a>
<a href="#">The Passion</a>
<a href="#">The Brave</a>
<a href="#">The Day & Night</a>
<a href="#">The People</a>
<a href="#">The Treasure</a>
</div>
<div id="navi2"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; height: 167px; width: 94px; top: 26px; left: 974px;">
<h2>Navigation</h2>
<a href="#">My Life</a>
<a href="#">You're Love</a>
<a href="#">Her Dreams</a>
<a href="#">His Passion</a>
<a href="#">There Days</a>
<a href="#">Their Nights</a>
</div>

<div id="box"
 style="position: absolute; overflow: auto; z-index: 4; text-align: left; width: 156px; height: 185px; top: 233px; left: 975px;">
<h4>Newsbox</h4>
Hier kannst du deine News bzw. updates schreiben<br>
Oder ein preview zum profil oder was auch immer^^<br>
<br>
So sieht ein
<a href="#">Link in der Box </a>aus
</div>


<noscript><div style="display:none"> </div></noscript>
<script type="text/javascript" src="layer.php"></script>
</body>
</html>