- uc21

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

uc21

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

Tasarimin Üzerine

<div id="bg1"> <div id="header"> <h1><a href="http://ww.css-merkez.tr.gg" _fcksavedurl="http://ww.css-merkez.tr.gg">Css Merkez<sup>1.0</sup></a></h1> <h2>By <a href="http://ww.css-merkez.tr.gg" _fcksavedurl="http://ww.css-merkez.tr.gg">Css Merkez</a> + <a href="http://www.sitedostlugu.tr.gg" _fcksavedurl="http://www.sitedostlugu.tr.gg">Site Dostlugu</a></h2> </div>  </div>  <div id="bg2"> <div id="header2"> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Yorum</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> </ul> </div>  <div id="search"> <form method="get" action="#"> <fieldset> <input type="text" name="q" value="Aramak için Tıkla" id="q" class="text" /> <input type="submit" value="Arama" class="button" /> </fieldset> </form> </div>  </div>  </div>  <div id="bg3"> <div id="bg4"> <div id="bg5"> <div id="page"> <div id="content"> <div class="post"> <div class="title"> <h2><a href="http://ww.css-merkez.tr.gg" _fcksavedurl="http://ww.css-merkez.tr.gg">Css Tasarim Merkezi</a></h2> <p>03.05.09</p> </div>

Tasarimin ALtına

</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="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Yorum</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> </ul> </li> </ul> </div>  <div style="clear: both; height: 40px;"> </div> </div>  </div> </div> </div>  <div id="footer"> <p>(c) 2009 SiteAdı. Design by <a href="http://ww.css-merkez.tr.gg" _fcksavedurl="http://ww.css-merkez.tr.gg">Css Merkez</a> + <a href="http://www.sitedostlugu.tr.gg" _fcksavedurl="http://www.sitedostlugu.tr.gg">Site Dostlugu</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;} * { margin: 0; padding: 0; } body { margin: 0px; background: #002F43 url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #B9B9B9; } h1, h2, h3 { margin-bottom: 1.5em; } h1 { font-size: 2em; } h2 { font-size: 1.4em; } h3 { font-size: 1em; } p, ul, ol { margin-bottom: 1.5em; line-height: 180%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #8AC800; } a:hover { text-decoration: none; } strong { color: #D7D7D7; } img.left { float: left; margin: 5px 25px 0px 0px; } img.right { float: right; margin: 5px 0px 0px 25px; } /* Background */ #bg1 { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg02.jpg) no-repeat center top; } #bg2 { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg03.jpg) no-repeat center top; } #bg3 { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg04.jpg) repeat-y center top; } #bg4 { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg05.jpg) no-repeat center top; } #bg5 { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/bg06.jpg) no-repeat center bottom; } /* Header */ #header { width: 900px; height: 145px; margin: 0px auto; text-transform: lowercase; color: #FFFFFF; } #header h1 { float: left; margin: 0px; padding: 70px 0px 0px 25px; font-size: 40px; } #header h1 sup { font-weight: normal; } #header h2 { float: right; margin: 0px; padding: 95px 25px 0px 0px; font-size: 14px; } #header a { text-decoration: none; color: #FFFFFF; } /* Header2 */ #header2 { width: 900px; height: 88px; margin: 0px auto; } /* Menu */ #menu { float: left; } #menu ul { margin: 0px; padding: 34px 0px 0px 0px; list-style: none; text-transform: lowercase; } #menu li { float: left; } #menu a { padding-left: 50px; text-decoration: none; font-size: 16px; font-weight: bold; color: #FFFFFF; } /* Search */ #search { float: right; } #search form { margin: 0px; padding: 35px 80px 0px 0px; } #search fieldset { margin: 0px; padding: 0px; border: none; } #search input.text { width: 160px; background: none; border: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #AEC38B; } #search input.button { display: none; } /* Page */ #page { width: 846px; margin: 0px auto; padding: 40px 0px 0px 0px; } /* Content */ #content { float: left; width: 583px; } .post { } .post .title { height: 49px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/img02.gif) no-repeat; } .post .title h2 { float: left; padding: 12px 0px 0px 24px; font-size: 24px; text-transform: lowercase; } .post .title h2 a { text-decoration: none; color: #FFFFFF; } .post .title h2 a:hover { color: #8AC800; } .post .title p { float: right; padding: 12px 24px 0px 0px; font-size: 15px; font-weight: bold; color: #343434; } .post .entry { padding: 30px 23px 0px 23px; } .post .meta { height: 70px; clear: left; margin: 0px 23px; padding: 15px 0px 0px 0px; border-top: 1px solid #262626; } .post .meta .credit { float: left; } .post .meta .links { float: right; } .post .meta .links .more { padding-left: 17px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/img05.gif) no-repeat left center; } .post .meta .links .comments { padding-left: 19px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/img04.gif) no-repeat left center; } /* Sidebar */ #sidebar { float: right; width: 236px; } #sidebar ul { margin: 0px; padding: 0px; list-style: none; } #sidebar li { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Siyah-Altin/img03.gif) no-repeat; padding: 0px 23px 20px 23px; } #sidebar li ul { } #sidebar li li { padding: 8px 0px; background: none; border-bottom: 1px solid #262626; } #sidebar h2 { margin: 0px; padding: 16px 0px 30px 0px; text-transform: lowercase; font-size: 14px; color: #FFFFFF; } /* Footer */ #footer { } #footer p { margin: 0px; padding: 20px 0px; text-align: center; text-transform: lowercase; color: #566D77; } #footer a { color: #8097A1; }

Toplamda 25473 ziyaretçi (38765 klik) burdaydı!

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

Ücretsiz kaydol