- uc37

- 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.

uc37

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

Tasarimin Üzerine

<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Site Adı</a></h1> <p> Tasarim design by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Merkez</a></p> </div> </div>  <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Linkler</a></li> <li><a href="#" _fcksavedurl="#">Diğer</a></li> </ul> </div>  <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="content"> <div class="post"> <div class="post-bgtop"> <div class="post-bgbtm"> <h2 class="title"><a href="#" _fcksavedurl="#">Hoşgeldiniz...</a></h2> <p class="meta">Murat by <a href="#" _fcksavedurl="#">Güncelleme</a> on Mayis 24, 2009 • <a href="#" _fcksavedurl="#" class="comments">Yorum (64)</a> • <a href="#" _fcksavedurl="#" class="permalink">Hepsi</a></p> <div class="entry">

Tasarimin ALtına

</div> </div> </div> </div> <div style="clear: both;"> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Saat</h2> <center><embed height="89" align="" width="162" src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed></center> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Linkler</a></li> <li><a href="#" _fcksavedurl="#">Diğer</a></li> </ul> </li> <li> <h2>Linkler</h2> <ul> <li><a href="#" _fcksavedurl="#">Link 1</a></li> <li><a href="#" _fcksavedurl="#">Link 2</a></li> <li><a href="#" _fcksavedurl="#">Link 3</a></li> <li><a href="#" _fcksavedurl="#">Link 4</a></li> <li><a href="#" _fcksavedurl="#">Link 5</a></li> <li><a href="#" _fcksavedurl="#">Link 6</a></li> </ul> </li> <li> <h2>Diğer</h2> <ul> <li><a href="#" _fcksavedurl="#">Diğer 1</a></li> <li><a href="#" _fcksavedurl="#">Diğer 2</a></li> <li><a href="#" _fcksavedurl="#">Diğer 3</a></li> <li><a href="#" _fcksavedurl="#">Diğer 4</a></li> <li><a href="#" _fcksavedurl="#">Diğer 5</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div> </div>  </div> <div id="footer"> <p>Copyright (c) 2009 Sitenizin Adı. Tüm Hakları Saklıdır. Design by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Merkez</a>.</p> </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;} body { margin: 0; padding: 0; background: #FFFFFF url(http://csstasarimm.cs.funpic.org/Demo/Css37/img01.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; } h1, h2, h3 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #F93D00; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: #000000; } a:hover { } #wrapper { width: 900px; margin: 0 auto; padding: 0; } /* Header */ #header { width: 900px; height: 100px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 900px; height: 100px; margin: 0; background: url(http://csstasarimm.cs.funpic.org/Demo/Css37/images/img05.jpg) no-repeat left 25px; color: #FFFFFF; } #logo h1, #logo p { margin: 0; padding: 0; text-transform: uppercase; } #logo h1 { padding-top: 25px; padding-left: 60px; letter-spacing: -1px; font-size: 2.2em; font-weight: bold; } #logo p { margin-top: -6px; padding-left: 62px; font-size: 11px; color: #000000; } #logo p a { color: #000000; } #logo a { border: none; background: none; text-decoration: none; color: #D01010; } /* Search */ #search { float: right; width: 230px; padding: 0; } #search form { height: 41px; margin: 0; padding: 70px 0 0 0px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 210px; border: none; text-transform: lowercase; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; } #search-submit { display: none; } /* Menu */ #menu { width: 900px; height: 50px; margin: 0 auto; padding: 0; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; height: 40px; padding-top: 10px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css37/images/img04.gif) no-repeat left 16px; } #menu a { display: block; padding: 0px 17px; border: none; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; } #menu a:hover, #menu .current_page_item a { } #menu .current_page_item a { } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 900px; margin: 0 auto; padding-top: 30px; } #page-bgtop { } #page-bgbtm { } /* Content */ #content { float: right; width: 635px; } .post { margin-bottom: 8px; } .post-bgtop { } .post-bgbtm { } .post .title { background: url(http://csstasarimm.cs.funpic.org/Demo/Css37/images/img03.jpg) no-repeat left top; height: 25px; padding: 7px 0 0 35px; font-size: 12px; color: #000000; } .post .title a { color: #000000; } .post .meta { padding-left: 20px; padding-bottom: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; } .post .entry { padding: 10px 20px 15px 20px; text-align: justify; } /* Sidebar */ #sidebar { float: left; width: 250px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { padding-bottom: 30px; } #sidebar li li { margin-left: 15px; margin-right: 15px; line-height: 35px; border-bottom: 1px dashed #D2D4C9; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h2 { height: 25px; padding: 5px 0 0 35px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css37/images/img02.jpg) no-repeat left top; font-size: 12px; color: #000000; } #sidebar p { margin: 0 15px; padding: 20px 0px; text-align: justify; } #sidebar a { color: #000000; border: none; } #sidebar a:hover { text-decoration: underline; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { width: 100%; background: #2C2C2C; height: 50px; margin: 0 auto; padding: 0px 0 15px 0; font-family: Arial, Helvetica, sans-serif; } #footer p { margin: 0; padding-top: 20px; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; } #footer a { color: #969696; }

Toplamda 25480 ziyaretçi (38773 klik) burdaydı!

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

Ücretsiz kaydol