En Yeni Tasarımlar - tasarım 1.1

tasarım 1.1

<div id="wrap"> <div id="header"> <div id="topnav"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html">Home</a></li> <li class="active"><a href="styles.html" _fcksavedurl="styles.html" _fcksavedurl="styles.html">Styles</a></li> <li class="active"><a href="notes.html" _fcksavedurl="notes.html" _fcksavedurl="notes.html">Notes</a></li> <li class="active"><a href="#nogo" _fcksavedurl="#nogo" _fcksavedurl="#nogo">Nogo</a></li>
<li class="active"><a href="#nogo" _fcksavedurl="#nogo" _fcksavedurl="#nogo">Ekleyin</a></li>
</ul> </div> <div id="breadcrumb"><a href="#" _fcksavedurl="#" _fcksavedurl="#">YourWebsite.com</a> » <a href="#" _fcksavedurl="#" _fcksavedurl="#">Home </a></div> <h1 id="sitename"><a href="#" _fcksavedurl="#" _fcksavedurl="#">RS Tech Blog</a><span class="caption">High Quality Templates & Themes</span> </h1> </div> <div id="contents"> <div id="left"> <div class="post"> <div class="post_h"> </div> <div class="postcontent"> <span class="date">web-masterim.forum.st</span> </body></html></body></html>

Tasarım Üstüne

</div> <div class="post_b"> Link 1 | Link 2 | Link 3</div> </div> <div id="pagination"> <span class="alignleft"><a href="#" _fcksavedurl="#" _fcksavedurl="#">« Önceki Sayfa</a></span> <span class="alignright"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Sonraki Sayfa »</a></span></div> </div> <div id="sidebar"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-4"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="cat">Lorem Ipsum </a></li> <li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="cat">Apple Macintosh </a></li> <li class="cat-item cat-item-3"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="cat">Linux Ubuntu </a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="cat">Wordpress Themes</a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">XHTML Themes</a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Free Releases </a></li> </ul> <h3>Archives</h3> <ul> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='March 2008'>March 2008</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='February 2008'>February 2008</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='January 2008'>January 2008</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='December 2007'>December 2007</a></li> </ul> <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> <h3>Meta</h3> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Log in</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="This page validates as XHTML 1.0 Transitional">Valid <FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><FCK:abbr title="XHTML Friends Network">XFN</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> <h3>Search Box</h3> <form action="http://demo.themelab.com/" class="searchform"> <p> <input name="s" class="textbox" type="text" /> <input class="button" value="Search" type="submit" /> </p> </form> </div> <div class="clear"></div> </div> <div id="pagebottom"></div> <div id="footer"> <p>© All Contents are Copy-righted 2006 - 2008</p> <p><a href="#" _fcksavedurl="#" _fcksavedurl="#">Put</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Some More</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Links</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">In the</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Bottom</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#">Of the </a>| <a href="#" _fcksavedurl="#" _fcksavedurl="#">Page </a></p> <p><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p> </div> </div></body></html></body></html>

Tasarım Altına

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;} * {padding:0; margin:0;} #wrap #header #sitename { display: block; font: normal 28px Georgia, "Times New Roman", Times, serif; padding-left: 45px; padding-top: 15px; color: #000000; width: 300px; float: left; } #wrap #header .intro { display: block; float: right; width: 500px; padding-right: 55px; padding-top: 20px; font: italic normal 18px Georgia, "Times New Roman", Times, serif; color: #005979; } #wrap #header #breadcrumb a { color: #CCCCCC; text-decoration: none; } #wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active { color: #CCCCCC; text-decoration: none; }#wrap #header #breadcrumb a:hover { color: #fff; text-decoration: none; } #wrap #header #sitename .caption { font-size: 12px; display: block; } ul {list-style:none} a { color: #069; } html { background: #14222b url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg); } .clear {clear:both;} body {background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;} #wrap {background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg) repeat-y; width:953px; margin:auto;} #header {background:url(http://ramblingsoul.com/preview/rs12/images/header3.jpg) no-repeat; height:210px;} #contents { background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg) no-repeat top; padding-left: 35px; padding-right: 35px; padding-top: 15px; } #footer{ background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg) no-repeat; height:130px; text-align: center; color: #9AACB8; padding-top: 50px; } #wrap #footer a { color: #C7D9E5; text-decoration: none; } #left {width:652px; float:left;} #left .post { width: 639px; margin-left: 4px; margin-bottom: 15px; background: url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y; } #left .post .post_h { background: url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg) no-repeat; height: 17px; } .post .post_b { background: url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg) no-repeat; height: 30px; padding-top: 10px; padding-left: 20px; padding-right: 20px; } .post_b .permalink { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post .postcontent { padding: 5px 25px; } .post .date { font-size: 10px; color: #999999; display: block; background: url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg) no-repeat; padding-left: 20px; height: 16px; padding-top: 4px; } .post h5 { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #007993; display: block; margin-bottom: 18px; padding-top: 5px; } #pagebottom {background:url(http://ramblingsoul.com/preview/rs12/images/paginationbg.jpg) no-repeat; height:44px; clear:both;} #topnav { height:50px; padding-top: 32px; padding-left: 30px; }#breadcrumb { color: #CCCCCC; padding-left: 135px; padding-top: 6px; } #wrap #contents #left #pagination { background: #9AACB8; margin-right: 15px; margin-left: 15px; padding: 8px; margin-bottom: 15px; } #pagination .alignleft { display: block; float: left; width: 200px; } #pagination .alignright { text-align: right; display: block; margin-left: 400px; } #topnav li { display: inline; text-transform: uppercase; font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif; } #topnav a { display: block; height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;} #topnav .active a {background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png) no-repeat; color:#fff;} #topnav a:hover {background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png) no-repeat; color:#333;}#wrap #contents #sidebar { margin-left: 665px; } #wrap #contents #sidebar h3 { background: url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg) no-repeat; display: block; width: 195px; height: 30px; color: #FFFFFF; padding-top: 6px; padding-right: 10px; padding-left: 10px; font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px; } #sidebar .cat-item { display: block; height: 24px; border:none!important; padding:0!important; } #sidebar li { margin-left: 10px; margin-right: 10px; } #sidebar li { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #91B5CC; } #sidebar ul li a { text-decoration: none; color: #15222B; } .cat-item  a { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } #sidebar ul { margin-bottom: 15px; } .post p { line-height: 18px; margin-bottom: 18px; } .post_b .category { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/category.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b  a { color: #FFFFFF; text-decoration: none; } .post_b .comment { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat; height: 16px; padding-left: 24px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b a:visited, .post_b a:active { color: #FFFFFF; text-decoration: none; } .post_b a:hover { color: #FFFFFF; text-decoration: underline; } a:visited, active { color: #000033; } a:hover { color: #000000; text-decoration: none; } #pagination a { text-decoration: none; } #sidebar ul li a:visited, #sidebar ul li a:active { text-decoration: none; color: #15222B; } #sidebar ul li a:hover { text-decoration: none; color: #000000; } .cat-item a:visited .cat-item a:active { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } .cat-item a:hover { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #000000; border-bottom: 1px solid #91B5CC; background: #DEE9EF; } #wrap #contents #sidebar .searchform p { padding: 8px; } #wrap #contents #sidebar .searchform .button { display: block; float: left; } #wrap #contents #sidebar .searchform .textbox { display: block; border: 1px solid #15222B; float: left; width: 140px; margin-right: 3px; padding: 2px; } #wrap #footer a:visited { color: #C7D9E5; } #wrap #footer a:hover { color: #FFFFFF; text-decoration: none; } img.alignleft { float: left; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8E98A1; } img.alignright { float: right; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8F9EA5; } #wrap #header #sitename a { text-decoration: none; color: #000; } blockquote { font: 14px Georgia, "Times New Roman", Times, serif; color: #006699; display: block; padding: 5px; border-top: 1px solid #C7D9E5; border-bottom: 1px solid #C7D9E5; margin-top: 10px; margin-bottom: 10px; } h1 a { text-decoration: none; } h5 a { text-decoration: none; } blockquote p { margin-bottom: 0!important; } .post ul, .post ol { margin-bottom: 15px; } .post ol { list-style: decimal outside; padding-left: 15px; } .post ol li { padding: 4px; } #wrap #contents #left .post .postcontent code { display: block; margin-bottom: 15px; padding: 10px; background: #C7D9E5 url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat right bottom; color: #000000; font: 11px "Courier New", Courier, monospace; white-space: pre; } #wrap #contents #left #comments { width: 639px; margin-left: 6px; } #wrap #contents #left #comments  ol { list-style: none; } #wrap #contents #left #comments  ol li { display: block; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #D4D0C8; background: #f4f4f4; } #wrap #contents #left #comments  ol.odd { background: #fff!important; } h3 a { text-decoration: none; } h3 { font-size: 16px; margin-bottom: 15px; } #wrap #contents #left #comments #commentop { background: url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg) no-repeat; height: 64px; } #wrap #contents #left #comments #commentcontent { background: url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg) repeat-y; padding: 5px 15px; } #wrap #contents #left #comments #commentbtm { background: url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg) no-repeat; height: 38px; } #wrap #contents #left #comments .text { border: 1px solid #C7D9E5; margin-bottom: 15px; padding: 3px; display: block; width: 200px; } #wrap #contents #left #comments #commentcontent form { padding-left: 45px; } #comment { border: 1px solid #C7D9E5; margin-bottom: 15px; }  </body></html></body></html>

Css Koduna