Css-Thema Bilgi Paylaşım Platformu..

Blog Tasarımı

Tasarımın Üzerine

<div id="page">  <div id="header">  <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-search"> <form method="get" id="search-form" action="http://test.qualitywordpress.com/"> <input value="" name="s" id="sb" type="text"> <input id="searchsubmitb" value="" type="submit"> </form> </div>   <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" alt="RSS Feed" width="60" height="60"></a> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>   <div id="content-page">  <div class="post" id="post-15"> <div class="post-date">HackeR FrienD.Net</div> <div class="post-title"> <h2>Sitemize Hoş Geldiniz...</h2> <div class="clear"></div> </div> <div class="post-entry">

Tasarımın Altına

</div> <br/><br/> <div class="post-info"> <a href="#" _fcksavedurl="#" _fcksavedurl="#">Linkler </a>  :  <a href="#" _fcksavedurl="#" _fcksavedurl="#">Linkler</a> </div> </div>    <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>   <div class="sidebar sidebar-right"> <h3>Advertisements</h3> <div id="spons"><br> <center><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a><br><br> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a></center><br> </div> <h3>Links</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div>  <div class="clear"></div> </div></div></div>   <div id="footer"> (c)Copyrighted <a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a>, All Rights Reserved<br>Designed by: <a href="http://www.mangosteenhut.com/" _fcksavedurl="http://www.mangosteenhut.com/" _fcksavedurl="http://www.mangosteenhut.com/">mangosteen</a><br><a href="http://www.983wedding.com/" _fcksavedurl="http://www.983wedding.com/" _fcksavedurl="http://www.983wedding.com/">Wedding Invitation Design</a> : <a href="http://www.spiele-umsonst.de/" _fcksavedurl="http://www.spiele-umsonst.de/" _fcksavedurl="http://www.spiele-umsonst.de/">kostenlose Spiele</a> : <a href="http://www.how-to-lose-belly-fat.com/" _fcksavedurl="http://www.how-to-lose-belly-fat.com/" _fcksavedurl="http://www.how-to-lose-belly-fat.com/">How to Lose Belly Fat</a></div>  </div>

Css Kodu

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: Modern Blogger Theme URI: http://test.qualitywordpress.com/?preview_theme=modernblogger Description: Modern blogger is all about the new age of blogging and blogs. With fresh new conceptual graphics. Version: 1.0 Author: qualitywordpress Author URI: http://qualitywordpress.com */ /* General */ body { margin: 0; padding:0; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/bg.jpg"); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 907px; } /* Header */ #header { width: 907px; height: 420px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 85px; left: 280px; } #header #header-info h1 { color: #000000; font: normal 35px Century Gothic; padding-bottom: 5px; } #header #header-info h1 a { color: #000000; text-decoration: none; } #header #header-info .description { color: #0000000; font: bold 15px Century Gothic; } /* Header - Menu */ #header #header-menu { position: absolute; top: 382px; left: 15px; height: 34px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 34px; } #header #header-menu ul li { float: left; height: 32px; margin-right: 11px; font: normal 12px/32px Century Gothic; color: #cccccc; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header_menu.gif") repeat-x; border: 1px solid #000000; padding: 0 30px; } #header #header-menu ul li a { color: #cccccc; text-decoration: none; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Ssearch */ #header #header-search { position: absolute; top: 8px; left: 650px; width: 252px; height: 27px; } #header #header-search { width: 252px; height: 27px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_search.gif") no-repeat; } #header #header-search #search-form { margin: 0; padding: 0; width: 252px; height: 27px; } #header #header-search #sb { width: 149px; height: 17px; border: 0; padding: 5px; font: bold 13px "Century Gothic", Century Gothic; color: #000000; background: transparent; float: left; } #header #header-search #searchsubmitb { background: transparent; border: none; width: 83px; height: 27px; padding: 0; float: right; } #header #header-text a { color: #ffffff; text-decoration: underline; } /* Header - Feed */ #header #header-feed { position: absolute; top: 3px; left: 3px; width: 40px; height: 40px; } /* Main */ #main { width: 907px; background: #262626 url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main.gif") repeat-y; } #main-top { width: 907px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_top.gif") no-repeat; } #main-bottom { width: 907px; min-height: 50px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #content-page { float: left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content - Post */ #content-page .post { float: left; margin-bottom: 25px; width: 495px; } /* Post - Date */ #content-page .post .post-date { background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_date.gif") no-repeat; width: 122px; height: 25px; color: #000000; text-align: center; font: bold 10px/25px Century Gothic; } /* Post - Title */ #content-page .post .post-title { width: 463px; height: 45px; border: 1px solid #FFFFFF; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_title.gif") repeat-x; color: #000000; font: bold 10px Century Gothic; padding: 0 15px; } #content-page .post .post-title a, .post-title-info a { color: #000000; text-decoration: none; } #content-page .post .post-title a:hover, .post-title-info a:hover { text-decoration: underline; } #content-page .post .post-title h2 { color: #000000; font: bold 15px/45px Century Gothic; float: left; } #content-page .post .post-title h2 a { color: #000000; text-decoration: none; } #content-page .post .post-title h2 a:hover { text-decoration: underline; } #content-page .post .post-title .post-title-info { float: left; line-height: 45px; } .post-title-info { display:block; width:100%; text-align:right; color: #000000; font: bold 10px Century Gothic; padding-top: 10px; } /* Post - Entry */ #content-page .post .post-entry { font: normal 12px/18px Century Gothic; color: #000000; padding: 0 15px; width: 465px; background: #FFFFFF; float: left; } #content-page .post .post-entry a { color: #000000; text-decoration: none; } #content-page .post .post-entry a:hover { text-decoration: underline; } #content-page .post .post-entry .more-link { font: bold 11px/20px Century Gothic; color: #000000; float: right; padding-bottom: 5px; } #content-page .post .post-entry .more-link a { color: #000000; text-decoration: none; } #content-page .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content-page .post .post-info { padding: 0 10px 0 0; width: 485px; clear: both; font: bold 10px/19px Century Gothic; color: #000000; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_info.gif") no-repeat; text-align: right; } #content-page .post .post-info a { color: #000000; text-decoration: none; } #content-page .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content-page .post .post-entry h3 { color: #000000; font: bold 14px Century Gothic; margin: 25px 0 5px 0; } #content-page .post .post-entry .comments { font: normal 11px/18px Century Gothic; color: #000000; width: 465px; } #content-page .post .post-entry .comments a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content-page .post .comments ol li { padding: 5px; } #content-page .post .post-entry .comments ol li.alt { background: #cccccc; } #content-page .post .post-entry .comments ol li cite { color: #000000; font-style: normal; font-weight: bold; } #content-page .post .post-entry .comments ol li cite a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li cite a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol li .commentmetadata a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content-page .post .post-entry #commentform { font: normal 11px/18px Century Gothic; color: #FFFFFF; width: 450px; padding-left: 15px; margin: 0; } #content-page .post .post-entry #commentform a { color: #000000; text-decoration: none; } #content-page .post .post-entry #commentform a:hover { text-decoration: underline; } /* Main - Content - Navigation */ #content-page .navigation { font: bold 12px/25px Century Gothic; color: #000000; width: 495px; height: 25px; float: left; margin-bottom: 25px; } #content-page .navigation a { color: #000000; text-decoration: none; } #content-page .navigation a:hover { text-decoration: underline; } #content-page .navigation .navigation-previous { float: left; } #content-page .navigation .navigation-next { float: right; } /* Main - Sidebar */ .sidebar { float: left; width: 170px; font: normal 12px/18px Century Gothic; color: #000000; } .sidebar a { color: #000000; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right { padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 10px; font: normal 14px/26px Century Gothic; color: #ADE2AD; width: 159px; height: 26px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_title.gif") repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0; padding: 0; list-style-type: none; } .sidebar ul li { padding-left: 11px; color: #cccccc; font: bold 11px/25px Century Gothic; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_menu.gif") repeat-x; } .sidebar ul li a { color: #cccccc; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width: 170px; text-align: center; } .sidebar #searchform #s { width: 140px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto; padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; } .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */ .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px; height: 60px; } /* Footer */ #footer { width: 907px; height: 83px; background: #000000; color: #ffffff; font: 10px/20px Century Gothic; text-align: center; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: underline; }