Paradise Kiss

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>TITLE</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">

body { background:url(http://cbimg6.com/layouts/08/08/30627ab.png);
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	color: #696969;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
}
h2 {
font-family: Verdana;
color: #f16c98;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url(http://cbimg6.com/layouts/08/08/30627ab.png);
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 0px;
border-bottom: 1px #dc1557 dotted;
border-left: 0px #f16c98 solid;
}
h4 {
font-family: Verdana;
color: #f16c98;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url(http://cbimg6.com/layouts/08/08/30627ab.png);
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 0px;
border-bottom: 1px #dc1557 dotted;
border-left: 3px #f16c98 solid;
}
h1 {
font-family: Verdana;
color: #ed84af;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url();
background-repeat: no-repeat;
background-color: #ffcfde;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 3px;
border-bottom: 1px #ed84af dotted;
border-left: 3px #ed84af solid;
}
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;
background-color: #f3f3f3;
color: #cd1a55;
font-style: normal;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
}
#navi a:hover, #navi a:focus {
color:#765183;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #e5cff0 url();
border-left: 3px solid #9f78ad;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited {
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;
color: #cd1a55;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/08/08/30627ac.png);
background-repeat: no-repeat;
background-position: bottom right;
padding: 0px 0px 2px 2px;
border-left: 3px solid #f16c98;
}
#navi2 a:hover, #navi2 a:focus {
color:#9f78ad;
cursor: default;
text-align: right;
text-decoration: none;
font-style: none;
padding-right: 3px;
background: #e5cff0;
background-image: url(http://cbimg6.com/layouts/08/08/30627ac.png);
background-repeat: no-repeat;
background-position: bottom right;
border-left: 3px solid #9f78ad;
}
#title {
wridth: 100%;
right: 253px;
top: 25px;
background-color: transpaent;
float: right;
font-family: georgina;
font-size: 23px;
line-height: 13px;
font-style: normal;
color: #ee7fab;
text-align: right;
position: absolute;
}
#content {
width: 360px;
background-color: #ededed;
background-image: url(http://cbimg6.com/layouts/08/08/30627ac.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
line-height:16px;
flost: right;
text-align: right;
border-top: 1px #ed84af dotted;
border-left: 3px #ed84af solid;
padding: 0px 2px 0px 2px;
color: #8f8f8f;
}
#sidebar {
width: 180px;
background-color: transparent;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #9d9d9d;
}
#sidebar2 {
width: 180px;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/08/08/30627ac.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
border-left: #f16c98 3px solid;
padding: 0px 0px 0px 0px;
color: #797a7b;
}
#sidebar2 a, #sidebar2 a:link, #sidebar2 a:active, #sidebar2 a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #846298;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#e865a0;
cursor: default;
background-color: #ffe6f1;
text-decoration: none;
font-style: none;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #846298;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#e865a0;
cursor: default;
background-color: #ffe6f1;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffd3e1;
color:#e01555;
}
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 { color: #e56d9e; font-weight: bold; }

m { font-family: arial;
font-size: 10px;
line-height: 11px;
background:#d8c6e2;
color:#c84f81;
padding: 0px 2px 0px 2px;
}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b25a76;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #b25a76;
text-decoration: none;
border-bottom: 1px solid #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #8d539a;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #d6d6d6;
border-bottom: 3px solid #d74e80;
}
blockquote:before {
font-family: georgia;
color: #d74e80;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header2 {
width: 743px;
height: 600px;
float: right;
background: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay2/header-2.png) no-repeat top right;
}
  </style>
</head>
<body leftmargin="0" topmargin="0"
 style="background-image: url(http://i539.photobucket.com/albums/ff359/technicolor-rainbow/lay2/linha-2.gif); background-position: top right; background-repeat: repeat-y;">

<div id="header2">
</div>

<div id="title"><img src="http://cbimg6.com/layouts/08/08/30627aa.png" style="margin-bottom: -10px;">!TITLE HERE!</div>

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content coisas ~.~
please, don't remove the cretidts :B

<p>

<blockquote><b>Bold</b> : <i>Italic</i>
:  <m>Mark</m> : <s>Stroke</s>
: <u>Underline</u></blockquote>
<p></p>

</div>

<div style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 180px; right: 380px; top: 485px; height: 163px;"><div id="sidebar" style="position: absolute; overflow: visible; z-index: 4; text-align: left; width: 180px;">

<div style="text-align: left; width: 180px; right: 380px; padding-bottom: 0px;">
<div id="sidebar2">
<h2>Me</h2>
blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla
</div>
<p>
<div id="sidebar2">
<h2>Links</h2>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
* <a href="">Link</a><bR>
</div>
<p>
<div id="sidebar2">
<h2>Credits</h2>
Layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a><p></div>
</div>

</div>
</body>
</html>

Layout Comments

Showing latest 10 of 20 comments

background and header images are gone

By AngelsBaby on Nov 13, 2009 11:41 am

You are extremely talented.
I think I may use this for my website,
just to get it up and running :)

Hopefully I can be as good as you are with some practice.
Keep up the excellent work.

By IzzyGrace on Jan 25, 2009 8:09 pm