hpbk-center

Nowcolor

Nowcolor

Header-roh:




Footer-roh:

-


Design-Code:

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


  <div id="design">
<div id="oben"></div>
<div id="logo"></div> 
<div id="header">

<div id="navigation">

<a href="/Home.htm" class="home"> id="navi">home</a>


<a href="/about-us.htm" class="about"> id="navi">about</a>

<a href="/services.htm" class="services"> id="navi">services</a>

<a href="/products.htm" class="products"> id="navi">products</a>

<a href="/kontakt.htm"  class="kontakt">id="navi">kontakt</a>

<a href="/designs.htm" class="designs"> id="navi">designs</a>


<img src="https://img.webme.com/pic/c/chafo/durch.gif"height:30; 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>

 
 
 

 
<style type="text/css">
<!--
table.rb_box3{position:absolute;left: 50%;margin-left:-412px;top:330px;}
-->
</style>
 

 
<table class="rb_box3" width="833" height="30" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(https://img.webme.com/pic/c/chafo-design05/box2.jpg);padding:20px;padding-top:25px;" background="transparent" class="shouty">
<center>
</span></a></center>
<td>
</tr>
</table>

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

 

 

CSS-Code ohne 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-design05/hintergrund.png) #095E8E 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-design05/main.png);
background-repeat: repeat-y;
width: 844px;
color: #3b3b3b;
padding-left: 30px;
float: left;
margin-top: -10px;}
 
 
 
 
 
 
a{outline: none;}
 
 

 
#content{
width: 730px;
float: left;
background: transparent;
text-align: justify;
margin-bottom: 40px;
padding-bottom: 10px;
margin-top: -28px;}
 
#counter{display:none;}
 
body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .69em;
}

#oben{
background-image: url(https://img.webme.com/pic/c/chafo-design05/oben.png);
background-repeat: no-repeat;
width: 844px;
height: 50px;
padding-left: 30px;

float: left;
margin-top: 0px;

#logo{
background-image: url(https://img.webme.com/pic/c/chafo-design05/6-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-design05/abcdefgh.png);
background-repeat: no-repeat;
width: 843px;
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-design05/unten.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;
 
}
     
 #navigation {
margin:auto;
width : 832px;
clear : both;
color:#FFFFF;
front-size:14px;
height : 41px;
align:center;
float: center;
background-image : none;
}
 
#navigation a {
height: 41px;
font-size: 0px;
float: left;
}
 
img {
border : 0;

}
 
.home {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt01.gif);
display : block;
width : 130px;
}
.home:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt01.gif);
}
.about {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt02.gif);
display : block;
width : 120px;
padding-left:10px;
background-repeat:no-repeat;
}
.about:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt02.gif);
}
.services {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt03.gif);
display : block;
width : 120px;
}
.services:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt03.gif);
}
 
.products {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt04.gif);
display : block;
width : 130px;
}
.products:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt04.gif);
}
.kontakt {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt05.gif);
display : block;
width : 120px;
padding-left:10px;
background-repeat:no-repeat;
}
.kontakt:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt05.gif);
}
.designs {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt06.gif);
display : block;
width : 130px;
}
.designs:hover {
background-image : url(https://img.webme.com/pic/c/chafo-design05/butt06.gif);
}


</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