elite-guard

Pro Design

Ein modernes Design, perfekt
geeignet für eine Wettervorhersage
oder einen Ferienbericht. Dynamische
rechte Box.

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://www.LupiUpload.de/images/2010/07/15/faef2a9618b6886990b94f739cc8ae4e7ddac789.png);
    background-repeat: repeat-x; }

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

/* Hintergrund-Container */
    #container {
    width: 980px;
    margin-top: -100px;
    left:50%;
    margin-left: -640px;
    background-color: transparent;
    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;
    margin-left: -500px;
    width: 368px;
    height: 169px;
    background-image: url(http://www.LupiUpload.de/images/2010/07/15/f226800cb37b2951517c5cd33b76ced3c6d78931.png);
    border: 0px solid #898989;
    }

/* Feld der Navigation */
    #nav_container {
    width: auto;
    height:60px;
    background-color:transparent;
    margin-top: -2px;
    margin-left: 25px;
    margin-bottom: 10px;
    text-align: left;
    border: 0px solid #c9c9c9; }

/* Feld Navi-Buttons */
    li.nav_element {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    width: 150px;
    height:34px;
    padding-top: 26px;
    margin-right: -4px;
    background-color:transparent;
    background-image:  none;
    border-right: 1px solid #999999;
    background-repeat: repeat-x;
    }

/* Linkfarbe und Linkgröße im Navi-Button */
    li.nav_element a {
    font-size:13px;
    color: #3F3F3F;
    font-family: arial;
    text-decoration: none;
    font-weight: bold; }

/* Hover-Effekt bei Mauskontakt */
    li.nav_element:hover {
    background-color:transparent;
    background-image:url(http://www.LupiUpload.de/images/2010/07/15/1a9dadedf84eed45e26af0e18f22d8d913b40c27.png); }

/* gerade besuchte Seite */
    li.checked_menu {
    background-color:;
    background-image: url(http://www.LupiUpload.de/images/2010/07/15/1a9dadedf84eed45e26af0e18f22d8d913b40c27.png);
    }

/* Textfeld / Seiteninhalt */
    #content {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: -320px;
    width: 500px;
    padding: 20px;
    background-color: transparent;
    }

#sidebar_content { 
    padding:10px;  
    margin-top:50px;
    -moz-border-radius:0px;
    color:#ffffff;
    font-size: 18px;
    font-family:arial;
    text-align:left;}

#sidebar_container {
    background-color:#00A5DF;
    background-image: url(http://www.LupiUpload.de/images/2010/07/15/1ac31e781cdd0b5fc8b4ccd0efa36c969d1b3281.png); 
    background-repeat: repeat-x;
    position:absolute; 
    left:50%;
    margin-left: -160px; 
    top:124px; 
    width:250px;
    height: 700px;
    border: 2px solid #c9c9c9;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -webkit-border-radius: 50px; }

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

/* Balken unter dem Design */
    #unten {
    width: auto;
    color: #FFFFFF;
    padding: 10px;
    padding-left: 90px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #222222;
    text-align:left;
    }

#unten a {
    color: #cccccc
    }

/*unnötige Elemente entfernt */
    
    #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>

Pro Design

Pro Design

Sonstiges

Nützliche Links

Elite Guard