- uc52

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

uc52

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

Tasarimin Üzerine

<div class="templatemo_container">  <div id="templatemo_header"> <div id="templatemo_menu_section"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Home</a></li> <li><a href="#" _fcksavedurl="#">Guitars</a></li> <li><a href="#" _fcksavedurl="#">Albums</a></li> <li><a href="#" _fcksavedurl="#">Bands</a></li> <li><a href="#" _fcksavedurl="#">Testimonials</a></li> <li><a href="#" _fcksavedurl="#">About Us</a></li> <li><a href="#" _fcksavedurl="#" class="last">Contact</a></li> </ul> </div> </div> <div id="templatemo_content_area"> <div id="templatemo_left"> <div class="templatemo_left_section_box"> <div class="templatemo_left_section_box_top"> <h1> About Guitars</h1> </div> <div class="templatemo_left_section_box_mid"> <p>Mauris at tortor non mauris rhoncu vesti bulum. Praesent purus nuncn com modo metus. </p> <p>Mae cen astin cidu tellus et risus com modo lobor tiSed alique.</p> <h1> Tutorials</h1> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Vesti bulum ante ipsum primis</a></p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Uctus et ultri ces pos test</a> </p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Cubilia cura Aene and do sed</a> </p> <p class="bottom_padding"><a href="#" _fcksavedurl="#">Nun est impe rdiet port</a></p> <h1>W3C Validated</h1> <p> <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg"><img height="31" alt="Valid XHTML 1.0 Transitional" src="https://img.webme.com/pic/c/css-merkez/toplist.gif" _fcksavedurl="https://img.webme.com/pic/c/css-merkez/toplist.gif" width="88" vspace="8" border="0" /></a> <a href="http://www.msncocugu.tr.gg" _fcksavedurl="http://www.msncocugu.tr.gg"><img alt="Valid CSS!" src="https://img.webme.com/pic/m/msncocugu/toplist.gif" _fcksavedurl="https://img.webme.com/pic/m/msncocugu/toplist.gif" vspace="8" border="0" /></a> </p> </div> <div class="templatemo_left_section_box_bottom"> </div> </div> </div> <div id="templatemo_middle"> <div class="templatemo_middle_section_box"> <div class="templatemo_middle_section_box_top"> <h1>Sitemize Hosgeldiniz...!</h1> </div> <div class="templatemo_middle_section_box_mid">

Tasarimin ALtına

</div> <div class="templatemo_middle_section_box_bottom"> </div> </div> </div> <div id="templatemo_right"> <div class="templatemo_right_section_box"> <div class="templatemo_right_section_box_top"> <h1>Albums</h1> </div> <div class="templatemo_right_section_box_mid"> <ul> <li><a href="#" _fcksavedurl="#">Ut consequat, ante egestas tristique</a></li> <li><a href="#" _fcksavedurl="#">Con gue, magna magna scele ris que</a></li> <li><a href="#" _fcksavedurl="#">Non congue est nibh quis est</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse pharetra eros molestie</a></li> <li><a href="#" _fcksavedurl="#">orci tempus iaculis. Sed ac porta dui</a></li> </ul> </div> <div class="templatemo_right_section_box_bottom"> </div> </div> <div class="templatemo_right_section_box"> <div class="templatemo_right_section_box_top"> <h1>Artists</h1> </div> <div class="templatemo_right_section_box_mid"> <ul> <li><a href="#" _fcksavedurl="#">Egestas Tristique</a></li> <li><a href="#" _fcksavedurl="#">Scele Risque</a></li> <li><a href="#" _fcksavedurl="#">Est Nibhquis</a></li> <li><a href="#" _fcksavedurl="#">Disse Pharetra</a></li> <li><a href="#" _fcksavedurl="#">Porta Dui</a></li> </ul> </div> <div class="templatemo_right_section_box_bottom"> </div> </div> </div> <div class="cleaner"></div> </div> </div> <div id="templatemo_bottom_bg"> <div class="templatemo_container"> <div id="templatemo_footer"> <div class="templatemo_footer_section"> <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Home</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Guitars</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Albums</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Bands</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Testimonials</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">About Us</a> | <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Contact</a> </div> <div class="templatemo_footer_section"> Copyright © 2009 Senin Adın (Murat Özdoğan) | Designed by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" target="_parent" title="CSS Templates">Css Merkez</a> </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 { background: #373737; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_top_bg.jpg) #000 repeat-x; } a:link, a:visited { color: #fff; text-decoration: underline; } a:active, a:hover { color: #bbb; text-decoration: none; } .templatemo_container { width: 950px; margin: auto; } #templatemo_header { width: 950px; height: 331px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_header.jpg) no-repeat; } /* Menu Section */ #templatemo_menu_section{ width: 950px; height: 35px; float: left; margin: 295px 0 0 0; padding: 0; } #templatemo_menu_section ul { float: left; width: 920px; margin: 0 0 0 0; padding: 0; list-style: none; } #templatemo_menu_section ul li { display: inline; } #templatemo_menu_section ul li a { float: left; padding: 8px 30px 0 30px; margin: 0; height: 26px; font-family: Arial; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #858585; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_menu.jpg) right bottom no-repeat; } #templatemo_menu_section ul li a.last{ background: none; } #templatemo_menu_section li a:hover, #templatemo_menu_section li .current{ color: #fff; } /* End Of Menu */ #templatemo_content_area { width: 950px; margin: 0; padding: 0; } #templatemo_left { float: left; width: 220px; margin: 0; padding: 15px 0 0 0; } #templatemo_left .templatemo_left_section_box { width: 221px; margin: 0 0 15px 0; padding: 0 ; } .templatemo_left_section_box .templatemo_left_section_box_top { width: 206px; height: 35px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_left_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_left_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_left_section_box .templatemo_left_section_box_mid { width: 191px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_left_section_mid.jpg) repeat-y; margin: 0; padding: 10px 15px 0 15px; } .templatemo_left_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_left_section_box .bottom_padding { padding: 0; } .templatemo_left_section_box_mid h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_music_note.jpg) left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; } .templatemo_left_section_box .templatemo_left_section_box_bottom { width: 221px; height: 21px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_left_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_middle { float: left; width: 455px; margin: 0; padding: 15px 15px 0 15px ; } #templatemo_middle .templatemo_middle_section_box { width: 455px; margin: 0 0 15px 0; padding: 0; } .templatemo_middle_section_box .templatemo_middle_section_box_top { width: 440px; height: 35px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_mid_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_middle_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_middle_section_box .templatemo_middle_section_box_mid { width: 425px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_mid_section_mid.jpg) repeat-y; margin: 0; padding: 15px 15px 0 15px; } .templatemo_middle_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_middle_section_box_mid img { float: left; margin: 0 5px 5px 0; padding: 0; } .templatemo_middle_section_box .bottom_padding { padding: 0; } .templatemo_middle_section_box_mid h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_music_note.jpg) left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; } .templatemo_middle_section_box .templatemo_middle_section_box_bottom { width: 455px; height: 23px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_mid_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_right { float: right; width: 245px; margin: 0; padding: 15px 0 0 0; } #templatemo_right .templatemo_right_section_box { width: 246px; margin: 0 0 15px 0; padding: 0 ; } .templatemo_right_section_box .templatemo_right_section_box_top { width: 231px; height: 35px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_right_section_top.jpg) no-repeat; margin: 0; padding: 13px 0 0 15px; } .templatemo_right_section_box_top h1 { height: 31px; font-family: Arial; font-size: 16px; color: #fff; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_music_note.jpg) left no-repeat; margin: 0; padding: 5px 0 0 40px; } .templatemo_right_section_box .templatemo_right_section_box_mid { width: 216px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_right_section_mid.jpg) repeat-y; margin: 0; padding: 15px 15px 0 15px; } .templatemo_right_section_box_mid p { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 10px 0; } .templatemo_right_section_box_mid ul { list-style: none; margin: 0; padding: 0; } .templatemo_right_section_box_mid li { font-family: Arial; font-size: 12px; color: #fff; text-align: justify; margin: 0 0 0 0; padding: 0 0 5px 0; } .templatemo_right_section_box .templatemo_right_section_box_bottom { width: 246px; height: 22px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_right_section_bottom.jpg) no-repeat; margin: 0; padding: 0; } #templatemo_bottom_bg { width: 100%; height: 200px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_bottom_bg.jpg) repeat-x; } #templatemo_footer { width: 950px; height: 120px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css52/images/templatemo_footer.jpg) no-repeat; margin: 0; padding: 80px 0 0 0; } #templatemo_footer .templatemo_footer_section { width: 100%; margin: 0 0 10px 0; padding: 0; color: #fff; text-align: center; font-size: 12px; } .cleaner { clear: both; margin: 0; padding: 0; height: 0; }

Toplamda 23234 ziyaretçi (36282 klik) burdaydı!

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

Ücretsiz kaydol