[quote=Text über dem Design]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Performers Page </title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Performers Page</a></h1>
<p>featured by <a href="http://www.youtube.com/dani5ooo/">Dani5ooo </a></p>
</div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="http://performa.de.tl/">Home</a></li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Dani's Ecke</a></li>
</ul>
</div>
</div>
</div>
<!-- end #header -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="content">
<div class="post">
<h2 class="title"><a href="#">Wilkommen auf meiner Seite
</a></h2>
<div class="entry">
<p>Willkommen bei <strong>meiner Hompage</strong>,Meine Seite ist nicht gross. Aber bietet alles über mich. Lange hab ich dafür gebracht. Also unstützt mich. Unter Videos findet ihr meine Videos. Unter Impressum meine Daten und unter "Danis Ecke" Das zeug von Dani5oo <p>
<p>Falls ihr fragen hab könnt ihr euch melden</p>
</div>
<div class="byline">
<p class="meta">26. März 2011 von <a href="#">Performer</a></p>
<p class="links"><a href="www.youtube.com/performertelevsion">Mein Channel auf Youtube</a> | <a href="#" title="b0x w">Impressum</a></p>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<div id="search" >
<form method="get" action="#"> <T/div>
<div>
<div>
</div>
</form>
</div>
<div style="clear: both;"> </div>
</li>
<li>
<h2>News</h2>
<br>
<br>
<p>Ist noch in Arbeit....</p>
</li>
<li>
<h2>Links</h2>
<ul>
<li><a href="http://www.youtube.com/performertelevsion">Mein Youtube Channel</a></li>
<li><a href="http://www.twitter.com/performer2009ak">Twitter</a></li>
<li><a href="http://www.youtube.com/dani5ooo">Dani's Youtube Channel</a></li>
<li><a href="http://www.facebook.com/update_security_info.php?wizard=1#!/profile.php?id=100001091184005">Facebook</a></li>
<li><a href="http://www.wer-kennt-wen.de/person/r2ea06zh">Wer-kennt-wen</a></li>
</ul>
</li>
<li>
<h2>Blogs</h2>
<ul>
<li><a href="#">Noch kein Blog vorhanden</a></li>
</ul>
</li>
<li>
< </ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2011 Performa.de.tl und Dani <a href="http://www.youtube.com/dani5ooo">5ooo</a>.</p>
</div>
</div>
<!-- end #footer -->
</body>
</html>
[/quote]
[quote=CSS Style one Tags]
body {
margin: 0;
padding: 0;
background: #202020;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6F6F6F;
}
h1, h2, h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #2B2522;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 2.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a {
text-decoration: underline;
color: #D93544;
}
a:hover {
text-decoration: none;
}
#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0;
background: #000000;
}
/* Header */
#header-wrapper {
height: 120px;
}
#header {
width: 1000px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
/* Logo */
#logo {
float: left;
width: 350px;
margin: 0;
padding: 0;
color: #000000;
}
#logo h1, #logo p {
}
#logo h1 {
margin-left: 30px;
padding: 20px 0px 0px 0px;
letter-spacing: -1px;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 3.8em;
font-weight: normal;
color: #FA9F0A;
}
#logo h1 a {
color: #FA9F0A;
}
#logo h1 span {
}
#logo p {
margin: 0;
padding: 0px 0 0 32px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #BEBEBE;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #707070;
}
/* Search */
#search {
float: right;
width: 280px;
height: 60px;
padding: 20px 0px 0px 0px;
}
#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 0px;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search-text {
width: 170px;
height: 19px;
padding: 4px 5px 1px 5px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}
#search-submit {
width: 50px;
height: 26px;
border: none;
background: #D93544;
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
height: 125px;
margin: 0 auto;
padding: 0;
background: #D43442;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
border-left: 1px solid #EC4E63;
}
#menu a {
display: block;
height: 80px;
padding: 45px 25px 0px 25px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: normal;
color: #FFFFFF;
border: none;
}
#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}
#menu .current_page_item a {
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#page-bgtop {
padding: 20px 0px;
}
/* Content */
#content {
float: left;
width: 600px;
padding: 40px 0px 0px 20px;
}
.post {
margin-bottom: 30px;
padding: 30px 20px 20px 20px;
background: #212121;
border: 1px dashed #000000;
}
.post .title {
height: 41px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
}
.post .title a {
text-decoration: none;
color: #FFFFFF;
border: none;
}
.post .entry {
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}
.post .byline {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}
.post .meta {
float: left;
}
.post .links {
float: right;
}
.links a {
}
/* Sidebar */
#sidebar {
float: right;
width: 300px;
margin: 0px;
padding: 20px 20px 0px 0px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}
#sidebar li li {
line-height: 35px;
border-bottom: 1px dashed #191919;
background: url(http://img6.imagebanana.com/img/aeep0xrr/img01.jpg) no-repeat left 15px;
margin: 0px 20px 0px 20px;
border-left: none;
text-align: left;
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar li li a {
padding: 0px 0px 0px 15px;
}
#sidebar h2 {
height: 31px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 20px;
background: url(images/img03.jpg) no-repeat left top;
text-shadow: #203060 -1px 1px 2px;
text-align: left;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 2em;
color: #FFFFFF;
}
#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: #847F7E;
}
#sidebar a {
border: none;
color: #847F7E;
}
#sidebar a:hover {
text-decoration: underline;
color: #847F7E;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
width: 980px;
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}
#footer p {
margin: 0;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #847F7E;
}
#footer a {
color: #847F7E;
}[/quote]
</a></h2>
