Tasarim-Cini | Css Tasarımlar | HTML Kodları

SÜPER CSS TASARIMLAR KARŞINIZDA
BİZLERE TEŞEKKÜR ETMEK İSTİYORSANIZ Z.DEFTERİNE 1 MESAJINIZ YETER.

Tasarımın üzerindeki yazıya

Tasarımın altınaki yazıya

<div id="sidebar"> <ul> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Topliste</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#">İce Blue</a> (23)</li> <li><a href="#" _fcksavedurl="#">Red</a> (31)</li> <li><a href="#" _fcksavedurl="#">Butterfly</a> (31)</li> <li><a href="#" _fcksavedurl="#">Css</a> (30)</li> <li><a href="#" _fcksavedurl="#">Php</a> (31)</li> <li><a href="#" _fcksavedurl="#">Asp</a> (30)</li> <li><a href="#" _fcksavedurl="#">Xhtml</a> (31)</li> <li><a href="#" _fcksavedurl="#">Html</a> (28)</li> <li><a href="#" _fcksavedurl="#">xml</a> (31)</li> </ul> </li> </ul> </div>  </div> </div>  <div id="footer"> <p>©2008 Tüm Hakkı Saklıdır; Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a> • Icons by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </body></html>
Css koduna

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;} /* Theme Name: Unnamed Theme URI: http://www.freewpthemes.net/preview/unnamed Description: Widget ready and tested on WP 2.2+. Version: 2.0 Author: Free WordPress Themes Author URI: http://www.freewpthemes.net/ */ body { margin-top: 30px; padding: 0; background: #000000; font-size: 13px; text-align: justify; color: #ADADAD; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #819CDB; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #FFFFFF; } a:hover { color: #FFFFFF; } hr { display: none; } /* Header */ #header { width: 800px; height: 143px; margin: 0 auto; padding-bottom: 30px; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img01.jpg) no-repeat left top; } #header h1, #header p { float: left; margin: 0; padding: 50px 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; } #header h1 { color: #FFB71C; font-size: 44px; } #header p { padding: 65px 0 0 10px; font-size: 16px; color: #FFFFFF; } #header a { text-decoration: none; color: #FFB71C; } /* Page */ #page { width: 800px; margin: 0 auto; } /* Content */ #content { float: right; width: 480px; margin: 0; margin-bottom: 30px; } .post { padding: 0px 0px 0 0px; } .title { margin: 0; padding-bottom: 5px; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { border-bottom: 2px solid #0F0F0F; } .byline { margin: 0; color: #646464; } .meta { text-align: left; color: #646464; padding: 10px 10px; margin: 30px 0; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .meta .more { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; padding-left: 10px; } .meta .comments { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; padding-left: 10px; } .meta a { } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #0F0F0F; } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } /* Sidebar */ #sidebar { float: left; width: 260px; } #sidebar ul { margin: 0; padding: 0 0 20px 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0px 21px 20px 10px; } #sidebar li li { border-bottom: 1px dotted #363B3F; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 40%; padding: 0 0 10px 15px; } #sidebar h2 { margin: 0; height: 35px; padding: 8px 0px 10px 13px; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFFFFF; } #sidebar h2 a { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat left 50%; } #sidebar a { } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(images/img05.gif) repeat-x; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { clear: both; height: 136px; width: 800px; margin: 0 auto; border-top: 10px solid #1E2223; text-align: center; font-size: smaller; font-family: Arial, Helvetica, sans-serif; color: #646464; } #footer p { padding-top: 40px; text-transform: uppercase; } #footer p a { color: #FFFFFF; } </body></html>

Tasarımın üzerindeki yazıya

Tasarımın altındaki yazıya

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Kategori 1</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> <li> <h2>Kategori2</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 YourSite. Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>
Css koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img01.gif) repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #7D7D7D; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; font-size: 11px; } a:link { color: #6DBD0B; } a:hover, a:active { text-decoration: none; color: #6DBD0B; } a:visited { color: #6DBD0B; } img { border: 1px dashed #86E714; padding: 2px; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Header */ #header { width: 860px; height: 50px; margin: 0 auto; } /* Menu */ #menu { width: 860px; margin: 0; padding: 0; } #menu ul { float: right; display: block; margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { margin-right: 3px; padding: 10px 15px 10px 10px; letter-spacing: -.5px; text-decoration: none; text-transform: lowercase; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; } #menu a:hover { text-decoration: none; color: #000000; } #menu .current_page_item a { color: #000000; } #menu .numbertxt { font-size: 28px; color: #C4F28D; } #menu span { margin: 0; padding: 0; } /** LOGO */ #logo { clear: both; width: 860px; height: 80px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { margin: 0; padding: 0 0 0 75px; line-height: normal; } #logo h1 { } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: float: left; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #66B209; } #logo p a { text-decoration: none; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 850px; margin: 0 auto; } /* Content */ #content { float: right; width: 600px; } /* Post */ .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; border-bottom: 1px dotted #D1D1D1; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; } .post .entry { } .post .meta { height: 70px; padding: 40px 15px 0px 15px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left top; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img09.gif) no-repeat left 50%; } .post .meta .comments { padding-left: 22px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img08.gif) no-repeat left 50%; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 215px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; padding-bottom: 20px; } #sidebar li li { margin: 0; padding-left: 12px; } #sidebar h2 { padding-top: 20px; margin-bottom: 10px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; border-bottom: 1px dotted #D1D1D1; font-size: 18px; } /* Search */ #search { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; margin-bottom: 20px; } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; margin-left: 15px; margin-bottom: 20px; padding: 3px 0px 3px 15px; border: 1px solid #F0F0F0; } #x { margin-bottom: 20px; padding: 3px 3px 3px 3px; background: #ECECEC; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(images/img10.gif) repeat-x left bottom; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { width: 860px; height: 52px; margin: 0 auto; } #footer { margin: 0 auto; height: 52px; min-height: 52px; padding: 0; background: #A0A0A3 url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) repeat-x left bottom; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 15px; text-align: center; color: #FFFFFF; } #legal a { font-weight: bold; color: #FFFFFF; } </body></html>

Tasarımın Üzerindeki Yazı

<div id="wrapper"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></h1> <h2>Design by CssTaSaRiMi</h2> </div> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">iletişim</a></li> <li><a href="#" _fcksavedurl="#">toplist</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li class="last"><a href="#" _fcksavedurl="#">Z.Defteri</a></li> </ul> </div> </div>   <div id="page">  </body></html>
Tasarımın Altındaki Yazı

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Menü1</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> <li> <h2>Menü2</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">2008 Bütün hakları Saklıdır<a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a> designed by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>
Css Koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 50px; padding: 0; background: #B2EBFF url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img01.gif) repeat-x left bottom; font-size: 13px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; text-align: justify; color: #FFFFFF; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #FFFFFF; } a:hover, a:active { text-decoration: none; color: #FFFFFF; } a:visited { color: #FFFFFF; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { margin: 0 auto; padding: 0; } /* Header */ #header { width: 713px; margin: 0 auto; height: 130px; } /* Menu */ #menu { float: left; width: 713px; height: 70px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img03.gif) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 10px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 20px 17px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img05.gif) no-repeat left 52%; text-decoration: none; font-size: 13px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { background: none; color: #000000; } /** LOGO */ #logo { width: 713px; height: 130px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { float: left; margin: 0; padding: 60px 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #4C4C4C; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 75px 0 0 18px; font: 18px Georgia, "Times New Roman", Times, serif; color: #0044D1; } #logo p a { text-decoration: none; color: #8BD80E; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 663px; margin: 0 auto; padding: 0 25px; } /* Content */ #content { float: left; width: 410px; } /* Post */ .post { padding: 15px 0px; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 22px; color: #FFFFFF; } .post .entry { } .post .meta { padding: 15px 15px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 10px 0 18px; } .post .meta .comments { } .post .meta b { display: none; } /* Sidebar */ #sidebar { width: 210px; float: right; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width: 250px; margin-bottom: 10px; padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 130px; margin-right: 5px; padding: 2px; } #x { padding: 2px; border: none; border: 1px solid #FFFFFF; background: #0157DE; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { } #footer { width: 693px; margin: 0 auto; padding: 10px 0 10px 0; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img07.gif) no-repeat left top; } html>body #footer { height: auto; } #footer p { font-size: 11px; } #legal { clear: both; text-align: center; color: #FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; } </body></html>

Tasarımın üzerindeki yazıya

<div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></h1> <h2><a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">Design by CssTaSaRiMi</a></h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#" title="">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" title="">Z.Defteri</a></li> <li><a href="#" _fcksavedurl="#" title="">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#" title="">İletişim</a></li> <li><a href="#" _fcksavedurl="#" title="">Forum</a></li> </ul> </div> </div> <div id="content"> <div id="sidebar"> <div id="login" class="boxed"> <div class="title"> <h2>Üye Girişi</h2> </div> <div class="content"> <form id="form1" method="post" action="#"> <fieldset> <legend>Giriş:</legend> <label for="inputtext1">E-Mail</label> <input id="inputtext1" type="text" name="inputtext1" value="" /> <label for="inputtext2">Şifre:</label> <input id="inputtext2" type="password" name="inputtext2" value="" /> <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> <p><a href="#" _fcksavedurl="#">Şifreni mi unuttun?</a></p> </fieldset> </form> </div> </div>  <div id="updates" class="boxed"> <div class="title"> <h2>Menü</h2> </div> <div class="content"> <ul> <li> <h3></h3> <p><a href="#" _fcksavedurl="#">1. Xml</a></p> </li> <li> <h3></h3> <p><a href="#" _fcksavedurl="#">2. Css</a></p> </li> <li> <h3></h3> <p><a href="#" _fcksavedurl="#">3. Html</a></p> </li> <li> <h3></h3> <p><a href="#" _fcksavedurl="#">4. Asp</a></p> </li> <li> <h3></h3> <p><a href="#" _fcksavedurl="#">5. Php</a></p> </li> </ul> </div> </div>  </div>  </body></html>
Tasarımın altındaki yazıya

Css koduna

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 Csstasarimi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin: 20px 0; background: #FFFFFF; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; } h1, h2, h3 { color: #333333; } h2 { } h3 { font-size: 1em; } p, blockquote, ul, ol { margin-bottom: 1.5em; line-height: 1.65em; text-align: justify; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { text-decoration: underline; color: #3E9722; } a:hover { text-decoration: none; color: #E58C24; } img { border: none; } img.left { float: left; margin: 5px 20px 0 0; } img.right { float: right; margin: 5px 0 0 20px; } /* Boxed Style */ .boxed { } .boxed .title { background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; } .boxed .title h2 { height: 28px; padding: 12px 0 0 20px; text-transform: uppercase; font-size: 1em; color: #FFFFFF; } .boxed .content { padding: 20px; border-top: 1px solid #FFFFFF; background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; } /* Post */ .post { } .post .title { background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; font-size: 1em; text-transform: uppercase; color: #FFFFFF; } .post .title span { display: block; height: 28px; padding: 12px 0 0 20px; } .post .date { margin-top: -25px; padding-bottom: 10px; padding-right: 20px; text-align: right; font-size: x-small; color: #FFFFFF; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { clear: both; } .post .meta p { margin: 0; padding: 10px 20px 40px 20px; border-top: 1px dotted #CCCCCC; line-height: normal; font-size: x-small; } .post .story { padding: 20px; border-top: 1px solid #FFFFFF; background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; } /* Header */ #header { width: 920px; height: 120px; margin: 0 auto; padding: 20px 20px 0 20px; background: #CAE646 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img01.jpg) no-repeat; } /* Header > Logo */ #logo { float: left; width: 240px; height: 50px; } #logo h1 { float: left; margin: 0; padding: 50px 0 0 0; font-size: 2.6em; } #logo h2 { float: left; margin-top: -5px; font-size: 1em; } #logo a { text-decoration: none; color: #000000; } /* Header > Menu */ #menu { float: right; } #menu ul { margin: 0; padding-top: 79px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 120px; height: 30px; margin-left: 2px; padding-top: 10px; background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img03.gif) no-repeat; text-decoration: none; text-align: center; font-weight: bold; color: #000000; } #menu a:hover { background-image: url(images/img04.gif); } #menu .active a { background-image: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img05.gif); } /* Content */ #content { width: 920px; margin: 0 auto; padding: 20px; background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; border-top: 1px solid #FFFFFF; } /* Content > Main */ #main { float: left; width: 480px; padding-left: 20px; } /* Content > Main > Welcome */ #welcome { } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 220px; } #sidebar .boxed .title h2 { background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img08.gif) no-repeat; } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { display: block; } #login input { margin-bottom: 10px; padding: 2px 5px; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; } #inputtext1, #inputtext2 { width: 160px; } #inputsubmit1 { margin: 0; padding: 0; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { font-size: .8em; } #updates p { line-height: normal; font-size: .8em; } #updates a { text-decoration: none; } /* Content > Sidebar2 */ #sidebar2 { float: left; width: 180px; padding-left: 20px; } #sidebar2 .boxed .title h2 { background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img10.gif) no-repeat right top; } /* Content > Sidebar2 > Sponsors */ #sponsors { } #sponsors ul { margin-left: 0; padding-left: 0; list-style: inside; } /* Content > Sidebar2 > ad120x600 */ #ad120x600 { text-align: center; } /* Footer */ #footer { clear: both; width: 960px; height: 80px; margin: 0 auto; padding: 20px 0; background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; } #footer p { margin: 0; text-align: center; line-height: normal; font-size: x-small; } #footer a { text-decoration: underline; color: #666666; } #footer a:hover { text-decoration: none; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { }</body></html>

Tasarım No	Tasarım Adı	Kategori	Önizleme	Kodu İndir
1	Pastries	Sanatsal	Önizleme	İndir
2	Applique	Neşeli	Önizleme	İndir
3	Thermal	İsyankar	Önizleme	İndir
4	CrystalX	Neşeli	Önizleme	İndir
5	Dreamcity	Şehir	Önizleme	İndir
6	Fragrance	Sanatsal	Önizleme	İndir
7	Personal	Neşeli	Önizleme	İndir
8	Numerology	Tabiat	Önizleme	İndir
9	Sun Flower	Tabiat	Önizleme	İndir
10	Greenygrass	Tabiat	Önizleme	İndir
11	Chasmogamous	Neşeli	Önizleme	İndir
12	Rising Sun	Tabiat	Önizleme	İndir
13	Rain Drop	Tabiat	Önizleme	İndir
14	Basketball	Spor	Önizleme	İndir
15	Beautiful Night	Aşk	Önizleme	İndir
16	Golden Age	Tabiat	Önizleme	İndir
17	Feather	Aşk	Önizleme	İndir
18	Wild City	Şehir	Önizleme	İndir
19	Kiss Me	Aşk	Önizleme	İndir
20	Tunel	Meslekî	Önizleme	İndir
21	Minimal	Aşk	Önizleme	İndir
22	Sweet Buzz Blue	Neşeli	Önizleme	İndir
23	Candy Apple	Kişisel	Önizleme	İndir
24	Extended	Neşeli	Önizleme	İndir
25	I love my dog	Dost	Önizleme	İndir
26	Subordinate	Tabiat	Önizleme	İndir
27	Outsourcing	Kişisel	Önizleme	İndir
28	Wow Pets	Dost	Önizleme	İndir
29	My Car	Meslekî	Önizleme	İndir
30	Beyond	Tabiat	Önizleme	İndir
31	Port Central	Meslekî	Önizleme	İndir
32	Chromz	İsyankar	Önizleme	İndir
33	Green N Blue	Neşeli	Önizleme	İndir
34	Wide Gray	İsyankar	Önizleme	İndir
35	Dusplic	Sanatsal	Önizleme	İndir
36	Black and White	İsyankar	Önizleme	İndir
37	Gradientist	İsyankar	Önizleme	İndir
38	Red Music	Müzik	Önizleme	İndir
39	Web Max	İnternet	Önizleme	İndir
40	Square	Kişisel	Önizleme	İndir
41	Music 07	Müzik	Önizleme	İndir
42	Orchids	Aşk	Önizleme	İndir
43	Unknown	Meslekî	Önizleme	İndir
44	Green Solutions	Neşeli	Önizleme	İndir
45	Apple Web	İnternet	Önizleme	İndir
46	Gold Shire	Tabiat	Önizleme	İndir
47	Description	İsyankar	Önizleme	İndir
48	People	Kişisel	Önizleme	İndir
49	Snow Glass	Neşeli	Önizleme	İndir
50	3Columns Orange	Meslekî	Önizleme	İndir
51	Decayed	İsyankar	Önizleme	İndir
52	Sun Rise	Tabiat	Önizleme	İndir
53	The Gathering	İsyankar	Önizleme	İndir
54	Metplate	İnternet	Önizleme	İndir
55	Silver Globe	İnternet	Önizleme	İndir
56	Bright Idea	Kişisel	Önizleme	İndir
57	Snail	Tabiat	Önizleme	İndir
58	Lotus Flower	Tabiat	Önizleme	İndir
59	Hardware Store	İnternet	Önizleme	İndir
60	Beauty Salon	Kişisel	Önizleme	İndir
61	Game Zone	Oyun	Önizleme	İndir
62	Music Shop	Müzik	Önizleme	İndir
63	Night Club 2	Müzik	Önizleme	İndir
64	Architecture 2	Meslekî	Önizleme	İndir
65	Clothes Fashion	Meslekî	Önizleme	İndir
66	Media	Meslekî	Önizleme	İndir
67	Music Store	Müzik	Önizleme	İndir
68	Food Online	Meslekî	Önizleme	İndir
69	Party Time	Müzik	Önizleme	İndir
70	Counterstrike 2	Oyun	Önizleme	İndir
71	Night Club	Müzik	Önizleme	İndir
72	Architecture	Meslekî	Önizleme	İndir
73	Salt and Soap	Meslekî	Önizleme	İndir
74	Call of Duty 2	Oyun	Önizleme	İndir
75	Movie Company	Meslekî	Önizleme	İndir
76	Hilary Duff	Kişisel	Önizleme	İndir
77	DJ Club	Meslekî	Önizleme	İndir
78	Fire Rescue Squad	Meslekî	Önizleme	İndir
79	Counter Strike	Oyun	Önizleme	İndir
80	Jennifer Love Hewitt	Kişisel	Önizleme	İndir
81	Baby	Kişisel	Önizleme	İndir
82	Radio Station	Meslekî	Önizleme	İndir
83	Florist	Tabiat	Önizleme	İndir
84	Land Space	Meslekî	Önizleme	İndir
85	Aquaria	Dost	Önizleme	İndir
86	Subdued	Tabiat	Önizleme	İndir
87	Snow Flakes	Tabiat	Önizleme	İndir
88	The Green House	Tabiat	Önizleme	İndir
89	Grunge Superstar	İsyankar	Önizleme	İndir
90	Widget Like	İsyankar	Önizleme	İndir
91	Island	Kişisel	Önizleme	İndir
92	Burning House	Kişisel	Önizleme	İndir
93	Mythology	Kişisel	Önizleme	İndir
94	City Scapes	Şehir	Önizleme	İndir
95	Fruits	Tabiat	Önizleme	İndir
96	Spider City	Şehir	Önizleme	İndir
97	Skyvalley	Meslekî	Önizleme	İndir
98	Simple Green	Tabiat	Önizleme	İndir
99	Green Light (WP)	Tabiat	Önizleme	İndir
100	Chaos (WP)	Neşeli	Önizleme	İndir
101	Fun (WP)	Kişisel	Önizleme	İndir
102	Dyne (WP)	Aşk	Önizleme	İndir
103	Japan (WP)	Kişisel	Önizleme	İndir
104	Nur (WP)	Dinî	Önizleme	İndir
105	Desk Mess (WP)	Kişisel	Önizleme	İndir
106	Sweet Touch (WP)	Aşk	Önizleme	İndir
107	Day and Night (WP)	Aşk	Önizleme	İndir
108	Facebook (WP)	İnternet	Önizleme	İndir
109	Vector Lover	Kişisel	Önizleme	İndir
110	World of Warcraft	Oyun	Önizleme	İndir
111	Dolphins	Kişisel	Önizleme	İndir
112	Halo	Oyun	Önizleme	İndir
113	Modern Blog	Meslekî	Önizleme	İndir
114	Electronix	İnternet	Önizleme	İndir
115	Rs11	Neşeli	Önizleme	İndir
116	Damai (WP)	Kişisel	Önizleme	İndir
117	Temper	Neşeli	Önizleme	İndir
118	Studio5	Meslekî	Önizleme	İndir
119	Rs07	Kişisel	Önizleme	İndir
120	Urban (WP)	Şehir	Önizleme	İndir
121	Rs12	Kişisel	Önizleme	İndir
122	Baseline	Neşeli	Önizleme	İndir
123	Tigopedia (WP)	İnternet	Önizleme	İndir
124	Pink Orb	Meslekî	Önizleme	İndir
125	Zymic 50	Kişisel	Önizleme	İndir
126	My web	İnternet	Önizleme	İndir
127	Paradise	Kişisel	Önizleme	İndir
128	Travel Portal	Meslekî	Önizleme	İndir
129	Jet 30	Neşeli	Önizleme	İndir
130	Soccer Club	Spor	Önizleme	İndir
131	Creative Art (WP)	Kişisel	Önizleme	İndir
132	Urban Artist	Kişiseş	Önizleme	İndir
133	Dream Princess	Neşeli	Önizleme	İndir
134	Manuscript	Meslekî	Önizleme	İndir
135	Football Dreams (J)	Spor	Önizleme	İndir
136	Web Hosting (J)	İnternet	Önizleme	İndir
137	Oxidation	Neşeli	Önizleme	İndir
138	Dark Rounded	İsyankar	Önizleme	İndir
139	Grundge Rock (WP)	Müzik	Önizleme	İndir
140	Art Color (WP)	Tabiat	Önizleme	İndir
141	Bamboo	Kişisel	Önizleme	İndir
142	Valentine	Aşk	Önizleme	İndir
143	Crystal Black	İsyankar	Önizleme	İndir
144	Travel	Meslekî	Önizleme	İndir
145	Hosting	İnternet	Önizleme	İndir
146	Graffiti Art (WP)	Neşeli	Önizleme	İndir
147	Latino Girl (J)	Kişisel	Önizleme	İndir
148	Life Style (WP)	Kişisel	Önizleme	İndir
149	ÖrneXite (WP)	İnternet	Önizleme	İndir
150	Zymic 72	Kişisel	Önizleme	İndir

Tüm tasarımların rar şifresi: hackerfriend

trip-x@hotmail.com