ich hab das mal zusammen gebastelt, hoffe du brauchst es noch
CSS-Code
ohne Style Tags:
Code:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav{display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title{display: none;}
#content{display: none;}
/*..:::Coded by freewebresources:::..
Das © darf nicht entfernt werden!!!*/
/*Body*/
body {
background-color:#000000;
}
/*Schriftformatierungen*/
h1{
color: #9200c2;
}
h2 {
color: #333333;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}
h4 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
}
p {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}
p.small {
font-size:10px;
}
/*Links*/
a {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}
a.hover {
background-color:#000000
}
/*Gerüst*/
#container {
algin: center;
height: 704px;
width: 1024px;
padding-top:inherit;
padding-right:inherit;
padding-left:inherit;
padding-bottom:inherit;
margin-left: 5%;
}
#header {
float: top;
background-image:url(http://img3.imagebanana.com/img/vdf2xjcd/Unbenannt5_03.gif);
height: 185px;
width: 722px;
margin-left: 161px;
}
#left {
float: left;
background-image:url(http://img3.imagebanana.com/img/zvcfnrn3/Unbenannt5_02.gif);
width: 161px;
height: 704px;
}
#right {
float: right;
background-image:url(http://img3.imagebanana.com/img/qwqlmhmd/Unbenannt5_04.gif);
width: 141px;
height: 704px;
}
#content1 {
background-image:url(http://img3.imagebanana.com/img/ndvywb9/Unbenannt5_12.gif);
margin-left: 161px;
height: 425px;
width: auto;
padding-left: 15px;
padding-top: 20px;
algin: left;
}
#navigation {
height: 54px;
width: 722px;
background-color:#00FF00;
margin-left: 161px;
}
#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
width:auto;
overflow: hidden;
height: 54px;
font-weight: bold;
text-align: center;
background-color: #000000;
}
#menue .aussen:hover {
height: auto;
background-color: #000000;
}
/*home*/
a.home-1 {
margin-top: 2px;
}
a.home,
a.home-1 {
display: block;
padding: 2px 0;
width: 125px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.home,
a:visited.home-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.home,
a:hover.home-1 {
background-color: #101010;
color: #999999;
}
/*GFX*/
a.gfx-1 {
margin-top: 2px;
}
a.gfx,
a.gfx-1 {
display: block;
padding: 2px 0;
width: 94px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.gfx,
a:visited.gfx-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.gfx,
a:hover.gfx-1 {
background-color: #101010;
color: #999999;
}
/*Extras*/
a.extra-1 {
margin-top: 2px;
}
a.extra,
a.extra-1 {
display: block;
padding: 2px 0;
width: 88px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.extra,
a:visited.extra-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.extra,
a:hover.extra-1 {
background-color: #101010;
color: #999999;
}
/*Partner*/
a.partner-1 {
margin-top: 2px;
}
a.partner,
a.partner-1 {
display: block;
padding: 2px 0;
width: 94px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.partner,
a:visited.partner-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.partner,
a:hover.partner-1 {
background-color: #101010;
color: #999999;
}
/*Team*/
a.team-1 {
margin-top: 2px;
}
a.team,
a.team-1 {
display: block;
padding: 2px 0;
width: 88px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.team,
a:visited.team-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.team,
a:hover.team-1 {
background-color: #101010;
color: #999999;
}
/*Download*/
a.download-1 {
margin-top: 2px;
}
a.download,
a.download-1 {
display: block;
padding: 2px 0;
width: 100px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.download,
a:visited.download-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.download,
a:hover.download-1 {
background-color: #101010;
color: #999999;
}
/*Gästebuch*/
a.gaestebuch-1 {
margin-top: 2px;
}
a.gaestebuch,
a.gaestebuch-1 {
display: block;
padding: 2px 0;
width: 133px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #761a80;
background-color: #090909;
color: #999999;
margin-left
z-index: 400;
font-family:Arial, Helvetica, sans-serif;
}
a:visited.gaestebuch,
a:visited.gaestebuch-1 {
background-color: #333333;
color:#CCCCCC;
}
a:hover.gaestebuch,
a:hover.gaestebuch-1 {
background-color: #101010;
color: #999999;
}
.menutag {
display: block;
cursor: default;
}
/*Boxen*/
div.box {
width:180px;
background-color:#161616;
float:right;
}
div.boxhead {
background-image:url(http://img3.imagebanana.com/img/be4a0tg2/boxhead.gif);
background-repeat:no-repeat;
height:31px;
width:180px;
float: top;
padding-top: 5px;
padding-left: 30px;
font-size:14px;
font-family:"Courier New", Courier, monospace;
color:#990099
}
/*Coded by freewebresources*/
bei Eigene Seite editieren im Quellcode:
Code: <div id="container">
<div id="left"> </div>
<div id="right"> </div>
<div id="header"> </div>
<div id="navigation">
<div id="menuebox">
<div id="menue">
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/sk5dmre4/Unbenannt5_05.gif" alt="" /></span> <a href="#" class="home-1">Link1</a> <a href="#" class="home">Link2</a> <a href="#" class="home">Link3</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/uag58ctu/Unbenannt5_06.gif" alt="" /></span> <a href="#" class="gfx-1">Link1</a> <a href="#" class="gfx">Link2</a> <a href="#" class="gfx">Link3</a> <a href="#" class="gfx">Link4</a> <a href="#" class="gfx">Link5</a> <a href="#" class="gfx">Link6</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/fqq10c6w/Unbenannt5_07.gif" alt="" /></span> <a href="#" class="extra-1">Link1</a> <a href="#" class="extra">Link2</a> <a href="#" class="extra">Link3</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/bwim63oc/Unbenannt5_08.gif" alt="" /></span> <a href="#" class="partner-1">Link1</a> <a href="#" class="partner">Link2</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/kkr9zkt/Unbenannt5_09.gif" alt="" /></span> <a href="#" class="team-1">Link1</a> <a href="#" class="team">Link2</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/8rv177hf/Unbenannt5_10.gif" alt="" /></span> <a href="#" class="download-1">Link1</a> <a href="#" class="download">Link2</a></div>
</div>
<div class="aussen">
<div align="center"><span class="menutag"><img src="http://img3.imagebanana.com/img/v0kwwlm4/Unbenannt5_11.gif" alt="" /></span> <a href="#" class="gaestebuch-1">Link1</a> <a href="#" class="gaestebuch">Link2</a></div>
</div>
</div>
<div align="center">
<!-- menue -->
</div>
</div>
</div>
<div id="content1">
<div class="box">
<div class="boxhead">
<div align="center">rechte Box</div>
</div>
<p align="center">
<div align="center">
<table width="0" height="144" border="0">
<tbody>
<tr>
<td width="163" valign="top" height="140" align="center">
<p>Hallo, ich bin eine rechte Box...</p>
<p>ich bin ein kleines feature...</p>
<p> </p> </td>
</tr>
</tbody>
</table>
</p>
</div>
<p align="center"> </p>
</div>
<h1 align="center">Überschrift1</h1>
<h2>Überschrift2</h2>
<h3>Überschrift3</h3>
<h4>Überschrift4</h4>
<p>Dein Text</p>
<p class="small">kleiner Text</p>
<div><a href="#">Link</a></div>
</div>
</div>
<div>
<!--Codet by freewebresources
xxX RIP = R.I.P Xxx-->
du solltest sicherheitshalber die bilder nochmal hochladen über homepagebaukasten......
um das mit der musik,die weiterläuft, umzusetzen müsstest du die ganze seite in einen iframe machen und auserhalb des iframes die musik setzen...
Zuletzt bearbeitet von freewebresources am 16.07.2009, 20:37, insgesamt 3-mal bearbeitet
|