elite-guard

Optimal Design

Ein sehr modernes Design mit einem super Hintergrund. Tolle Navigation, nur für Firefox 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: #EFEFEF;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/21466c2d9faafca11b877ac9700ad9475e289471.png);
     background-repeat: repeat-x; }

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

/* Hintergrund-Container */
     #container {
     width: 980px;
     margin: auto;
     background-color: #ffffff;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/12a706f8216849c1f751e0293b819b217f5e79e3.png);
     border: 2px solid #c9c9c9;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     overflow: hidden;
     background-repeat: repeat-x;
     filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#3F3F3F', Positive='true');
     -moz-box-shadow: 6px 6px 8px #000000, 6px 6px 8px transparent;
     z-index:1; }

/* Dein Header-Banner oben */
     #header_container {
     margin-top: 10px;
     width: 523px;
     height: 153px;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/af350347652bca13eb871227622b8bf38724859f.png);
     border: 0px solid #898989;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px; }

/* Feld der Navigation */
     #nav_container {
     width: 500px;
     height:80px;
     margin-top: 10px;
     margin-bottom: 10px;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/bb5193a37338f642c3d68aff436a72b5441aa54f.png);
     text-align: center;
     border: 0px solid #c9c9c9;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
     z-index:3; }

/* Feld Navi-Buttons */
     li.nav_element {
     display: inline-block;
     list-style-type: none;
     text-align: center;
     width: auto;
     padding-right:30px;
     padding-left:30px;
     margin-right: -4px;
     height: 50px;
     padding-top:30px;
     background-color: transparent;
     background-image:  none;}

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

/* Hover-Effekt bei Mauskontakt */
     li.nav_element:hover {
     background-color:transparent;
     background-image: none; }

/* gerade besuchte Seite */
     li.checked_menu {
     background-color:;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/485dd1cce859d45e510656a2a4b17f1224a22903.png);
     border: 0px solid #222222; }

/* gerade besuchte Seite */
     li.checked_menu:hover{
     background-color:;
     background-image: url(http://www.LupiUpload.de/images/2010/07/14/485dd1cce859d45e510656a2a4b17f1224a22903.png);
     border: 0px solid #222222; }

/* Linkfarbe und Linkgröße im Navi-Button beim Hover*/
     li.nav_element a:hover {
     font-size:20px;
     color: #DFDFDF;
     font-family: arial;
     text-decoration:none; }

/* Textfeld / Seiteninhalt */
     #content {
     margin-top: -60px;
     margin-bottom: 20px;
     width: 900px;
     padding-left: 40px;
     padding-right:40px;
     padding-top: 100px;
     background-color: transparent;
     border-top: 1px solid #3F3F3F;
     z-index:1;}

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

/* Balken unter dem Design */
     #unten {
     width: 960px;
     color: #222222;
     padding: 10px;
     margin-top: 10px;
     margin-bottom: 50px;
     background-color: #ffffff;
      border: 2px solid #c9c9c9;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#3F3F3F', Positive='true');
     -moz-box-shadow: 6px 6px 8px #000000, 6px 6px 8px transparent;
     z-index:1; }

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

Optimal Design

Optimal Design

Sonstiges

Nützliche Links

Elite Guard