Gri Css Tasarım

[Blog-Comic]

Önizleme :


Tasarım Üstü

Kod: Tümünü Seç Tümünü Kopyala

<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Site Adı</a></h1> <h2><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Site amblemi</a></h2> </div> <!-- end div#logo --> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Z. Defteri</a></li> </ul> </div> <!-- end div#menu --> </div> <!-- end div#header --> <div id="page"> <div id="content"><h2>Sitemize Hoşgeldiniz</h2>

Tasarım Altı

Kod: Tümünü Seç Tümünü Kopyala

</div> <!-- end div#content --> <div id="sidebar"> <ul> <li id="submenu"> <h2>Kategoriler</h2> <ul> <li><a href="#" _fcksavedurl="#">Nickler</a></li> <li><a href="#" _fcksavedurl="#">Videolar</a></li> <li><a href="#" _fcksavedurl="#">15x15 İconlar</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarımlar</a></li> <li><a href="#" _fcksavedurl="#">Html Kod Arşivi</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a> [ 8 Site ]</li> <li><a href="#" _fcksavedurl="#">Link Kutusu</a> [ 11 Site ]</li> </ul> </li> <!-- end li#submenu --> <li id="news"> <h2>Duyuru Panosu</h2> <ul> <li> <h3>Yazan: Admin</h3> <p><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Sitemiz hakkında duyurular bu köşeden verilecektir.…</a></p> </li> </li> </ul> </li><br /> <form action="http://www.ingilizceturkcesozluk.net/ara.php" method="post" target="_blank"><br /><table width="160" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC"><tr><td style="font-family:verdana; font-size:10px; color:#006699;"><div align="center">Türkçe - İnglizce / İngilizce - Türkçe Çeviri </div></td></tr><tr><td><div align="center"><span style="color: #333333"><span style="font-size:11px;">Kelime</span>:</span><br /> <input name="ara" type="text" style="background:url(http://www.ingilizceturkcesozluk.net/media/btn_temizle.gif); font-size:11px; color:#FFFFFF;" size="15"><br /></div></td></tr><tr><td><div align="center"><input name="Submit" type="submit" style="background:url(http://www.ingilizceturkcesozluk.net/media/btn_temizle.gif); font-size:11px; color:#FFFFFF;" value="Çevir"></div></td></tr><tr> <td><div align="center"><span style="font-family: verdana; font-size: 9px; color:#666666"><b>© 2009 by BRKNL</b> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"> <img src="http://smilies.webme.com/smiles/smiley.gif" border="0"></a></span></div></td></tr></table><br /></form> <!-- end li#news --> </ul> </div> <!-- end div#sidebar --> <div style="clear: both; height: 1px"></div> </div> <!-- end div#page --> <div id="footer"> <p id="legal">Copyright © 2009 Design by <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Free Tasarım</a></p> </div> <!-- end div#footer --> </div> <!-- end div#wrapper -->

Css Kodu

Kod: Tümünü Seç Tümünü Kopyala

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;}/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { background: #D4C792 url(http://img.webme.com/pic/h/html06/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://img.webme.com/pic/h/html06/img05.gif) no-repeat left bottom; } /* Logo */ #logo { float: left; padding: 20px 0 0 15px; } #logo h1 { margin: 0; padding: 0; font: normal 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; width: 420px; height: 70px; padding-right: 5px; background: url(http://img.webme.com/pic/h/html06/img03.gif) no-repeat left top; } #menu ul { margin: 0; padding: 37px 0 0 0; list-style: none; line-height: normal; margin-left: 30px; } #menu li { display: inline; text-align: center; } #menu a { display: block; float: left; height: 20px; padding: 10px 20px 0 20px; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #FFFFFF; } #menu a:hover, #menu .active a { color: #AA2808; } /* Page */ #page { width: 710px; margin: 0 auto; background: #D4C792 url(http://img.webme.com/pic/h/html06/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://img.webme.com/pic/h/html06/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://img.webme.com/pic/h/html06/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://img.webme.com/pic/h/html06/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; }

HtmlSablonKodu.Tr.Gg'den Alıntıdır

[GrafikDizayn]

Size mi ait? Değilse kaynak eklemeniz iyi olur..

[WordTasarim]

güzel bir tasarım ama kendi tasarımlarınızı paylaşsanız daha iyi olur