- uc38

- CSS MENÜ -

Reklam

Duyuru !!!

Web Sitemizde İçerik ve Tasarım Güncellemesi Yapılmıştır ...

Duyuru !!!

3 Yeni Dil Seçeneği Eklenmiştir.

uc38

Tasarimin Demosu İçin Tıklayınız

Tasarimin Üzerine

Tasarimin ALtına

</div> <div class="navigation"> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletisim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> </ul> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#">Ocak</a></li> <li><a href="#" _fcksavedurl="#">Şubat</a></li> <li><a href="#" _fcksavedurl="#">Mart</a></li> <li><a href="#" _fcksavedurl="#">Nisan</a></li> </ul> <h2>Dostlar</h2> <ul> <li><a href="#" _fcksavedurl="#">Dost 1</a></li> <li><a href="#" _fcksavedurl="#">Dost 2</a></li> <li><a href="#" _fcksavedurl="#">Dost 3</a></li> <li><a href="#" _fcksavedurl="#">Dost 4</a></li> </ul> </div> <div class="clearer"> </div> </div> <div class="footer"> <span class="left"> © 2009 <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Merkez</a>. </span> <span class="right"><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Website Tasarimi</a> by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Murat</a></span> <div class="clearer"></div> </div> </div> </div>

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #048;} a:hover {color: #06C;} body { background: #E7E7E2 url('http://csstasarimm.cs.funpic.org/Demo/Css38/img/body.jpg') no-repeat center top; color: #444; font: normal 62.5% Tahoma,sans-serif; padding-top: 64px; } p,code,ul {padding-bottom: 1.2em;} li {list-style: none;} h1 {font: normal 1.8em Tahoma,sans-serif;} h2 {font: bold 1.4em sans-serif;} h3 {font: bold 1em Tahoma,sans-serif;} form,input {margin: 0; padding: 0; display: inline;} code { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #CCC; color: #666; display: block; font: normal 1em Tahoma,sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } blockquote { background: url(http://csstasarimm.cs.funpic.org/Demo/Css38/img/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; } h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;} /* misc */ .clearer {clear: both; font-size: 0;} .left {float: left;} .right {float: right;} /* structure */ .inner-container { border: 2px solid #D7D7D2; background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 10px; width: 780px; } .outer-container { background: url('http://csstasarimm.cs.funpic.org/Demo/Css38/img/container.jpg') no-repeat center bottom; padding-bottom: 64px; } /* headere & title */ .header { background: #222 url('http://csstasarimm.cs.funpic.org/Demo/Css38/img/header.jpg') no-repeat; height: 160px; margin-bottom: 5px; text-align: center; } .header .title { color: #FFF; padding-top: 50px; } .header .title .sitename a { border-bottom: 1px dashed #657382; color: #FFF; font: normal 3em sans-serif; padding-bottom: 2px; text-decoration: none; } .header .title a:hover {border-color: #F60;} .header .title .slogan { font: normal 1.1em Verdana,sans-serif; padding-top: 6px; } /* path */ .path { background: #949490; color: #FFF; font: normal 1.1em Verdana,sans-serif; padding: 8px 12px; } .path a { color: #FAFAFA; text-decoration: none; } .path a:hover { color: #FFE; text-decoration: underline; } /* main */ .main { background: url(http://csstasarimm.cs.funpic.org/Demo/Css38/img/main.gif) repeat-y; border-top: 4px solid #FFF; padding: 8px 12px 0 0; } /* content */ .content { float: right; width: 538px; } .content .descr { color: #664; font-size: 0.9em; margin-bottom: 6px; } .content li { list-style: url(http://csstasarimm.cs.funpic.org/Demo/Css38/img/li.gif); margin-left: 18px; } .content p {font-family: "Lucida Sans Unicode",sans-serif;} /* navigation */ .navigation { float: left; width: 210px; } .navigation h2 { color: #5A5A43; font: bold 1.1em Tahoma,sans-serif; line-height: 30px; margin: 0; padding-left: 12px; } .navigation ul { padding: 0; border-top: 1px solid #EAEADA; } .navigation li {border-bottom: 1px solid #EAEADA;} .navigation li a { font-size: 1.1em; color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; } .navigation li a:hover { background: #F0F0EB; color: #654; } /* footer */ .footer { background: #949490; color: #F7F7F2; font: bold 1em sans-serif; margin-top: 5px; padding: 10px 12px; } .footer a { color: #F7F7F2; text-decoration: none; } .footer a:hover {color: #FFC;} .footer .right, .footer .right a {color: #C8C8C3;} .footer .right a:hover {color: #F7F7F2;}

Toplamda 30887 ziyaretçi (46446 klik) burdaydı!

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol