. - Grey

Grey

Grey

Voir l'image en taille réel ICI

Description:
Un design fait pour les site parlant de programmation, Informatique.
Contenant un Menu vertical Un ehader très facilement modifiable.
Juste le bonheur de ce design !

Code:
Texte au dessus du design

/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}

/*Titel im Header */
td.headline{visibility:hidden;}

/*Navigation linke Seite unsichtbar */
td.nav a{visibility:hidden;}
td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.nav_heading{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}

/*Hintergrund-Bild fixiert */
body{background-color:#ffffff;background-repeat:no-repeat;background-attachment: fixed;}

/*Textfeld-Bereiche */
td.headline2{visibility:hidden;}
td.edit_content a{color:#000000;font-size: 13px;text-decoration: none;}
td.edit_content a:hover {color: #000000;font-size: 13px;text-decoration: none;}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image: none;background-color:transparent;}

/*Rechte Boxen */
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
--></style>

CSS sans style de tag

#extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}    #pre_header {display: none;}   #post_header {display: none;}   #pre_content {display: none;}   #nav_heading{display: none;}   div.header{display: none;}   h1#title{display: none;}    h2#title span {display: none;}   #counter {display:none;}   body { background-color:#404040;}  *{ padding: 0; margin: 0; }     #header_container { position: relative; left: 50%; top: 0px; margin-left:-170px; width: 370px; height:37px; background-color:transparent; background-image: none; color:#000000; font-size:23px; border: 0px solid #000000;}    #content { position: absolute; left: 50%; top: 335px; margin-left:-215px; width: 360px; height: 390px; padding:0px; color: #00000; font-size:15px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;}    #design { position: absolute; left: 50%; top: 50px; margin-left:-510px; width: 800px; height: 800px; padding:0px; color: #00000; font-size:13px; background-color:transparent; background-image:url(http://www.mypicsup.com/images/sofx4op75qctz0gs223.jpg); border: 0px solid #000000; overflow:none;}      #nav_container{ position: absolute; left: 50%; top: 280px; margin-left: -330px; width: 182px; height: 1px; border:0px solid #transparent;}    ul#nav{ width: 130px; padding: 0px; margin: 0px;}   li.nav_element{ list-style-type: none; position: relative; padding: 0px; width: 182px;}    li.nav_element a{ display: block; width: 152px; height: 10px; padding:3px; font-weight: bold; font-size: 11px; text-decoration: none; text-align: left; color:#00000; background-color:transparent; background-image: none; border: 0px solid #000000;}  li.nav_element a:hover{ color: #000000; background-color:transparent; background-image: none;}