Hi also ich habe gecodet
mehr oder weniger !?
Und naja irgendwie bekomm ich das mit den content nicht richtig hin :S
Ich wollt fragen ob wir da jemand helfen könnte??
gecodet hab ich es bis jetzt so:
Text über dem Desgin
Code:
<html>
<head>
<title>||..The Vampire Knight..||</title>
<style type="text/css">
</style>
<body style="background-image: url('http://i214.photobucket.com/albums/cc216/Shikke/bg-131.png')" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="position: absolute; left: 0px; top: 0px;">
<img src="http://i214.photobucket.com/albums/cc216/Shikke/header-138.png" border="0" alt="">
</head>
<body>
<!--Navigation 1-->
<div class="navigation" style="position: absolute; width: 185px; left: 4px; top:500px;">
<h1>Header</h1>
<a href="index.htm">Home</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<!--Navigation1 Ende-->
</div>
<!--Navigation 2-->
<div class="navigation" style="position: absolute; width: 185px; left: 813px; top:500px;">
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Header</h1>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<a href="link.htm">Link</a>
<h1>Credits</h1>
<a href="mailto:kh-gfx@web.de">by:Mizuno</a>
<a href="http://kh-grafixx.de" target="_blank">©KH Grafixx</a>
<!--Navigation2 Ende-->
</div>
<!--Affiliates-->
<div class="content" style="width: 221px; height: 144px; position:absolute; left:246; top:480; z-index:3">
Affis hier!
</div>
<!---Affiliates Ende-->
<!--Shoutbox-->
<div class="content" style="width: 222px; height: 159px; position:absolute; left:537; top:465; z-index:3">
Shoutbox hier 222x159
</div>
<!---Shoutbox Ende-->
</head>
</body>
</html>
Code:
Body { FONT-SIZE: 10px;
font-family: verdana;
color: #ffffff;
text-align: left;
background:#878787;
background-repeat: repeat-y;
scrollbar-DarkShadow-Color:#acacac;
scrollbar-Track-Color:#76161a;
scrollbar-Face-Color:#acacac;
scrollbar-Shadow-Color:#76161a;
scrollbar-Highlight-Color:#acacac;
scrollbar-3dLight-Color:#76161a;
scrollbar-Arrow-Color:#76161a; }
.navigation a
{
color: #630b0d;
text-decoration: none;
display: block;
margin-top: 0;
margin-bottom: 0;
text-align: center;
padding-left: 10;
height: 13pt;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0;
text-transform: lowercase;
border-bottom: #ffffff 1px dotted;
}
.navigation a:hover
{
padding-left: 10;
color: #ffffff;
letter-spacing: 3;
background-color:#878787;
text-align: right;
text-transform: lowercase;
font-size: 12px;
font-style: italic;
border-left: #8d1f21 10px solid;
}
.navigation h1 {
font-size: 17px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
color: #ffffff;
background-color: #6c0204;
letter-spacing: -1px;
margin: 1px;
border-left: #615f5f 15px solid;
text-align: center;
text-transform: lowercase;}
b, strong
{ color: #941c24; letter-spacing: 2px }
i, em
{ color: #f1cdca; font-family: arial; font-style: italic; }
u
{ color: #242424; border-bottom: #f4a691 1px dashed;}
.content a:link {
color:#8d1f21;
text-decoration:none;
text-align: center;
font-weight: bold;
}
.content a:visited { color:#8d1f21;
text-decoration:none;
text-align: center;
font-weight: bold;
}
.content a:active { color: #8d1f21; font: 8pt;
text-decoration:none;
text-align: center;
font-weight: bold;
}
.content a:hover { color: #cd474f;
text-decoration:none;
font-style: Italic;
text-align: center;
}
p, td, body, font, hr{color:#ffffff ;font:8pt Verdana;}
.content
{
font-size: 11px;
font-family: Verdana;
color: #ffffff;
Text-align: center;
}
.content h1 {
font-size: 19px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
color: #ffffff;
letter-spacing: -1px;
margin: 1px;
border-bottom: #8d1f21 2px dashed;
text-align: center;
text-transform: lowercase;
}
.navigation
{
font-size: 11px;
font-family: Verdana;
color: #a15f01;
text-align: center;
}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#counter{display: none;}