Navigation

Bitte wählen

» Startseite » Gästebuch » GM-Hack » Impressum » Designs Informationen

Informationen

Aktuelles

AGB in Arbeit

Designs

» RedStar Black » Paper Fold » Your Maroon

www.gm-hack.de.tl

RedStar Black

Design "Redstar Black"

Schwarzes CSS Design mit roten Stern

Design:	Redstar Black
Kategorie:	CSS Profi / HPBK
Aktuelle Version:	1.0
Erscheinung:	15.Februar 2010
Verfügbare Editionen:	»Redstar Black
Getestet auf:	»Firefox »MSIE »OPERA »Google Chrome

Die Designcodes

Text über dem Design

<div id="design">
<div id="header">
<h1 class="hptitle">Titel der Homepage</h1>
<h2 class="slogan">Hier kann dein Slogan stehen!...</h2>
</div>

<div id="main">
<div id="menu">
<div id="menu_items">
<a href="#">Startseite</a>
<a href="#">Gästebuch</a>
<a href="#">Kontaktformular</a>
<a href="#">Impressum</a>
<a href="#">Partner</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="#">» Startseite</a>
<a href="#">» Gästebuch</a>
<a href="#">» Kontaktformular</a>
<a href="#">» Impressum</a>
<a href="#">» Partner</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>Hier können deine Neuigkeiten über die Homepage stehen!!</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="#">» Partner ...</a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>

<div id="ctop"></div>
<div id="subpage"><h1>Redstar Black</h1></div>

Text unter dem Design

CSS-Code ohne Style-Tags

        /*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(https://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(https://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(https://img.webme.com/pic/p/poddi-designs/7_btop.png);
    color: #000;
    float: left;
    }

#bbg{
     width: 180px;
    background: url(https://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(https://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(https://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(https://img.webme.com/pic/p/poddi-designs/7_ctop.png);
    margin-right: 10px;
    }

#content{
    width: 638px;
    float: right;
    background: url(https://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(https://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
    margin-right: 10px;
    }

    /*INHALTSBEREICH ENDE*/

    /*MENU*/

#menu {
    width: 858px;
    height: 27px;
    background: url(https://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(https://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*/

Heute waren schon 5 Besucher (6 Hits) hier!

GM-Hack.de.tl

The Best Site Of Hacks