- uc53

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

uc53

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

Tasarimin Üzerine

<div id="wrapper">  <div id="header"> <div class="logo"> <h1 class="lineone">seo <span>friendly</span> template</h1> <h2 class="linetwo">template by: <a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Css Merkez</a></h2> </div> </div>   <div id="navigation"> <ul> <li><a class="current" href="#" _fcksavedurl="#" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" title="">Link Two</a></li> <li><a href="#" _fcksavedurl="#" title="">Link Three</a></li> <li><a href="#" _fcksavedurl="#" title="">Link Four</a></li> <li><a href="#" _fcksavedurl="#" title="">Link Five</a></li> </ul> </div>   <div id="leftcolumn"> <div class="leftnav"> <ul> <li> <h2>Left Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Link One</a></li> <li><a href="#" _fcksavedurl="#">Link Two</a></li> <li><a href="#" _fcksavedurl="#">Link Three</a></li> <li><a href="#" _fcksavedurl="#">Link Four</a></li> <li><a href="#" _fcksavedurl="#">Link Five</a></li> <li><a href="#" _fcksavedurl="#">Link Six</a></li> </ul> </li> <li> <h2>More Links</h2> <ul> <li><a href="#" _fcksavedurl="#">Link Seven</a></li> <li><a href="#" _fcksavedurl="#">Link Eight</a></li> <li><a href="#" _fcksavedurl="#">Link ......</a></li> <li><a href="#" _fcksavedurl="#">Link .......</a></li> <li><a href="#" _fcksavedurl="#">Link ........</a></li> </ul> </li> </ul> </div> </div>   <div id="content">

Tasarimin ALtına

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;} * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; background-image : url(http://csstasarimm.cs.funpic.org/Demo/Css53/images/bbg.png); background-repeat : repeat-x; } img { padding : 5px; border : 1px solid #5f9b1e; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 5px; margin-top : 10px; margin-left : 0; } img.floatTR { float : right; margin-left : 10px; margin-bottom : 5px; margin-top : 10px; margin-right : 0; } #wrapper { margin : 10px auto; width : 922px; background-image : url(http://csstasarimm.cs.funpic.org/Demo/Css53/images/wbg.jpg); background-repeat : repeat-y; } #header { color : #333; width : 902px; float : left; padding : 10px; height : 100px; margin : 0; background-color : #dbe6ec; background-image : url(http://csstasarimm.cs.funpic.org/Demo/Css53/images/hbg.jpg); background-repeat : no-repeat; } .logo h1.lineone { font-size : 1.7em; font-weight : lighter; font-family : helvetica, arial, sans-serif; padding-top : 10px; padding-left : 5px; border : none; letter-spacing : -1px; color : #5f9b1e; } .logo h1.lineone span { color : #53a5ce; } .logo h2.linetwo { padding-left : 5px; font-size : 0.9em; font-family : helvetica, arial, sans-serif; text-transform : none; color : #53a5ce; } .logo a { color : #53a5ce; text-decoration : none; } #navigation { float : left; width : 902px; color : #333; padding : 0 10px; border-bottom : 15px solid #66ccff; margin : 0 0 0 0; background-color : #dbe6ec; } #navigation ul { list-style : none; padding : 0; margin : 0; display : block; font-weight : bold; float : right; } #navigation ul li { list-style : none; display : inline; float : left; width : 96px; height : 35px; padding : 0; line-height : 35px; font-size : 13px; margin : 0 3px 0 3px; } #navigation ul li a { height : 35px; width : 96px; float : left; text-decoration : none; padding : 0; margin : 0; color : #6c7b83; text-align : center; background : url(http://csstasarimm.cs.funpic.org/Demo/Css53/images/menu_bt.gif) no-repeat center 0%; } #navigation ul li a:hover { height : 35px; width : 96px; text-decoration : none; color : #68c2ef; } #navigation ul li a.current { height : 35px; width : 96px; float : left; text-decoration : none; padding : 0; margin : 0; color : #66ccff; background : url(http://csstasarimm.cs.funpic.org/Demo/Css53/images/menu_bt.gif) no-repeat center 0%; } #leftcolumn { color : #333; margin : 0 0 0 0; padding : 10px; min-height : 350px; width : 202px; float : left; } .leftnav { width : 195px; margin-top : 20px; margin-left : 5px; } .leftnav li h2 { margin : 0; height : 25px; color : #5f9b1e; padding-left : 20px; padding-top : 10px; font-size : 1.5em; } .leftnav li ul { line-height : normal; list-style-type : none; display : list-item; } .leftnav li li { padding : 5px; margin-left : 20px; font-size : 1em; } .leftnav li a { padding-left : 10px; text-decoration : none; color : #53a5ce; } .leftnav li a:hover { border : none; padding-left : 10px; } #content { float : left; color : #333; background : #fafaee; margin : 0 0 0 0; padding : 10px; min-height : 350px; width : 458px; display : inline; text-align : justify; } #content h1 { color : #53a5ce; font-size : 1.9em; font-weight : lighter; } #content h2 { color : #53a5ce; font-size : 1.6em; font-weight : lighter; padding-top : 20px; } #rightcolumn { color : #333; margin : 0 0 0 0; padding : 10px; min-height : 350px; width : 202px; float : left; } .ads p { font-family : verdana; font-size : 1em; padding-left : 5px; padding-bottom : 5px; margin-right : 10px; text-align : justify; padding-right : 10px; } .ads { width : 190px; height : 600px; margin-left : 5px; margin-top : 15px; } .ads h4 { background-color : #5f9b1e; color : #fff; font-weight : lighter; font-size : 0.8em; padding-bottom : 2px; text-decoration : underline; } .ads h3 { font-family : verdana; font-size : 1em; padding-top : 30px; padding-left : 3px; padding-bottom : 5px; color : #5f9b1e; text-decoration : underline; } .ads a { margin-right : 25px; margin-bottom : 2px; color : #53a5ce; font-size : 0.8em; font-weight : bold; padding-left : 3px; text-decoration : none; padding-bottom : 15px; } #footer { width : 902px; clear : both; color : #333; background : #dbe6ec; margin : 0 0 0 0; padding : 10px; text-align : center; }

Toplamda 30201 ziyaretçi (45520 klik) burdaydı!

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

Ücretsiz kayıt ol