Css'de Menü Eklemeye son
Artık Herkesin Css Tasarımı olsun diye...
Css tasarım'da menü eklemeye son
Bu Tasarım Kendi Menüsünü Kendi Ekliyor...
Tasarım Önizlemesi:
Tasarımın üstüne:
| <div id="red_on_grey"></div> <div id="header_container"><span>stenezin ismi</span></div> |
Tasarımın altına:
| Boş Kalacak |
Css Koduna:
| #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:#000000;} *{ padding: 0; margin: 0; } #header_container { position: relative; left: 50%; top: 120px; margin-left:-170px; width: 370px; height:37px; background-color:transparent; background-image: none; color:#FFFFFF; font-size:23px; border: 0px solid #FFFFFF;} #content { position: absolute; left: 50%; top: 230px; margin-left:-175px; width: 518px; height: 430px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;} #red_on_grey { position: absolute; left: 50%; top: 35px; margin-left:-510px; width: 970px; height: 720px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/black.png); border: 0px solid #FFFFFF; overflow:none;} #sidebar_container{ position: absolute; left: 50%; top: 60px; margin-left: -430px; width: 192px; height: 122px; background-color:transparent; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:220px; margin-left: -430px; width: 182px; height: 460px; border:0px solid #FFFFFF;} 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: 182px; height: 24px; padding:0px; font-weight: bold; text-decoration: none; text-align: left; color:#FFFFFF; background-color:000000; background-image:url( http://www.fileden.com/files/2008/3/24/1833523/BOTON.png); border: 0px solid #000000;} li.nav_element a:hover{ color: #FFFFFF; background-color:000000; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/boton2.png);} |
