TopListBank - Siteni Ekle , Toplist , Site Reklamı Yap , Hitini Artır , Link Ekle , Banner Takas , Link Değişimi

</div> </div>   <div id="footer"> <div id="menu_footer"><a href="http://www.senoynat.tr.gg/">Anasayfa</a> | <a href="#">İletişim</a> | <a href="http://www.3doyuna.tr.gg/Macera.htm">Macera</a> | <a href="http://www.3doyuna.tr.gg/Yar%26%23305%3B%26%23351%3B.htm">Yarış</a> | <a href="http://www.3doyuna.tr.gg/Yetenek.htm">Yetenek</a> | <a href="http://www.3doyuna.tr.gg/Spor.htm">Spor</a> | <a href="http://www.3doyuna.tr.gg/Oyun-Ara.htm">Arama</a> | <a href="http://www.3doyuna.tr.gg/Site-Map.htm">Sitemap</a> | </div> <div id="left_footer">© Copyright 2009 <b><a href="http://www.senoynat.tr.gg">SiteAdı</a> </b></div> <div id="right_footer">  Design by <a href="http://www.senoynat.tr.gg/" title="Html Javascript Css Kodları"><strong>senoynat.tr.gg</strong> </div> </div>  </div>

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;} html {background:url(http://capptainn.googlepages.com/body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(http://capptainn.googlepages.com/body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;} #containr {background:url(http://img257.imageshack.us/img257/6064/mainbckgcopy.png) center top no-repeat; width:1000px; margin:0 auto;} #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;} #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(http://capptainn.googlepages.com/li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:220px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;} #footer {padding:0 110px; height:169px; clear:both; background:url(http://capptainn.googlepages.com/footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}

Tasarımın üstüne
<div id="top"> <div id="header_top"> <div id="left_corner"> <h1><a href="#">Css-Sablon / Yeşil Güncel</a></h1> <div class="description"> Profesyonel Webmaster Servisi </div> </div> <div id="right_corner"> </div> </div> <div id="header_nav"> <div id="navi"> <div id="menus"> <ul> <li class="home"><a href="#">Ana Sayfa</a></li> <li class="page_item page-item-14"><a href="#">İletişim</a></li> <li class="page_item page-item-14"><a href="#">Ziyaretçi Defteri</a></li> <li class="page_item page-item-14"><a href="#">Top-List</a></li> <li class="page_item page-item-14"><a href="#">Hakkımızda</a></li> </ul> </div> </div> </div> </div> <div id="wrapper"> <div id="container_right">  <div id="topbox"> <div id="topbox_left"> </div> <div id="topbox_center"> <div id="recent_post"> <div id="recent_left"> </div> <div id="recent_center"> <div id="recent_title"> Recent Posts </div> <div id="recent_content"> <ul> <li><a href="#">An image in a post</a></li> <li><a href="#">Blockquotes galore</a></li> <li><a href="#">An ordered list</a></li> <li><a href="#">How the ‘more’ tag works</a></li> <li><a href="#">Order or Unorder - you decide</a></li> <li><a href="#">Hello world! Welcome</a></li> <li><a href="#">An example of child categories</a></li> <li><a href="#">An unordered list</a></li> <li><a href="#">Professional photography lorem ipsum</a></li> <li><a href="#">Lorem ipsum manjang</a></li> </ul> </div> </div> <div id="recent_right"> </div> </div> <div id="aboutme"><center><h1>About Me</h1></center> <p>This is the place where you can put a brief summary of yourself. Or perhaps you have something to be shown off. <br><br>To completely remove this top box (i.e recent post, about me & search), head to header.php, delete everything between "TopBox: START" and "TopBox: END".</p> </div> <div> <form id="search" method="get" action="http://css-sablon.tr.gg/"><input value="search: type in and enter" onfocus="if (this.value == 'search: type in and enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search: type in and enter';}" size="18" maxlength="50" name="s" id="s" type="text"> </form> </div> </div> <div id="topbox_right"> </div> </div>  <div id="inner_container"> <div class="post" id="post-5"> <h1>Css-Sablon / Yeşil Güncel Tasarım</h1> <div class="postdata"> Css' de Güvenilir Kalite !</div> <div class="entry"> <p>

Tasarımın Altına

</p> <br clear="all"> <div class="metadata_center"> Dost Siteler ; <a href="http://css-sablon.tr.gg">Css-Sablon</a> , <a href="#">Siteni Ekle</a> </div> </div> </div> <div id="navigation"> <div class="alignright"></div> </div> </div> <div class="rsidebar"> <div><img class="top_rsidebar" src="Wordpress%20theme_files/t_sidebar.jpg" alt=""></div> <div class="content_rsidebar"> <ul> <li><h1>Categories</h1> <ul> <li class="cat-item cat-item-7"><a href="#">Category 1</a> (2) <ul class="children"> <li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1) </li> </ul> </li> <li class="cat-item cat-item-5"><a href="#">Category 2</a> (1) </li> <li class="cat-item cat-item-4"><a href="#">Category 3</a> (2) </li> <li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7) </li> <li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2) </li> </ul> </li> <li class="pagenav"><h1>Pages</h1><ul><li class="page_item page-item-14"><a href="#">About</a></li> </ul></li> <li id="linkcat-2" class="linkcat"><h1>Dost Siteler</h1> <ul> <li><a href="http://css-sablon.tr.gg/">Css-Sablon</a></li> <li><a href="#">Donncha</a></li> <li><a href="#">Dougal</a></li> <li><a href="#">Matt</a></li> <li><a href="#">Michel</a></li> <li><a href="#">Mike</a></li> <li><a href="#">Ryan</a></li> </ul> </li> </ul> </div> <div class="bottom_rsidebar"> </div></div> </div> <div id="lsidebar"> <div><a href="http://css-sablon.tr.gg/"><img style="width: 207px; height: 240px;" class="top_lsidebar" src="https://img.webme.com/pic/c/css-sablon/250250rklm.jpeg" alt="Css-Sablon" border="0" /></a></div> <div class="content_lsidebar"> <ul> <li id="pages" class="widget widget_pages"> <h1 class="widgettitle">Pages</h1> <ul> <li class="page_item page-item-14"><a href="#" title="About">About</a></li> </ul> </li> <li id="archives" class="widget widget_archive"><h1 class="widgettitle">Archives</h1> <ul> <li><a href="#">August 2007</a></li> <li><a href="#">July 2007</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">November 2005</a></li> <li><a href="#">November 2003</a></li> </ul> </li> <li id="meta" class="widget widget_meta"> <h1 class="widgettitle">Meta</h1> <ul> <li><a href="#">Log in</a></li> <li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="#">WordPress.org</a></li> </ul> </li> <li id="recent-comments" class="widget widget_recent_comments"> <h1 class="widgettitle">Recent Comments</h1> <ul id="recentcomments"><li class="recentcomments"><a href="# rel="external nofollow">Mohd.Sarbani Puteh</a> on <a href="http://wordpress.eches.net/about/#comment-310">About</a></li><li class="recentcomments">admin on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-275">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://wiiwe.info/" rel="external nofollow">wiiwe</a> on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-272">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://www.ufoss.com/" rel="external nofollow">ufoss</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-265">An image in a post</a></li><li class="recentcomments"><a href="http://wordpress.eches.net/2007/07/22/im-back/" rel="external nofollow">Wordpress theme » An ordered list</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-263">An image in a post</a></li></ul> </li> <li id="categories-1" class="widget widget_categories"><h1 class="widgettitle">Categories</h1> <ul> <li class="cat-item cat-item-7"><a href="#">Category 1</a> (2) <ul class="children"> <li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1) </li> <li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1) </li> </ul> </li> <li class="cat-item cat-item-5"><a href="#">Category 2</a> (1) </li> <li class="cat-item cat-item-4"><a href="#">Category 3</a> (2) </li> <li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7) </li> <li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2) </li> </ul> </li> </ul> </div> <div class="bottom_lsidebar"> </div> </div> </div> <div id="footer"> <p> Copyright © 2009 Tüm Hakkı Saklıdır ...<br> Tema Tasarım : <a href="http://css-sablon.tr.gg/">Css-Sablon</a> Webmaster by <a href="http://css-sablon.tr.gg/">Dj_TuGiCaN</a> </p> </div>

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;} /*Tema Tasarım Ve Kodlama : css-sablon.tr.gg / Dj_TuGiCaN*/ /*++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++*/ body, h1, h1, h3, h4, h5, h6, blockquote, form { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; background: #ffffff; color: #000000; } a:link, a:visited { text-decoration: none; color: #2c88bc; } p { padding: 10px 0 0 0; } /*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/ #top { width:100%; height:130px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/header.jpg) repeat-x; } /*+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++*/ #header_top { width: 1000px; height:84px; margin:0 auto; } #left_corner { float:left; height:66px; width:400px; padding:12px 0 5px 0; } #left_corner h1 a { color:#fff; font-size:28px; font-family:Sans-serif,Georgia,Verdana; padding-left:15px; text-decoration:none; font-weight:700; } .description { padding:10px 0 0 15px; color:#FFFFFF; font-size:12px; font-family:Sans-serif,Georgia,Verdana; font-weight:700; } #right_corner { float:right; height:84px; width:344px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/right_corner.jpg) no-repeat; } /*+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++*/ #header_nav { width:100%; height:43px; margin:0 auto; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/menu.jpg) repeat-x; } #navi { width:995px; margin:0 auto; padding:0; overflow:hidden; height:31px; } #menus { float:left; margin:5px; padding:3px; width:730px; } #menus li { display: inline; list-style: none; margin:0; padding:0; } #menus ul, #menus ol { display: inline; list-style: none; margin:0; padding:0 10px 0 0; } #menus a, #menus a:visited { margin:0; padding: 3px 10px 3px 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; } #menus a:hover { background: #80b409; text-decoration: none; border:1px solid #FFFFFF; } #subscribe { float: right; width:92px; height:32px; margin:4px 4px 3px 4px; } .rss { float:right; margin:7px 10px 5px 0px; width:230px; } .rss ul { margin: 0; padding: 0 2px; } .rss li { margin: 0 2px 0 0; padding: 3px 0 3px 20px; list-style: none; font-size: 12px; color:#c40d63; display: inline; font-weight: bold; background: url(http://wordpress.eches.net/wp-content/themes/damai/images/rss.gif) no-repeat 0 3px; } .rss li a { font-size: 12px; color:#fff; } /*+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++*/ #wrapper{ margin: 0px auto 0 auto; width: 1000px; text-align: left; } /*++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++*/ #lsidebar { float: left; width:212px; padding:0px; margin:0 0 5px 5px; } .top_lsidebar { width:210px; } .bottom_lsidebar { width:210px; height:9px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat; } .content_lsidebar{ width:210px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y; } .content_lsidebar a:link, .content_lsidebar a:visited { color:#187cb6; text-decoration:none; font-weight:700; } .content_lsidebar ul{ list-style-type: none; margin: 0 auto; padding: 0 0 0 10px; } .content_lsidebar ul li{ padding: 0 13px 5px 3px; } .content_lsidebar ul li h1{ font-family: Arial,Verdana,Georgia, Sans-serif; padding-left:6px; margin-bottom:8px; font-size: 14px; line-height:1.6em; text-transform:uppercase; background:#cfe990; } .content_lsidebar ul ul li{ font-size:11px; margin-top: 3px; line-height: 1.0em; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat; padding-left:12px; } .content_lsidebar ul ul ul li { line-height: 9px; text-decoration:none; background-image:none; padding-left:0; } .content_lsidebar ul ul ul { margin-top: 9px; line-height: 11px; text-decoration:none; background-image:none; } /*+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++*/ #container_right { float: right; width: 776px; } #inner_container{ float: left; width: 548px; text-align:justify; } /*++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++*/ .post{ padding: 10px 3px 10px 4px; } .post h1{ font-family: Arial, Georgia, Sans-serif; font-size: 18px; text-transform:uppercase; padding-top:1px; border-top:2px dotted #187cb6; } .post h1 a:link, .post h1 a:visited { text-decoration:none; color:#493b3b; } .postdata { border-bottom:2px dotted #187cb6; padding-bottom:2px; font-size:11px; } .postdata a:link,.postdata a:visited { color:#187cb6; font-size:11px; text-decoration:none; font-weight:700; } .entry{ line-height: 18px; } p.postmetadata { margin: 10px 0 0 0; } /*++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++*/ .rsidebar{ float: right; width:220px; margin:4px 0 5px 6px; } .top_rsidebar { width:210px;height:9px; } .bottom_rsidebar { width:210px;height:9px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat; } .content_rsidebar { width:220px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y; } .content_rsidebar a:link, .content_rsidebar a:visited { color:#187cb6; text-decoration:none; font-weight:700; } .content_rsidebar ul{ list-style-type: none; margin: 0; padding: 0 10px; } .content_rsidebar ul li{ padding: 0 13px 5px 3px; } .content_rsidebar ul li h1{ padding-left:6px; margin-bottom:8px; font-family: Arial,Verdana,Georgia, Sans-serif; font-size: 14px; line-height:1.6em; text-transform:uppercase; background:#cfe990; } .content_rsidebar ul ul li{ font-size:11px; margin-top: 3px; line-height: 1.0em; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat 0 0; padding-left:12px; } .content_rsidebar ul ul ul li { line-height: 9px; text-decoration:none; background-image:none; padding-left:0; } .content_rsidebar ul ul ul { margin-top: 9px; line-height: 11px; text-decoration:none; background-image:none; } .metadata_center { height:18px; width:530px; margin:0 auto; padding: 2px 0 0 3px; background:#cbe488; border:2px solid #85aa43; } .metadata_center a:link, a:visited { text-decoration:none; color:#0000ee; } /*+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++*/ #topbox { width:770px; margin:0; padding:0; } #topbox_left { float:left; width:9px; height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hleft.jpg) no-repeat; } #topbox_center { float:left; width:744px;height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hcenter.jpg) repeat-x; } #topbox_right { float:left; width:9px;height:222px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hright.jpg) no-repeat; } /*++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++*/ #recent_post { margin:10px 0 7px 0px; float:left; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x; } #recent_left { float:left; width:10px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bleft.jpg) no-repeat; } #recent_center { float:left; width:470px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x; } #recent_right { float:left; width:10px; height:207px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bright.jpg) no-repeat; } /*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/ #recent_title { font-size:15px; font-family:Arial,Verdana; color:#ffffff; font-weight:800; padding:8px 0 0 155px; text-transform:uppercase; border-bottom:2px dotted #FFFFFF; } #recent_content { overflow:hidden; height:155px; font-weight:700; } #recent_content a:link, #recent_content a:visited { font-size:12px; font-family:Arial,Verdana; color:#cfe990; text-decoration:none; } #recent_content a:hover { font-size:12px; font-family:Arial,Verdana; color:#95ce0c; } #recent_content ul { list-style: none; margin: 0; padding: 5px 0 0 2px; float:left; } #recent_content li { background:url(http://wordpress.eches.net/wp-content/themes/damai/images/tag_green.gif) no-repeat 0 3px; list-style:none; line-height:25px; padding-left:20px; float:left; width:200px; overflow:hidden; } /*++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++*/ #aboutme { float:right; margin:10px auto 0; padding:3px; font-family:Arial; color:#000; height:160px;width:240px; text-align:justify; line-height:1.3em; font-size:11px; overflow:hidden; } #aboutme p{ padding-top:5px; } #aboutme h1 { font-size:16px; color:#000; border-bottom:2px dotted #fff; padding:3px 5px 6px 0; text-transform:uppercase; } /*+++++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++++*/ #search { height:20px; float:right; margin:8px 4px 0 0; } #search #s { font-size:8pt; width:230px; padding-left:3px; font-family:Arial; height:16px; } input#s { color:#000; border:3px solid #c5d864; background:#fcfcfc; } /*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/ #footer{ clear: both; width: 100%; text-align:center; padding: 10px 0 8px 0; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/footer.jpg) repeat-x; } #footer p{ font-size:11px; padding:3px 3px; margin:2px 5px 0 5px; background:url(http://wordpress.eches.net/wp-content/themes/damai/images/damai_footer.jpg) no-repeat 35% 0; } #footer p a:link,#footer p a:visited { color:#f7f9f3; font-weight:700; } /*+++++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++ Error Page +++++++++++++++++++++++++++++++++*/ #error_page { padding-left:3px; margin-top:4px; width:530px; } #error_page a:link, #error_page a:visited { color:#2c88bc; font-weight:700; } /*+++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++++*/ table#wp-calendar { width:90%; margin:0 3px; } /*+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++*/ blockquote { margin:5px 0; padding:4px 7px 10px 7px; font-size:11px; color:#52525b; background: #e4f7b5; border:1px dashed #79b32b; } blockquote blockquote { margin:5px 10px; padding:4px 7px 10px 7px; font-size:11px; color:#52525b; background: #e4f7b5; border:1px dashed #79b32b; } /*++++++++++++++++++++++++++ PageTitle (archives.php) +++++++++++++++++++++++++*/ .pagetitle { margin:5px 0 0 3px; color:#6c2f4b; text-transform:uppercase; } /*+++++++++++++++++++++ Navigation: Previous & Next +++++++++++++++++++++++++++*/ #navigation{ padding:10px 0; font-size: 14px; font-weight: bold; margin-bottom:10px; height:20px; } .alignleft { float:left; } .alignright { float:right; } .alignleft a:link,.alignleft a:visited,.alignright a:link,.alignright a:visited { color:#187cb6; text-decoration:none; } /*+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++*/ #commentsbox { padding: 0 0 0 5px; margin: 0 0 4px 3px; width: 538px; font-size:11px; border-top:2px dotted #187cb6; } #commentsbox a:link, #commentsbox a:visited { text-decoration: none; color: #2c88bc; } #comments h1 { margin:5px 0 0 0; padding:0 7px; color:#ff5c00; font-size:16px; font-weight:normal; } #comments { margin:5px 0 0 0; } #respond { margin:10px 0 0 0; padding-top:3px; font-size:14px; font-weight:bold; } .boxcomments { margin-bottom:20px; width:520px; } #commentform { margin:0; padding:15px 15px 1px; } #commentform label { display:block; margin:0; } #commentform input { width:170px; margin:0 5px 10px 0; padding:1px; } #commentform textarea { width:400px;margin:0 0 10px; padding:0; } #commentform #submit { margin:0 0 20px; } #commentform p { margin:5px 0; } ol.commentlist { margin:0 0 1px; padding:0; } ol.commentlist li { margin:7px 7px; padding:6px 15px 12px 15px; border:1px dashed #809f51; background:#def0ba; display:block; list-style:none; } ol.commentlist li.mycomment { margin:7px 0; padding:5px 15px 1px; border-bottom:20px solid #fff; display:block; list-style:none; background:#f3fdff; } ol.commentlist li.commenthead { display:block; list-style:none; margin:0;padding:5px 15px; } ol.tblist { list-style:none; margin:0 0 1px; padding:0; } ol.tblist li { display:block; list-style:none; padding:10px 5px 10px 5px; margin:0 0 5px; border:1px dashed #ccc; } input#url,input#author,input#email,textarea { color:#666; width:40%; border:1px solid #cbcbcb; margin-bottom:0.6em; margin-top:2px; padding:3px; background:#fcfcfc; } table {margin-left: auto;margin-right: auto}

Tasarımın Üstüne

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <style type="text/css"> </style> <div id="container"> <div id="header"></div> <div id="menu"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Descargas</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Miembros</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Servicios</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Contacto</a></li> </ul> <h1>Tu Sitio Web</h1> <h2>Equipo roster</h2> </div> <div id="main"> <div id="content"> <br> <div id="right"> <img src="http://img9.xooimage.com/files/6/1/c/member3-b6abe4.gif" _fcksavedurl="http://img9.xooimage.com/files/6/1/c/member3-b6abe4.gif"><img src="http://img7.xooimage.com/files/4/3/2/member4-b6abff.gif" _fcksavedurl="http://img7.xooimage.com/files/4/3/2/member4-b6abff.gif"><br><img src="http://img9.xooimage.com/files/2/e/c/member1-b6ab78.gif" _fcksavedurl="http://img9.xooimage.com/files/2/e/c/member1-b6ab78.gif"><img src="http://img5.xooimage.com/files/1/d/a/member2-b6abb7.gif" _fcksavedurl="http://img5.xooimage.com/files/1/d/a/member2-b6abb7.gif"> <br> </div> <div id="left"> </div> </div> </div>

Tasarımın Altına

<div id="footer"> <br /><br /> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">about me</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">members</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">services</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">links</a></li> <li class="lastchild"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>© Tu web 2009 | Designed by <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">freewebsitetemplates</a></li> | Adapted by <li><a href="http://www.team-ayudamaster.es.tl" _fcksavedurl="http://www.team-ayudamaster.es.tl" _fcksavedurl="http://sitene-kod-ekle.tr.gg">sitene-kod-ekle</a></li> | All rights reserved. </span> </div> </div> <span id="footer-right"> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> </span> </div>

CSS Koduna
lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} body { background-image:url(http://img1.xooimage.com/files/a/a/9/background-b6aae5.gif); color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; margin: 0px; padding: 0px; } * {margin: 0px;padding: 0px;} .clear{clear:both;} #container { margin: 0px auto; text-align: left; width: 780px; } a { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; } /********************** Header ***************************/ #header { margin: 0px 0px 0px 0px; background-image:url(http://img9.xooimage.com/files/3/c/5/header-b6ab0e.jpg); background-repeat:no-repeat; width:768px; height:262px; } #menu { position:relative; background-image:url(http://img7.xooimage.com/files/a/c/3/menu-b6ab25.jpg); background-repeat:no-repeat; width:768px; height:117px; } #menu ul{ position:absolute; top:30px; left:265px; } #menu li{ float:left; display:inline; padding: 0px 0px 0px 10px; } #menu a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; text-transform: uppercase; color: #d8cd8d; text-decoration: none; } #menu a:hover{ color:#3e3c27; } h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; text-transform: uppercase; color: #171508; } h1,h2 { position:absolute; top:94px; } h1 { left:241px; } h2 { right:75px; } h3 { margin: 15px 0px 0px 30px; border-bottom: solid 1px #625d3b; } /********************** Main ***************************/ #main { background-image:url(http://img7.xooimage.com/files/b/f/9/main_bg-b6ab4d.gif); background-repeat: repeat-y; display:block; width:768px; height:auto; } #content { background-image:url(http://img24.xooimage.com/files/a/4/3/content_bg-e2dcc6.gif); background-repeat: repeat-y; width:768px; } /********************** Left - Text ***************************/ #left { float:left; width:490px; } #left p{ padding: 5px 10px 10px 30px; } #left a:hover{color:#d8cd8d;} /********************** Right - Team ***************************/ #right { float:right; width:230px; } .member { display:inline; float:left; margin-left:10px; } .member a{ font-size: 12px; font-weight: bold; color: #f5f1d1; text-decoration: none; } .member img{ border: none 0px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member span a{} .member span a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://img3.xooimage.com/files/1/8/1/footer_bg-b6ab5d.jpg); background-repeat:no-repeat; width:768px; height:97px; text-align:center; float:left; clear:both; } #footer ul{ } #footer li{ display:inline; float:none; text-align:center; padding: 0px 10px 0px 10px; border-right: solid 1px #908a68; } .lastchild{ border-right: 0px none !important; } #footer a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform:uppercase; color: #908a68; text-decoration: none; } #footer a:hover{text-decoration: underline;} #footer span{ font-size: 9px; font-weight: bold; color: #18160e; margin:10px; display:block; }

GÖRÜNÜMÜ

İş Tasarımı

Tasarım üstüne

<div id="contentt"> <div id="back">  <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a href="#" _fcksavedurl="#" title="">Ana Sayfa</a></li> <li id="button2"><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li id="button3"><a href="#" _fcksavedurl="#" title="">Galeri</a></li> <li id="button4"><a href="#" _fcksavedurl="#" title="">Hakkında</a></li> <li id="button5"><a href="#" _fcksavedurl="#" title="">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div>   <div id="main"> <div id="right"> <h2>WwW.Css-TasaRiMm.tR.gg</h2><br /> <h4><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></h4><br />

Tasarım altına

</div> <div id="left"> <h3>MENÜ</h3> <ul> <li><ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Ekle</a></li> <li><a href="#" _fcksavedurl="#">Dost Siteler</a></li> </ul> </li> </ul> <h3>Takvim</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> <br /> </div>    </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.senoynat.tr.gg" _fcksavedurl="http://www.senoynat.tr.gg" title="Css Tasarim Merkezi">SenOynat.tr.gg</a></p> </div> </div> </div> 

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 WWW.senoynat.tr.gg */ * { margin: 0px; padding: 0px; } a:link { color: #A5A9B2; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #A5A9B2; } body { background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; } #contentt { margin: 0 auto; background: #ffffff; width: 742px; text-align: left; } #back { background: #ffffff; width: 742px; } #header { height: 406px; text-align: left; } #menu1 { width: 702px; height: 152px; padding-left: 40px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 79px; height: 32px; display: block; text-align: center; text-decoration: none; color: #000000; font-weight: bold; font-size: 12px; text-transform: uppercase; } #menu a:hover { width: 79px; height: 32px; color: #004586; text-decoration: underline; } #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; } #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; } #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; } #logo { background: url(https://img.webme.com/pic/c/css-tasarimm/1-header.jpg) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #000000; } #logo H2 a { font-size: 12px; } #left { width: 266px; } #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x } #left ul { list-style: none; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li li { padding: 4px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; } #left a { color: #A5A9B2; } #left a:visited { color: #A5A9B2; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { float: right; width: 450px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #C5C5C5; } #right a { color: #A5A9B2; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C5C5C5; } .date { text-align: right; color: #808080; font-size: 11px; } .date a { color: #D72020; } #footer { height: 29px; clear: both; padding-top: 50px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }

Yeşil elma tasarımı

Tasarım üstüne

Tasarım altına

</div> 	 	 	<div id="sidebar"> 		<ul> 			<li> 				<h2>Menü</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  				</ul> 			</li> 			<li> 				<h2>Tasarimlar</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> 				</ul> 			</li> <li> 							<h2>Arşiv</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 						</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakları SakLıdır.  •  Design by <a href="http://www.senoynat.tr.gg" _fcksavedurl="http://www.senoynat.tr.gg">Senoynat.tr.gg</a>.</p> </div>

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 WWW.SENOYNAT.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #AAE74A url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }  body, th, td, input, textarea { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #666666; }  p, ol, ul { 	line-height: 170%; }  a:hover { 	text-decoration: none; }  /* Header */  #header { 	width: 960px; 	height: 120px; 	margin: 0 auto; }  #logo { 	float: left; 	height: 120px;                       margin-top: -11px; 	margin-left: 10px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p { 	text-transform: lowercase; }  #logo h1 { 	margin: 0; 	padding: 25px 0 0 85px; 	letter-spacing: -2px; 	font-size: 3em; 	font-weight: normal; 	color: #000000; }  #logo h1 a { 	color: #000000; }  #logo p { 	margin: -10px 0 0 2px; 	padding: 0 0 0 85px; 	text-transform: lowercase; }  #search { 	float: right; 	width: 280px; }  #search form { 	margin-top: -5px; 	padding: 63px 0 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search #s, #search #x { 	float: left; }  #search #s { 	width: 188px; 	margin: 2px 6px 0 0; 	padding: 2px 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; 	border: 1px solid #ACACAC; }  #search #x { 	width: 67px; 	height: 28px; 	padding: 0; 	background: #006BFF url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; 	border: none; 	text-transform: lowercase; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 962px; 	height: 50px; 	margin-top: -32px; 	margin-left: auto; 	margin-right: auto; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #menu li { 	display: block; 	float: left; }  #menu a { 	display: block; 	float: left; 	height: 38px; 	padding: 8px 20px 0 20px; 	text-decoration: none; 	text-transform: lowercase; 	color: #000000; }  #menu a:hover { 	text-decoration: underline; }  #menu .current_page_item { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top; 	font-weight: bold; }  /* Page */  #page { 	width: 962px; 	margin: 0 auto; 	background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content { 	float: right; 	width: 700px; 	padding: 0; 	background:  none no-repeat; }  #content a { 	color: #FF8900; }  .pagetitle { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #content #rss-posts { 	display: block; 	margin: -30px 15px 0px 0px; 	padding: 0 20px 0 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center; 	text-align: right; 	font-weight: bold; 	color: #FFFFFF; }  .post { 	padding: 40px 30px 0 30px; }  .title { 	margin: 0; 	font-size: 2.4em; 	font-weight: normal; }  .byline { 	margin: 0 0 20px 0; }  .meta { 	border-top: 1px dotted #CCCCCC; 	text-align: right; }  .meta .more, .meta .comments { 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar { 	float: left; 	width: 230px; 	padding: 11px 5px 0 11px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin-bottom: 20px; }  #sidebar li ul { 	padding: 10px 15px; }  #sidebar li li { 	margin: 0; 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #sidebar a { 	text-decoration: none; 	color: #0065FF; }  #sidebar a:hover {	 	text-decoration: underline; }  /* Footer */  #footer { 	width: 962px; 	margin: 0 auto; 	padding: 30px 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p { 	margin: 0; 	text-align: center; 	color: #FFFFFF; }  #footer a { 	color: #FFFFFF; }

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.senoynat.tr.gg/" _fcksavedurl="http://www.senoynat.tr.gg/">senoynat.tr.gg</a>  •  Icons by <a href="http://www.senoynat.tr.gg/" _fcksavedurl="http://www.senoynat.tr.gg/">SenOynaT.tr.gg</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.senoynat.tr.gg/" _fcksavedurl="http://www.senoynat.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ı

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>