Ich will in meiner HP ein Header haben, und gerad komm ich nicht weiter habe alles mögliche gemacht hoff ihr könnt mir den einbauen.
Hier die Sachen:
TEXT über dem Design:
HTML Code:
<div id="design"> <div id="header"> <h1 class="hptitle">Bazs-Production</h1> <h2 class="slogan">Rappenlernen leicht gemacht!.</h2> </div> <div id="main"> <div id="menu"> <div id="menu_items"> <a href="http://bazs-production.de.tl/Home.htm">» Startseite</a> <a href="http://bazs-production.de.tl/2011-Rap-Tutorials.htm">» 2011 Rap Tutorials</a> <a href="http://bazs-production.de.tl/Kontakt.htm">» Kontaktformular</a> <a href="http://bazs-production.de.tl/Forum/index.htm">» Forum</a> <a href="http://bazs-production.de.tl/Login.htm">» Login</a> </div></div> <div id="box"> <div id="btop"></div> <div id="bbg"> <h1>Navigation</h1> <h2>Bitte wählen</h2> <br /> <div id="box_items"> <a href="http://bazs-production.de.tl/Home.htm">» Startseite</a> <a href="http://bazs-production.de.tl/2011-Rap-Tutorials.htm">» 2011 Rap Tutorials</a> <a href="http://bazs-production.de.tl/Kontakt.htm">» Kontaktformular</a> <a href="http://bazs-production.de.tl/Forum/index.htm">» Forum</a> <a href="http://bazs-production.de.tl/Login.htm">» Login</a> </div> <br /> <h1>Neuigkeiten</h1> <h2>Aktuelles</h2> <p>Homepage endlich Online !!!!!</p> <br /> <h1>Partner</h1> <h2>von Homepage</h2> <br /> <div id="box_items"> <a href="#">» Partner 1</a> <a href="#">» Partner 2</a> <a href="#">» Partner 3</a> <a href="#">» Partner 4</a> <a href="http://bazs-production.de.tl/Bewirb-dich-ar--ar-.htm">» Bewirb dich!!</a> </div> <br /> </div> <div id="bbottom"></div> </div> <div id="ctop"></div> <div id="subpage"><h1>Bazs-Production</h1></div>
CSS-Code ohne Tags:
HTML Code:
/*Redstar Black - Copyright by www.Poddi.de.tl*/
/*VERSTECKT*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}
/*VERSTECKT ENDE*/
/*HINTERGRUND*/
body{
background: #000;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNG*/
*{padding: 0;margin: 0;}
p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #dc0000;
}
h2{
margin: 0px;
font-size: 100%;
color: #000000;
}
a{
color: #a9ac99;
text-decoration: none;
outline: none;
}
a:hover{
color: #dc0000;
text-decoration: underline;
}
ul, li{
list-style-type: square;
}
hr{
height: 1px;
border: 0px dashed #ced2ba;
background-color: #ced2ba;
margin: 5px;
}
img{
border: 0px;
}
/*FORMATIERUNG ENDE*/
/*DESIGNCONTAINER*/
#design{
width: 900px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;
}
#main{
width: 900px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
background-repeat: repeat-y;
float: left;
clear.both;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
h1.hptitle{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 70px; margin-left: 180px;
color: #fff;
}
h2.slogan{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;
}
#header{
background-image: url(http://img.webme.com/pic/p/poddi-designs/7_header.png);
background-repeat: no-repeat;
width: 900px;
height: 159px;
color: #ffffff;
margin: 0px auto;
float: left;
clear:both;
margin-top: 0px;
}
/*HEADER ENDE*/
/*BOX*/
#box{
width: 200px;
color: #000;
float: left;
margin-left: 10px;
}
#btop{
width: 200px;
height: 25px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
color: #000;
float: left;
}
#bbg{
width: 180px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
color: #000;
float: left;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#bbottom{
width: 200px;
height: 5px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
color: #000;
float: left;
}
#box_items a:link,
#box_items a:visited,
#box_items a:hover {
font-weight: bold;
width: 159px;
height: 16px;
color:#a9ac99;
display:block;
padding: 3px;
border-bottom: 1px solid #ced2ba;
}
#box_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*BOX ENDE*/
/*INHALTSBEREICH*/
#subpage{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#ctop{
width: 668px;
height: 25px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
margin-right: 10px;
}
#content{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#cbottom{
width: 668px;
height: 5px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
margin-right: 10px;
}
/*INHALTSBEREICH ENDE*/
/*MENU*/
#menu {
width: 858px;
height: 27px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
margin: 10px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
color: #000;
}
#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-weight: bold;
height: 16px;
color:#a9ac99;
display:block;
float: left;
border-right: 1px solid #bdbdbd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
}
#menu_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*MENU ENDE*/
/*FOOTER*/
#footer{
width: 900px;
min-height: 11px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
color: #fff;
margin-bottom: 20px;
padding-top: 20px;
text-align: right;
float: left;
clear: both;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover{
color: #dc0000;
text-decoration: underline;
}
/*FOOTER ENDE*/
/*WEITERES*/
input{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
textarea{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
input[type=submit]{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
cursor: pointer;
}
/*WEITERES ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/
und hier kommt das Logo was rein soll:
HTML for Websites
HTML Code:
<a href="http://tinypic.com*******25ezgo9" target="_blank"><img src="http://i44.tinypic.com/25ezgo9.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
HTML Code:
[IMG]http://i44.tinypic.com/25ezgo9.jpg[/IMG]
Direct Link for Layouts
Ich weiß jetzt nicht was ihr brauchen tut, von daher habe ich alles gepostet
