webmasterservice

HeroTürkisGrün

CSS-Design "HeroTürkisGrün"








Wichtiger Hinweis:
Grafiken und Header dürfen ausgetauscht werden. Die Copyright-Informationen dürfen weder entfernt noch verändert werden.

Designinhaber: Webmasterservice.de.tl
 
Bewertung dieses Designs:



Schritte:
1.) Einloggen
2.) Design einstellen
3.) CSS-Design auswählen
4.) Die untenstehenden Codes in die richtigen Felder einfügen
5.) Speichern







Inhalt der 1. Extra Box Rechts:

<h2><span style="color: rgb(0, 0, 0);">Partner</h2></span>
<ul>
    <li><a href="#"><span style="color: rgb(0, 0, 0);">Partner 1</span></a></li>
    <li><a href="#"><span style="color: rgb(0, 0, 0);">Partner 2</span></a></li>
    <li><a href="#"><span style="color: rgb(0, 0, 0);">Partner 3</span></a></li>
    <li><a href="#"><span style="color: rgb(0, 0, 0);">Partner 4</span></a></li>
    <li><a href="#"><span style="color: rgb(0, 0, 0);">Partner 5</span></a></li>
</ul>
<h2><span style="color: rgb(0, 0, 0);">Last News</span></h2>
<span style="color: rgb(0, 0, 0);">Entdecken Sie </span><a href="http://www.webmasterservice.de.tl"><span style="color: rgb(0, 0, 0);">Webmasterservice.   <br />
<br />
<br />
</span></a>
<h4><a href="News.htm"><span style="color: rgb(0, 0, 0);">Mehr News</span></a></h4>



Text unter dem Design:

<div id="footer"><span style="color: rgb(0, 0, 0);">Copyright © 2012 by </span><a href="#"><span style="color: rgb(0, 0, 0);">Your Company</span></a><span style="color: rgb(0, 0, 0);"> | Design by </span><a href="http://www.webmasterservice.de.tl"><span style="color: rgb(0, 0, 0);">Webmasterservice.de.tl</span></a></div>



CSS-Code ohne Style Tags:

/* Design made by Webmasterservice.de.tl! Design copyright by Webmasterservice.de.tl! It is illegal and forbidden to use this design without a permission from Webmasterservice.de.tl! */



/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color: #00FFFF;
background-image: none;
font-family: arial;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 962px;
margin: 10px auto;
overflow: hidden;
moz-box-shadow: inset 0 0 15px 5px #DDD;
webkit-box-shadow: inset 0 0 15px 5px #DDDDE5;
box-shadow: inset 0 0 15px 5px #DDD;
border-radius: 40px;
moz-border-radius: 40px;
webkit-border-radius: 40px;
padding: 5px;
padding-left: 20px; }

/* Headerfeld 960 x 120 */
#header_container {
width: 960px;
height: 120px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(https://img.webme.com/pic/d/dayclub-aufbau/headerhero.png);
border: 1px solid #c9c9c9; }

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 960px;
height: 40px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: none;
border: 1px solid #c9c9c9; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }

/* Navi-Buttons */
li.nav_element {
width: 120px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #c9c9c9;
background-color: #FFFFFF;
background-image: none; }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #00FFFF; }

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: black;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: black; }

/* Seiteninhalt */
#content {
float: left;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: none;
border: 1px solid #c9c9c9;
overflow: hidden; }



/* Link im Seiteninhalt */
#content a {color: #000080; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #008080; }

/* Rechte Box */
#sidebar_container {
float: right;
width: 200px;
min-height: 200px;
overflow: hidden;
background: solid #00FFFF;
border: 5px #00FFFF;
padding: 5px;
padding-left: 20px;
box-shadow: 0 0 1px rgba(0,0,0, .4);
}

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color:#00FFFF;
background-image: none;
border: 4px solid #00FFFF; }

/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
#title span{display:none;}
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden