hpbk-center

Differnatur

Differnatur
Header-roh:




Footer-roh:






Design-Code:

Text über dem Design;..........................................................................

<div id="design">
<div id="logo"><a href="/home.htm"></a></div> 
<div id="header">

<div id="navigation">
<a href="/Home.htm" id="navi">  home </a>
</li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Designs.htm" id="navi">Designs (<b>!</b>)</a></li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Bestellen.htm" id="navi">Bestellen</a></li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Topliste.htm" id="navi">Topliste</a></li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Award.htm" id="navi">Award</a></li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Impressum.htm" id="navi">  Impressum </a>
</li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/infos.htm" id="navi">  infos </a>
</li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Designcheck.htm" id="navi">Check</a></li><img src="https://img.webme.com/pic/c/chafo-design04/trenn_mitte2.jpg" style="float: left; display:inline;"><li class="activ3">
<a href="/Sonstiges.htm" id="navi">weiteres</a>
 
 
<img src="https://img.webme.com/pic/c/chafo-design04/left-navi.png"height:18; style="float: left;"></div></div>
<div id="main">
 
 
<div id="container">
   <div id="header_container">
    <div id="pre_header"></div>
    <div class="header"><h1 id="header"><span></span></h1></div>
    <div id="post_header"></div>
   </div>
   <div id="nav_container">
   <h2 id="nav_heading"><span></span></h2>
    <ul id="nav">

 
 

 


Text unter dem Design;................................................................................

<div id="sidebar_container">
     <h2 id="sidebar_heading"><span></span></h2>
     <div id="sidebar_content"><br />
</div>
    </div>
   </div>
  </div>
  <div id="post_content"></div>
        <div id="sidebar_container">
     <h2 id="sidebar_heading"><span></span></h2>
     <div id="sidebar_content"></div>
    </div>
   </div>
  <div id="footer"></div>

 
 
 
<script type="text/javascript">
function anzeigen(das) {
 if (document.getElementById(das).style.display=='none') {
  document.getElementById(das).style.display='block';
 }
 else {
  document.getElementById(das).style.display='none';
 }
}
</script>
 
 

© 2010 by dein-name.de.tl - Design by <a target="_blank" href="http://nur-kostenloses.tk">nur-kostenloses.tk</a>

 


CSS-Code ohn Style-Tags;...........................................................................

 

<style type="text/css">
 
 
  
 
/* Copyright by www.nur-kostenloses.tk
Das Copyright im Design darf ohne Einwilligung von nur-kostenloses nicht verändert oder entfernt werden.
Sollte  jemand diese Regel missachten wird dieser dem Homepage-Baukasten Support gemeldet und Löschung der Homepage beantragt.*/
      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;}
 
 
 
 
 
body
{
background:url(https://img.webme.com/pic/c/chafo-design04/bgcha.png) #2A8E00 repeat-x;
font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .69em;
}
 
 
 
#content_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;
    text-align: left;}
 
#bereich_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;
    width: 230px;
    text-align: left;}
 
#design_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 5px;
    width: 175px;
    height: 140px;
    text-align: center;
    margin: 5px;}
 
#design_box:hover{
    background: #e0e0e0;
    border: 1px solid #DDDDDD;
    padding: 5px;
    width: 175px;
    height: 140px;
    margin: 5px;}
 
 
 
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
 
h1
{ font-family: Arial, sans-serif;
letter-spacing: .1em;
font-size: 150%;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
}
 
h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
color: #ffffff;
}
 
 
 
#design{
width: 834px;
margin: 0px auto;
color: #ffffff;
margin-top: 0px;}
 
ul, li{
list-style-type: none;}
 
a{
color: #808080;
text-decoration: none;
outline: none;}
 
a:hover{
color: #FDAB4A;
text-decoration: none;
}
 
hr{
height: 1px;
border: 0px dashed #c0c0c0;
background-color: #c0c0c0;
margin: 5px;}
 
.left
{ float: left;
padding: 0px 8px 8px 0px;
}
 
.right
{ float: right;
padding: 0px 0px 8px 8px;
}
 
.center
{ display: block;
text-align: center;
margin: 0 auto;
}
 
 
#main{
background-image: url(https://img.webme.com/pic/c/chafo-design04/content.png);
background-repeat: repeat-y;
width: 844px;
color: #3b3b3b;
padding-left: 30px;
float: left;
margin-top: -10px;}
 
 
 
 
 
 
a{outline: none;}
 
 
#navigation{
height: 24px;
clear: right;
margin-left: 10px;
background: url(https://img.webme.com/pic/c/chafo-design04/left-navi.png);
background-repeat: no-repeat;
padding-left: 40px;
margin-top: 12px;}
 
 
 
#navi {
display: block;
height: 18px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
text-decoration: none;
font-weight: none;
color: #000000;
background: url(https://img.webme.com/pic/c/chafo-design04/mitte.png);
text-transform: uppercase;
float: left;}
 
#navi:hover {
color: #000000;
background: url(https://img.webme.com/pic/c/chafo-design04/hover.png);
background-repeat: repeat-x;}
 
#content{
width: 770px;
float: left;
background: transparent;
text-align: justify;
margin-bottom: 40px;
padding-bottom: 10px;
margin-top: -30px;}
 
#counter{display:none;}
 
body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .69em;
}
 
#logo a{
background-image: url(https://img.webme.com/pic/c/chafo-design04/5-header.png);
background-repeat: no-repeat;
width: 844px;
height: 132px;
padding-left: 30px;

float: left;
margin-top: 0px;
}
 
#header{
background-image:url(https://img.webme.com/pic/c/chafo-design04/ulogo1.png);
background-repeat: no-repeat;
width: 844px;
height: 110px;
color: #3b3b3b;
padding-left: 20px;
margin: 10px auto;
float: left;
margin-top: 0px;}
 
 
#footer{
background-image: url(https://img.webme.com/pic/c/chafo-design04/5u-footer.png);
background-repeat: repeat-y;
width: 844px;
height: 33px;
color: #3b3b3b;
padding-left: -30px;
margin-top: 0px;

clear: both;}
 
 
 
 
 

 
 
#sidebar_container{
position: absolute;
left: 50%;
top:340px;
margin-left: -585px;
width: 190px;
height: 400px;
background-color: #xxxxxxx;
background-image: none;
 
border:0px solid #FFFFFF;
color:#000000;
 
}
     
 </style>
<table style="margin: 0px auto; margin-top: -15px;" cellpadding="0" cellspacing="0" ><tr><td>
 
<style type="text/css">
 

 


 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden