- uc51

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

uc51

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

Tasarimin Üzerine

<div id="templatemo_background_top"> <div class="templatemo_container"> <div id="templatemo_header"> </div> <div class="templatemo_content"> <div id="templatemo_content_white_top"> <div id="templatemo_menu"> <ul> <li><a href="index.html" _fcksavedurl="index.html" class="current">HOME</a></li> <li><a href="subpage.html" _fcksavedurl="subpage.html">PROJECTS</a></li> <li><a href="subpage.html" _fcksavedurl="subpage.html">CLIENTS</a></li> <li><a href="subpage.html" _fcksavedurl="subpage.html">ABOUT US</a></li> <li><a href="#" _fcksavedurl="#" class="lastmenu">CONTACT</a></li> </ul> </div> </div> <div id="templatemo_content_white_middle"> <div class="templatemo_post_area"> <h1>Welcome to Design Gallery</h1> <p><img alt="Design Gallery" src="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_1.jpg" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_1.jpg" />This layout is a <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">FREE CSS template</a> provided by TemplateMo.com website. You may use this template for any of your websites. Credit goes to <a href="http://www.smashingmagazine.com" _fcksavedurl="http://www.smashingmagazine.com" target="_blank">SmashingMagazine.com</a> for icons used in this template. </p> <p>Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Proin consec tetuer. </p> <p>Donec vene natis. Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. <a href="#" _fcksavedurl="#">Read More</a></p> <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 class="cleaner_with_height"></div> </div> </div> </div> </div> </div> <div id="templatemo_background_middle"> <div class="templatemo_container"> <div class="templatemo_content"> <div id="templatemo_content_white_blue_joint"> </div> <div id="templatemo_content_blue_middle"> <div class="templatemo_post_area">

Tasarimin ALtına

<div class="cleaner_with_height"></div> </div> </div> <div id="templatemo_content_blue_two_col_joint"> </div> <div id="templatemo_content_two_col_middle"> <div class="templatemo_post_area_left"> <h1>Who We Are</h1> <img alt="Design Blog" src="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_2.jpg" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_2.jpg" /> <ul> <li><a href="#" _fcksavedurl="#">Nulla enim nibh, consectetuer sed</a></li> <li><a href="#" _fcksavedurl="#">Vestibulum elementum, sagittis nec</a></li> <li><a href="#" _fcksavedurl="#">Diam. Mauris blandit vehicula neque</a></li> <li><a href="#" _fcksavedurl="#">Proin consectetuer. Donec venenatis</a></li> <li><a href="#" _fcksavedurl="#">Cras urna metus, feugiat non</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#" _fcksavedurl="#">Nulla et nunc commodo ante ornare</a></li> </ul> </div> <div class="templatemo_post_area_right"> <h1>Testimonials</h1> <div class="post_area"> <img alt="Design Gallery" src="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_3.jpg" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_thumb_3.jpg" /> <h2>Praesent vel diam </h2> <p>Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa.</p> <h2>Curabitur nec odio</h2> <p>Mae cenas vulps utate, arcue idm ferm entum elei fend, tortor enim tinc idunt mau ris, frin gilla tincidunt purus urna vel risus.</p> </div>  </div> <div class="cleaner_with_height"></div> </div> <div id="templatemo_content_two_col_bottom"> </div> <div class="templatemo_copyright"> 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: #000d0d; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #000; width: 100%; display: table; background: #000d0d; } a { color: #902200; font-weight: bold; text-decoration: none; } a:hover { color: #cf3607; font-weight: bold; text-decoration: none; } #templatemo_background_top { width: 100%; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_bg_top.jpg) center top no-repeat; margin: 10px 0 0 0; } #templatemo_background_middle { width: 100%; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_bg_middle.jpg) center top no-repeat; } .templatemo_container { width: 820px; margin: auto; } #templatemo_header { width: 820px; height: 150px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_header.jpg) center no-repeat; } .templatemo_content { width: 820px; } #templatemo_content_white_top { width: 820px; height: 100px; background:url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_white_content_top.jpg) no-repeat; } /*------------- Menu ------------------*/ #templatemo_content_white_top #templatemo_menu { float: left; width: 370px; height: 35px; margin: 15px 0 0 225px; } #templatemo_menu ul { float: left; width: 370px; margin: 0; padding: 10px 0 0 0; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 0 10px; font-family: Tahoma; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; color: #0ff; border-right: 1px solid #FFFFFF; } #templatemo_menu ul li .lastmenu{ border-right: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ text-decoration: underline; } /* ---- ----- End OF Menu ---- ------*/ #templatemo_content_white_middle { width: 820px; background:url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_white_content_middle.jpg) repeat-y; } #templatemo_content_white_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 0; } #templatemo_content_white_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area img{ float: left; margin: 0 20px 20px 0; padding: 0; } #templatemo_content_white_blue_joint { width: 820px; height: 48px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_white_blue_joint.jpg) no-repeat; } #templatemo_content_blue_middle { width: 820px; background:url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_blue_content_bg.jpg) repeat-y; } #templatemo_content_blue_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 15px 0 0 0; } #templatemo_content_blue_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area img{ float: right; margin: 0 0 20px 20px; padding: 0; } #templatemo_content_blue_two_col_joint { width: 820px; height: 71px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_blue_2_col_joint.jpg) no-repeat; } #templatemo_content_two_col_middle { width: 820px; min-height: 76px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_blue_2_col_bg.jpg) repeat-y; } #templatemo_content_two_col_middle .templatemo_post_area_left { float: left; width: 350px; margin: 0 0 0 25px; padding: 0; display: inline; } .templatemo_post_area_left h1{ font-family:"Monotype Corsiva", Arial; font-size: 18px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_left img{ float: left; margin: 0 20px 20px 0; padding: 0; clear: both; } .templatemo_post_area_left ul{ list-style: none; float: left; margin: 0; padding: 0; } .templatemo_post_area_left li{ background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_bullet.jpg) left center no-repeat; padding: 0 0 3px 15px; font-size: 11px; } .templatemo_post_area_left li a{ color: #000; text-decoration: underline; } .templatemo_post_area_left li a:hover{ color: #000; text-decoration: none; } #templatemo_content_two_col_middle .templatemo_post_area_right { float: right; width: 350px; margin: 0 25px -0 0; padding: 0; display: inline; } .templatemo_post_area_right h1{ font-family: "Monotype Corsiva", Arial; font-size: 20px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_right h2 { font-family: Arial; font-size: 12px; color: #af1b03; font-weight: bold; margin: 0 0 0 0; padding: 0; } .post_area { margin: 0; padding: 0; } .templatemo_post_area_right p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } .templatemo_post_area_right img{ float: right; margin: 0 0px 20px 20px; padding: 0; clear: both; } #templatemo_content_two_col_bottom { width: 820px; height: 45px; background: url(http://csstasarimm.cs.funpic.org/Demo/Css51/images/templatemo_blue_2_col_bottom.jpg) bottom no-repeat; } .templatemo_copyright{ float: left; width: 100%; margin: 10px 0 10px 0; padding: 0 0 0 25px; color: #fff; text-align: center; } .templatemo_copyright a{ color: #fff; text-decoration: none; } .templatemo_copyright a:hover{ color: #fff; text-decoration: underline; } .cleaner_with_height { clear:both; height: 1px; }

Toplamda 23224 ziyaretçi (36252 klik) burdaydı!

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

Ücretsiz kaydol