:: THE TRENDWHORE ::

Designer's Comments

Look carefully for specific instructions

note me (or leave a comment), if you use it!

[ best view with Mozilla Firefox]

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>||THE TREND.WHORE||</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;
}
h3 { font-family: arial;
color: #000;
line-height: 14px;
font-size: 14px;
text-align: center;
letter-spacing: 0;
text-decoration: none;
background-image: url(http://cbimg6.com/layouts/08/01/14/24656ab.jpg);
}
h2 { font-family: arial;
color: #000;
line-height: 14px;
text-transform: uppercase;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: transparent;
border-left: 5px solid transparent;
}
h1 { font-family: verdana italic;
color: #9c8867;
letter-spacing: 2px;
line-height: 15px;
font-size: 15px;
text-align: left;
background-color: #264851;
text-decoration: none;
}
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:#bdad90;
font-size:12px;
font-family: arial black italic;
line-height:12px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: -1px;
text-decoration: none;
font-style: normal;
background-color: transparent;
padding: 5px 5px 2px 5px;
border-bottom: 2px solid transparent;
border-bottom: 2px solid #5c7b83;
}
#navi a:hover, #navi a:focus {
color:#19363e;
text-align: right;
cursor: default;
background-color: #534836;
text-decoration: none;
border-bottom: 2px solid #b18e5a;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited {
color:#7d8384;
font-size:16px;
font-family:arial;
line-height:17px;
text-align: center;
margin: 15px 10px 15px 10px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-weight: bold;
}
#navi2 a:hover, #navi2 a:focus {
color:#000;
cursor: default;
background-color: transparent;
text-decoration: none;
}
#navi3 a, #navi3 a:link, #navi3 a:active, #navi3 a:visited { color:#868383;
font-size:8px;
font-family:arial;
line-height:9px;
text-align: center;
margin: 5px 5px 5px 5px;
text-transform: uppercase;
letter-spacing: none;
text-decoration: none;
font-style: normal;
background-color: transparent;
padding: 10px 5px 5px 5px;
}
#navi3 a:hover, #navi3 a:focus {
color:#000;
cursor: default;
background-color: transparent;
text-decoration: none;
}
#content {
width: 315px;
background-color: #19363e;
font-family: georgia;
font-size: 11px;
line-height: 14px;
font-style: normal;
color: #b29075;
border-left: 2px solid #544736;
border-right: 2px solid #544736;
border-bottom: 4px solid #544736;
padding: 40px 3px 3px 3px;
}
#content a { text-decoration: none;
color: #b39c70;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
padding: 0px 2px 0px 2px;
}
#content a:active { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #b39c70;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
padding: 0px 2px 0px 2px;
}
#content a:visited { text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #b39c70;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
padding: 0px 2px 0px 2px;
}
#content a:hover { color:#fff;
cursor: default;
background-color: #518796;
text-transform: uppercase;
text-decoration: none;
font-style: none;
padding: 0px 2px 0px 2px;
}
#box {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
color: #a69369;
border-left: 2px solid #544736;
border-right: 2px solid #544736;
border-bottom: 4px solid #544736;
padding: 3px 3px 3px 3px;
}
#box a { text-decoration: none;
color: #7d7d7d;
font-family: arial;
font-size: 8px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:active { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #7d7d7d;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:visited { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #7d7d7d;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box a:hover { color:#63d1f0;
cursor: default;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
#box2 {
width: 315px;
background-color: transparent;
font-family: arial;
font-size: 9px;
line-height: 12px;
font-style: normal;
color: #000;
border-left: 2px solid #544736;
border-right: 2px solid #544736;
border-bottom: 4px solid #544736;
padding: 3px 3px 3px 3px;
}
#box2 a { text-decoration: none;
color: #7d7d7d;
font-family: arial;
font-size: 8px;
line-height: 12px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box2 a:active { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #7d7d7d;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box2 a:visited { text-decoration: none;
font-family: arial;
font-size: 8px;
line-height: 11px;
color: #7d7d7d;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
border-bottom: 1px dashed #e6d1a1;
}
#box2 a:hover { color:#63d1f0;
cursor: default;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
#titel {
width: 315px;
background-color: transparent;
font-family: arial black italic;
font-size: 20px;
line-height: 12px;
font-style: normal;
letter-spacing: -2;
color: #000;
}
#motto {
width: 315px;
background-color: transparent;
font-family: arial black italic;
font-size: 13px;
line-height: 16px;
font-style: normal;
letter-spacing: -1;
color: #fff;
}
::-moz-selection {
background:#fff;
color:#19363e;
}
textarea { border: 1px solid #fff;
background-color: transparent;
width: 160px;
height: 100px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #000;
}
input { border: 1px solid #fff;
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: #fff;
font-weight: bold;
}
m { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #000;
background-color:#62848e;
padding: 0px 2px 0px 2px;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #59d2f4;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 12px;
color: #ff6476;
text-decoration: none;
border-bottom: 1px dashed #fff;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #ff6476;
text-decoration: line-through;
} </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://cbimg6.com/layouts/08/01/14/24656ac.jpg);">

<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="header"><img
 src="http://cbimg6.com/layouts/08/01/14/24656aa.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; left: 173px; width: 498px; top: 397px;">
<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>
<p></p>
<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>Nonsens</h1>
<p>
Dies ist ein Blindtext. Bitte beachten Sie den weiteren Inhalt dieses
Textes nicht. Es handelt sich tatsächlich, so war mir Gott
helfe, nur um einen Blindtext. Ja ja, ich merke schon, Sie
können es wohl nicht lassen. Na gut, dann erzähle ich
jetzt einen Witz: Wie viele Blondinen braucht man, um eine
Glühbirne zu wechseln? Fünf, eine, die die
Glühbirne hält, und vier, die das Zimmer drehen.
Soso, jetzt lachen Sie auch noch, wo ich doch ausdrücklich
darauf hingewiesen hatte, den Text überhaupt nicht weiter zu
lesen. Manche Leute müssen einfach permanent Regeln brechen.
Verdammt noch mal, hier kommt nichts mehr, was auch nur irgendwie von
Relevanz wäre. Nonsens sozusagen. Nonsens, Nonsens, Nonsens.
So was von Nonsens. Nonsens, Nonsens, Nonsens, Nonsens, Nonsens,
Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens,
Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens,
Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens, Nonsens,
Nonsens, Nonsens, Nonsens, Nonsens. Glauben Sie es jetzt? Nichts
wichtiges mehr. Gar nichts. Das Telefonbuch wäre
interessanter, da lernt man vielleicht noch nette Leute kennen. Oder an
die Wand kucken. Was man auf so einer Wand alles sehen kann: Wand,
Wand, etwas Wand, Spinnenweben (kommt auf die Wand an), Bilder (so
vorhanden), Spiegel (s. Bilder), keine Bilder (s. Bilder und Spiegel),
keine Spiegel (s. Bilder, Spiegel und keine Bilder) und andere Sachen.
Jedenfalls, um es kurz zu machen, viel interessantere Dinge als diesen
Text. Man kan n ja auch einfach mal nichts machen. Einfach mal das
etwas etwas sein lassen und nichts machen. Keine Texte lesen, vor allem
keine Blindtexte. Und wenn schon Blindtexte, dann auf gar keinen Fall
diesen hier. Weil, ich glaube, das hatte ich schon erwähnt,
dieser Blindtext absolut keinen Inhalt hat. Sicher, es gibt auch noch
andere Dinge, die keinen Inhalt haben, eine leere Flasche zum Beispiel.
Obwohl, da ist ja noch Luft drin. Also dann halt eine Flasche mit
keiner Luft drin, also mit einem Vakuum. Mist, ist ja doch was drin
(das Vakuum meine ich). Oder, anderes Beispiel, der Kopf von Jenny
Elvers. Außer dem halben Brötchen mit Teewurst ist
da nämlich auch nichts drin. Wobei der Wert dieses halben
Teewurstbrötchens den Wert dieses Blindtextes bei weitem
übersteigt. Bei weitem ist noch untertrieben. So wie dieser
Blindtext inhaltsleer ist, so untertrieben ist der eben genannte
Vergleich. Bei weitem, HA! Also mindestens doppelt so untertrieben.
Aber ich glaube, bei diesen Größenordnungen von
Untertriebensei n wäre jeder Vergleich Nonsens. So wie dieser
Blindtext.</p>
</div>


<div id="box"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; width: 223px; left: 699px; top: 396px;">
<h2>Space filler 2</h2>
<p>Here is a <b>Box</b>.<br>
Use it for hatever you want!</p>
<a href="#">...more?</a><br>
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.
<h2>Spek-en-bonen</h2>
Deze tekst is voor spek-en-bonen, is nep, malafide, onecht,
artificiëel, geïmiteerd, illusionair, suggestief,
kunstmatig, misleidend, een prothese. Er wordt geen open kaart
gespeeld, er wordt gesjoemeld, gerfraudeerd, gerotzooid,
gefalcificeerd. Dit is een enorme dekmantel, een doofpot, een zaak die
het daglicht niet verdragen kan. U wordt bij de neus genomen, gefopt,
om de tuin geleid, zand in de ogen gestrooid, in het ootje genomen,
voor de gek gehouden, er wordt een loopje met u genomen, u wordt
gepiepeld, opgelicht, dom gehouden, belazerd, bedonderd, bedrogen,
voorgelogen, in het ongewisse gelaten. En u vindt het nog lekker ook.
<h2>Vhee-Zeich-Niss</h2>
Als eines Tages im Internet neben allen Highway-Junkies auch alle
Chinesen vernetzt waren, kam Pab Li Shing aus Win Link Shou auf die
Idee, dem Chaos ein Ende zu bereiten und für immer steinreich
zu werden. Da er wie alle Kreativen nichts für sich behalten
konnte, teilte er seine vermeintliche Erleuchtung sogleich seinem
Meister On Lein Lin mit: "Stellen Sie sich vor, verehrter Meister, dass
ich eine CD-ROM auf den Markt werfen werde, die alle CD-ROMs
verzeichnet, die CD-ROMs verzeichnen. Des weiteren werde ich eine
CD-ROM anbieten, auf der alle CD-ROMs verzeichnet sind, die keine
CD-ROMs verzeichnen. Das wäre doch für die Welt und
für mich ein übersichtlicher Gewinn." Der Meister
antwortete ihm noch am selben Tage: "Listenreicher Pab Li Shing, Dein
Vorhaben ehrt Dich und wird Dir und Deinen Nachkommen grosse
Reichtümer bescheren. Allein für mich würden
Deine Dienste nicht von Nutzen sein, da die entscheidende Frage
unbeantwortet im Cyberspace stehenbleibt: Welche der beiden CD-ROMs
wird die CD-ROM verzeichnen, die alle CD-ROMs verzeichnet, die keine
CD-ROMs verzeichnen? Auf der CD-ROM, die alle CD-ROMs verzeichnet, die
CD-ROMs verzeichnen, kann und darf sie ja nicht verzeichnet sein.
Umgekehrt gehört die CD-ROM, die alle CD-ROMs verzeichnet, die
keine CD-ROMs verzeichnen, nicht auf die CD-ROM, die alle CD-ROMs
verzeichnet, die keine CD-ROMs verzeichnen. So verbleibe ich denn in
Erwartung Deiner schlauen Antwort, gezeichnet On Lein Lin, im Jahre des
Updates."<br>
<br>
</div>
<div id="box2"
 style="position: absolute; overflow: auto; z-index: 3; text-align: left; width: 223px; left: 699px; top: 0px; height: 339px;">
<h2>Space filler</h2>
<p>Here is a <b>Box</b>.<br>
Use it for hatever you want!</p>
<a href="#">...more?</a><br>
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.
<h2>Friends/ Affis ...</h2>
<a href="#"> ♥</a>
<a href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><a href="#">
♥</a><a href="#"> ♥</a><a
 href="#"> ♥</a><br>
<br>
<br>
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? </div>


<div id="titel"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; top: 345px; height: 45px; left: 12px; width: 326px;">
<p>Your Titel</p>
</div>
<div id="motto"
 style="position: absolute; overflow: visible; z-index: 3; text-align: left; left: 3px; width: 165px; top: 255px; height: 71px;">
<p>Write you're Motto<br>
[Don't worry, be happy!]<br>
Or whatever -.-</p>
</div>


<div id="navi"
 style="position: absolute; z-index: 3; text-align: center; height: 35px; top: 403px; left: 174px; width: 504px;"><a
 href="#">Home</a><a href="#">about</a><a
 href="#">contact</a><a href="#">links</a>
<a href="#">guestbook</a>
</div>


<div id="navi3"
 style="position: absolute; z-index: 3; text-align: left; height: 43px; top: 398px; left: 2px; width: 122px;">©
by ZeBiii<br>
<br>
<a href="http://zebiii.createblog.com/">Designer</a><br>
<br>
<a href="http://www.outgrow.hk.ms">Website</a><br>
<br>
<a href="http://www.deviantart.com/">Materials</a>
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 16 comments

Using :) I love it! It reminds me kinda of Katy Perry XD

By HollywoodHearts on Jul 15, 2009 4:38 pm

this looks incredible! everything is flawless and the image is wonderful. You did an amazing job! :D

By Mikeplyts on Jun 23, 2009 12:32 pm

Sick layout...though all the extra boxes not needed its very nice

By pooja12345677 on May 8, 2009 12:40 am

nice coloring

By impurities on Apr 18, 2009 6:46 pm

i lovee it!

By hoerambsX3 on May 14, 2008 2:54 pm

LOVVVVVVVVVE iT
yOU SHOULD MAKE A MySPACE VERSiON

By malicious1 on Mar 21, 2008 1:33 am

this is really great web layouts^_^
im gonna use it!i love it!!!

xxx

By Divafun on Feb 7, 2008 1:42 pm

I used this layout on my site www.lastnight247.com. I made a few tweaks like removed some borders and added an overflow on the content area, this is a great layout, I did leave all the credit links but removed the alt description on the image itself...any chance you have a matching myspace layout? If not can I get an OK to design one myself??

By ladyjae23 on Jan 27, 2008 11:30 pm

very nice love the layout

By dee72 on Jan 18, 2008 2:55 pm

Looks unique, which is good. Colors look nice together. Although the image quality looks just a tad low.

By markmejia on Jan 15, 2008 6:03 am

View all »

Layout Details

Designer	ZeBiii
Submitted on	Jan 14, 2008
Page views	12,518
Favorites	107
Comments	16
Reviewer	digitalfragrance
Approved on	Jan 14, 2008

:: THE TRENDWHORE ::

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates