Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.10.2010 um 12:16 (UTC)    
Titel: Eigene seiten ? ( red Star desing )

wie kannn ich bei diesem desing die navigazion ändern ? und daas cool menü ?

das unsere seiten angezeigt werden Wink

Code:


text über desing :

<div id="foot">
<div style="float: left;">
<a href="#" >Kontakt</a>  |  <a href="#" >Impressum</a>   </div>
<div id="poddi">Design by <a href="http://poddi.de.tl/">Poddi</a></div></div>

CSS ohne Style ... :
        /*BLACK-WHITE  -  Copyright by www.Poddi.de.tl*/


    /*VERSTECKT*/
   
h1#title{display: none;}
h2#title{display: none;}
h2#sidebar_heading{display:none;}
#counter{display:none;}
#pre_header{display:none;}
#post_header{display:none;}
#pre_content{display:none;}
#post_content{display:none;} 

    /*VERSTECKT ENDE*/
   
   

    /*HINTERGRUND*/ 
   
body{     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_bg.gif) repeat;     
    font-family: verdana, arial, sans-serif;     
    font-size: .69em;     
    padding: 0px;     
    margin: 0px;
    }   
   
    /*HINTERGRUND ENDE*/
   
   
   
    /*FORMATIERUNG*/
   
h1{     
    font-family:Arial, Helvetica, Verdana, sans-serif;     
    font-size: 120%;     
    text-transform: uppercase;     
    font-weight: bold;     
    color: #367ba7;     
    border-bottom: 1px solid #c9d2d5;
    } 
   
h2{     
    margin: 0px;     
    padding: 0px 0px 4px 0px;     
    font-size: 100%;     
    color: #3b3b3b;
    } 
   
p{     
    margin: 0px;     
    padding: 0px 0px 16px 0px;     
    line-height: 1.5em;
    } 
   
a{     
    color: #367ba7;     
    text-decoration: underline;
    } 
   
a:hover{     
    color: #367ba7;     
    text-decoration: underline;     
    font-weight: bold;
    }   
   
img{border: 0px;}   

    /*FORMATIERUNG ENDE*/
   
   
   
    /*BILD-POSITIONIERUNG*/ 
   
.left{     
    float: left;     
    padding: 0px 8px 5px 0px;
    } 
   
.right{     
    float: right;     
    padding: 0px 0px 5px 8px;
    }   
   
    /*BILD-POSITIONIERUNG ENDE*/
   
   
   
    /*SONSTIGE FORMATIERUNGEN*/ 
 
li{     
    list-style-type: square;     
    color: #367ba7;
    } 
   
ul { color: #367ba7; } 

hr{     
    height: 1px;     
    border: 0px dashed #c9d2d5;     
    background-color: #c9d2d5;     
    margin: 5px;
    }       
   
    /*SONSTIGE FORMATIERUNGEN ENDE*/
   
   
   
    /*DESIGNCONTAINER*/ 
   
#container{     
    width: 922px;     
    margin: 0px auto;     
    color: #ffffff;     
    margin-top: 0px;
    }
     
#content_container{     
    width: 922px;     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_main.png);   
    background-repeat: repeat-y;     
    float: left;
    }   
   
    /*DESIGNCONTAINER ENDE*/
   
   
   
    /*HEADER*/

h1#header{     
    font-family: Verdana, Arial, Helvetica, sans-serif;     
    font-size: 170%;     
    font-weight: bold;     
    color: #fff;     
    border: 0px;
    } 
   
.header{   
    background-image: url(http://img.webme.com/pic/p/poddi-designs/1_logo.png);     
    background-repeat: no-repeat;     
    width: 500px;     
    height: 81px;     
    padding-left: 110px;     
    float: left;   
    margin-left: 40px;
    } 
   
h2#nav_heading{      /*dient hier als Slogan-Platzhalter*/     
    font-size: 12px;     
    color:#fff;     
    font-weight: normal;     
    margin: -35px 0px 30px 130px;
    }   
   
    /*HEADER ENDE*/



    /*INHALTSBEREICH*/
     
#content{     
    width: 642px;     
    min-height: 20px;     
    float: left;     
    background: transparent;     
    text-align: left;     
    padding: 10px;     
    color: #3b3b3b;     
    margin-left: 15px;
    }   
   
    /*INHALSBEREICH ENDE*/
   
   
   
    /*SIDEBAR*/
   
#sidebar_container{     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_side.png) repeat-x;     
    padding: 5px;     
    width: 204px;     
    float: right;     
    margin-right: 31px;     
    color: #000;
    }   
   
#sidebar_container hr{     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_side_hr.png) repeat-x;     
    height: 16px;     
    border: 16px;     
    width: 213px;     
    margin-left: -5px;
    } 
   
#sidebar_container ul, #sidebar_container li{list-style-type: none;} 

#sidebar_container li a {     
    display: block;     
    width: 194px;     
    padding: 5px;     
    padding-top: 3px;     
    padding-bottom: 3px;     
    background: transparent;     
    border-bottom: 1px solid #c9d2d5;     
    text-decoration: none;     
    font-weight: normal;     
    color: #367ba7;     
    font-family:Arial, Helvetica, Verdana, sans-serif;     
    margin: 0px;
    } 
   
#sidebar_container li a:hover {     
    background: #d1dfe3;     
    color: #367ba7;     
    font-weight: bold;
    }   
   
    /*SIDEBAR ENDE*/
   
   
   
    /*NAVIGATION*/ 

#nav_container{     
    width: 902px;     
    height: 40px;     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_navi.png);     
    float: left;     
    padding-left: 20px;
    } 
   
#nav ul, li.nav_element{list-style-type: none;} 

li.nav_element a{     
    color: #fff;     
    display: block;     
    margin: 5px;     
    margin-left: 15px;     
    padding: 10px;     
    padding-bottom: 0px;     
    padding-top: 3px;     
    height: 20px;     
    float: left;     
    font-weight: bold;     
    text-decoration: none;     
    text-transform: uppercase;
    } 
   
li.nav_element a:hover{     
    color:#000;   
    display: block;     
    margin: 5px;     
    margin-left: 15px;     
    padding: 10px;   
    padding-top: 10px;     
    padding-bottom: 5px;     
    margin-top: -5px;     
    text-decoration: none;     
    height: 25px;     
    background: #fff;
    } 
   
    /*NAVIGATION ENDE*/
   
   
   
    /*FOOTER*/ 
   
#foot{     
    width: 837px;     
    height: 36px;     
    background: url(http://img.webme.com/pic/p/poddi-designs/1_foot.png);     
    margin: 0px auto;     
    padding-left: 60px;     
    padding-right: 25px;     
    padding-top: 5px;     
    color: #fff;     
    clear:both;
    } 
   
#foot a{     
    margin-left: 5px;     
    margin-right: 5px;     
    color: #fff;     
    text-decoration: underline;
    } 
   
#foot a:hover{     
    color: #fff;     
    text-decoration: none;     
    font-weight: normal;
    } 
   
#poddi{     
    color: #727272;     
    float: right;
    } 
   
#poddi a{color: #727272;} 

    /*FOOTER ENDE*/
   
   
   
    /*WERBUNG ZENTRIEREN*/

table[height="102"] {
    margin:auto;
    } 

   /*WERBUNG ZENTRIEREN ENDE*/



Code:

rechte Box :

<h1>News</h1> <h2>18.Juli 2010</h2>
<p>Neues Design! Hier seht ihr es, das neue Design von Poddi<br />
<a href="#">weiterlesen</a></p>
<h2>18.Juli 2010</h2>
<p>Keine News eingetragen.</p>
<hr>
<h1>Partner</h1>
<h2>Premium</h2>
<li><a href="#">Premium 1</a></li>
<li><a href="#">Premium 2</a></li>
<li><a href="#">Premium 3</a></li>
[/code]


Zuletzt bearbeitet von umnoc am 23.10.2010, 07:26, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de