Ana Sayfa
Reklam
KAYIT
Giriş
Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!
Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda
Link ekle
Ana Sayfa
Reklam
iletisim
Editor
Deneme
Üyeol
Giriş
Tasarim istek
Amacimiz
Yarisma
Uyeler
Davet et
Anket
deneme2
Html
css-sayfa2
Csstasarim22
Csstasarim23
Csstasarim24
Csstasarim25
Csstasarim26
Csstasarim27
Csstasarim28
Csstasarim31
Csstasarim32
Csstasarim33
Css-sayfa3
Siteniz icin
FenerbahceTV
Deneme4
iletisim.html
Sifremi unuttum
Fragman Kvp
olecekmi
s
Csstasarim26
Tasarimin Üzerine
<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Site Adı</a></h1> <h2><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">By Css Merkez</a></h2> </div> <!-- end div#logo --> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> </ul> </div> <!-- end div#menu --> </div> <!-- end div#header --> <div id="page"> <div id="content">
Tasarimin ALtına
</div> <!-- end div#content --> <div id="sidebar"> <ul> <li id="submenu"> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarimlar</a></li> <li><a href="#" _fcksavedurl="#">Diğer Konular</a></li> </ul> </li> <!-- end li#submenu --> </ul> </div> <!-- end div#sidebar --> <div style="clear: both; height: 1px"></div> </div> <!-- end div#page --> <div id="footer"> <p id="legal">Copyright © 2009 Murat Ozdoğan. Tüm Hakları SakLıdır. Designed by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Merkez</a>.</p> </div> <!-- end div#footer --> </div> <!-- end div#wrapper -->
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 { background: #D4C792 url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img01.gif); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { color: #AA2808; } h1 { } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 20px; line-height: 1.6em; } p { } blockquote { } ul { } ol { } a { text-decoration: underline; color: #323B51; } a:hover { text-decoration: none; color: #FF0000; } /* Wrapper */ #wrapper { } /* Header */ #header { width: 710px; height: 96px; margin: 0 auto; background: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img05.gif) no-repeat left bottom; } /* Logo */ #logo { float: left; padding: 20px 0 0 15px; } #logo h1 { margin: 0; padding: 0; font: italic 36px "Trebuchet MS", Arial, Helvetica, sans-serif; } #logo h2 { margin: -5px 0 0 0; padding: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: bold; color: #D4C792; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; padding-right: 10px; } #menu ul { margin: 0; padding: 50px 0 0 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { display: block; float: left; width: 110px; height: 20px; margin: 0; padding: 10px 0 0 0; background: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img02.gif); text-align: center; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #FFFFFF; } #menu a:hover, #menu .active a { background-image: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesilimg03.gif); color: #AA2808; } /* Page */ #page { width: 710px; margin: 0 auto; background: #D4C792 url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img04.gif) repeat-y; } /* Content */ #content { float: left; width: 388px; padding: 30px 0 0 35px; } #content h1, #content h2, #content h3 { margin-bottom: 20px; } #content h1 { font-size: 136%; } #content h2 { font-size: 107%; } #content h3 { font: 92%; } #content ul, #content ol { list-style-position: inside; } #content .boxed { float: left; width: 46%; padding-right: 2%; } #content .boxed h2 { padding: 5px 0; background: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img5.jpg) repeat-x left bottom; } /* Welcome */ #welcome { } /* Sample1 */ #sample { } /* Sample2 */ #sample2 { } /* Sidebar */ #sidebar { float: right; width: 208px; padding: 0 35px 0 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 1px; padding: 20px 0; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 7px 20px; border: none; } #sidebar h2 { padding: 5px 20px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img6.jpg); border-bottom: 1px dotted #FFFFFF; font-size: 100%; color: #D4C792; } #sidebar h3 { font-size: 77%; color: #D4C792; } #sidebar p { margin: 0; line-height: normal; color: #D4C792; } #sidebar a { border: none; text-decoration: none; color: #FFFFFF; } #sidebar a:hover { text-decoration: underline; } /* Submenu */ #submenu { } /* News */ #news { } #news a { font-size: 85%; } /* Footer */ #footer { width: 710px; height: 50px; margin: 0 auto; padding: 40px 0 0 0; background: url(http://csstasarimm.cs.funpic.org/Tasarim/KirmiziYesil/img06.gif) no-repeat; color: #FFFFFF; } #footer p { margin: 0; text-align: center; font-size: 77%; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: none; }
Menü
Link Ekle
İletişim
Amacımız
Özel Tasarım
Şifremi Unuttum?
Siteniz için
Tasarimlar
İceblue Tasarim
Red Tasarimları
Butterfly Tasarimlari
CSS Design
Yeni Tasarımlar
Üyeler
krhn1907
(yeni üye)
0nyixaKinq
(yeni üye)
soylu-mobilya
(yeni üye)
Mc-Erdem
(eski üye)
Cheebeq
(yeni üye)
Hepsini Göster>>
(48 üye)
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol