elite-guard

Short Design

Elegant und übersichtlich sind die Stichwörter für dieses Design. Hauptsächlich für Blogs und Firmen geeignet.

Text über dem Design:

Text unter dem Design:

CSS - Code :

-->
    </style>
    <center>
    <style type="text/css"> 
    <!--

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

/* Hintergrund hinter Design */
    body {
    background-color: #ffffff;
    background-image: url(http://s1.directupload.net/images/100815/4sc3v5ht.png);
    background-repeat: repeat-x; }

/* Textfarbe - Schriftart - Textgröße */
    div { 
    color: #000000;
    font-size: 14px;
    font-familiy: calibri; }

/* Hintergrund-Container */
    #container {
    width: 1100px;
    margin: auto;
    margin-top: -106px;
    background-color: #ffffff;
    background-image:  none;
    border: 0px solid #c9c9c9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden; }

/* Dein Header-Banner oben */
    #header_container {
    margin-top: 0px;
    width: 1103px;
    height: 136px;
    background-image: url(http://s7.directupload.net/images/100815/79hhy38w.png);
    border: 0px solid #898989;
    }

/* Feld der Navigation */
    #nav_container {
    width: 1100px;
    margin-top: -32px;
    margin-bottom: 10px;
    margin-left: 80px;
    text-align: left;
    border: 0px solid #c9c9c9; }

/* Feld Navi-Buttons */
    li.nav_element {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    margin-right: 0px;
    margin-left: 0px;
    width: auto;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: transparent;
    }

/* Linkfarbe und Linkgröße im Navi-Button */
    li.nav_element a {
    font-size:15px;
    color: #0a0d15;
    font-family: calibri;
    text-decoration: none; }

li.nav_element a:hover {
    text-decoration: underline; }

/* gerade besuchte Seite */
    li.checked_menu {
    background-color:#0a0d15;
    background-image:  none;
    }

li.checked_menu a{
    color: #ffffff;
    }

/* Textfeld / Seiteninhalt */
    #content {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 900px;
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #c9c9c9;
    }

/* Linkfarbe und Größe im Textfeld */
    #content a {
    font-size: 14px;
    color: #0a0d15;
    font-family: calibri; }

/* Balken unter dem Design */
    #unten {
    width: 930px;
    color: #FFFFFF;
    padding: 10px; 
    margin-top: 10px; 
    margin-bottom: 50px; 
    background-color: #0a0d15;  
    }

#unten a{
    color: #FFFFFF;
    text-decoration: none;
    }

#unten a:hover{
    color: #cccccc;
    }

/*unnötige Elemente entfernt */
    #sidebar_container {display:none; }
    #sidebar_heading {display: none;}
    #nav_heading {display:none;}
    h1#header {display:none;} 
    h2#title {display:none;}
    #pre_content {display: none;}
    #pre_header {display:none;}
    div.header{display: none;}
    #post_header {display:none;}
    #post_content {display:none;}
    #below_content{display: none;}
    #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;} 
    #counter {display:none;}
--></style>

Short Design

Short Design

Sonstiges

Nützliche Links

Elite Guard