elite-guard

Peace Design

Ein freundliches Design, passend
für Blogs und Umweltseiten.
Hinweis: Durch Ändern des
Hintergrundbildes gut anpassbar.

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: #800000;
     background: url(https://img.webme.com/pic/t/tpfl/fruehling.jpg) no-repeat fixed #222222 center; }

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

/* Hintergrund-Container */
     #container {
     width: 980px;
     margin: auto;
     margin-top: -80px;
     background-color: transparent;
     background-image: url(https://img.webme.com/pic/t/tpfl/textfeld.png);
     border: 4px solid #ffffff;
      -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     overflow: hidden;
      }

/*Header-Banner*/
     #header_container {
     left: 50%;
     margin-left: -450px;
     margin-top: 10px;
     width: 500px;
     height: 84px;
     background-image: url(https://img.webme.com/pic/t/tpfl/header.png);
     }

/*Navigationsfeld*/
     #nav_container {
     width: 980px;
     height: 30px;
     margin-top: 10px;
     margin-bottom: 10px;
     text-align: left;
     border: 0px solid #c9c9c9;
      background-image: url(https://img.webme.com/pic/t/tpfl/navi.jpg);
     }

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

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

/* Hover-Effekt bei Mauskontakt */
     li.nav_element:hover {
     background-color:#800000;
     background-image:url(https://img.webme.com/pic/t/tpfl/navihover.jpg); }

/* aktuell besuchte Seite */
     li.checked_menu {
     background-color:;
     background-image: url(https://img.webme.com/pic/t/tpfl/navihover.jpg);
     }

/* Textfeld*/
     #content {
     margin-top: 10px;
     margin-bottom: 20px;
     left: 50%;
     margin-left: -215px;
     width: 680px;
     padding: 20px;
     background-image: url(https://img.webme.com/pic/t/tpfl/textfeld.png);
     background-color: transparent;
     border: 1px solid #AFAFAF;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     text-align: left; }

/* Linkfarbe und -größe im Textfeld */
     #content a {
     font-size: 14px;
     color: #800000;
     font-family: arial;
     text-decoration: none; }

/* Feld unter dem Design */
     #unten {     width: 970px;
     padding: 10px;
     background-image: url(https://img.webme.com/pic/t/tpfl/textfeld.png);
     background-color: transparent;
     border: 4px solid #ffffff;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     margin-bottom: 30px;
      margin-top: 30px;}

/*Linkfarbe und -größe im Feld unter dem Design */
     #unten a {
     font-size: 14px;
     color: #800000;
     font-family: arial;
     text-decoration: none; }

#sidebar_content {
      padding:5px;
       background-color:transparent;
     background-image: url(https://img.webme.com/pic/t/tpfl/textfeld.png);
     margin-top:100px;
     color:#000000;
     font-size: 14px;
     border: 1px solid #AFAFAF;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     text-align: left; }

#sidebar_container {
      position:absolute;
      left:50%;
     margin-left: 263px;
      top:75px;
      width:200px; }

/*Entfernung der unnötigen Elemente*/
          #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>

Peace Design

Peace Design

Sonstiges

Nützliche Links

Elite Guard