bu-sitede-yok-yok

Css TasarımLar

Tasarım Üzerine

Tasarım Altına

</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>

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;} * {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; }

Tasarım Üstü

Tasarım Altına

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: I-Blues Theme URI: http://topwpthemes.com/i-blues/ Description: Designed by <a href=http://webtop99.com _fcksavedurl=http://webtop99.com _fcksavedurl=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes></a>WordPress Themes Gallery</a> Author: Web Top Author URI: http://webtop99.com © 2008, Web Top. All rights reserved. */ /* * Default HTML tags */ a { color: #181818; } a:visited { color: #181818; text-decoration: underline; } a:hover { color: #181818; } acronym, abbr { cursor: help; } blockquote { margin-left: 10px; padding-left: 10px; border-left: 5px solid #01bcf3; } body { background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top; color: #282828; font-size: 60.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0px auto; padding: 0px; text-align: center; } cite { font-size: 90%; font-style: normal; } h2 { font-size: 12px; margin: 15px 0 3px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #181818; } h2 a, h2 a:visited, h2 a:hover, h2 a:visited:hover { text-decoration: none; color: #181818; padding: 5px 13px 5px 3px; } h3 { font-size: 12px; margin: 28px 0 5px 0; padding: 4px 0 4px 0; font-weight: bold; color: #181818; background: #e8f6fd; text-align: center; border-top: 1px solid #b6e4fb; border-bottom: 1px solid #b6e4fb; } h4 { font-size: 12px; margin: 10px 0 10px 0; font-weight: bold; color: #181818; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg); height: 20px; text-align: center; } h4 a, h4 a:visited, h4 a:hover, h4 a:visited:hover { text-decoration: none; color: #181818; } h5 { font-size: 12px; margin: 10px 0 10px 0; padding: 6px 0 8px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #181818; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png); width: 301px; text-align: center; } h5 a, h5 a:visited, h5 a:hover, h5 a:visited:hover { text-decoration: none; color: #181818; } #pagecontent img { padding: 3px; border: #b6e4fb 1px solid; background: #fefefe; margin-right: 5px; margin-left: 3px; } #pagecontent img.alignleft { float: left; margin: 3px 3px 3px 0px; } #pagecontent img.alignright { float: right; margin: 3px 0px 3px 3px; } li { margin: 0; padding: 0; list-style-type: none; } ol#comments li p { font-size: 100%; } ul { margin: 0; padding: 0; } /* Link to the comments */ .feedback { color: #181818; font-weight: bold; font-size: 11px; background: #d3edfa; text-align: right; padding: 4px 10px 6px 0px; clear: both; text-transform: lowercase; border-bottom: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } .feedback a, .feedback a:visited { color: #008ed0; text-decoration: none; } .feedback a:hover, .feedback a:visited:hover { color: #181818; text-decoration: none; } /* The post informations */ .meta { font-size: 11px; } .meta li, ul.post-meta li { display: inline; } .meta ul { display: inline; list-style: none; margin: 0; padding: 0; } .meta a { color: #181818; text-transform: lowercase; text-decoration: none; } .meta a:hover { text-decoration: underline; } .meta { color: #181818; background: #d3edfa; padding: 5px 5px 5px 5px; font-weight: normal; letter-spacing: 0; border-top: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } .storycontent { font-size: 115%; background: #f4fbfe; padding: 10px; border: 1px solid #b6e4fb; } /* Comment form design */ #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #ffffff; border: 1px solid #b6e4fb; color: #282828; } #commentform textarea { width: 95%; } #commentlist li ul { border-left: 1px solid #830000; font-size: 110%; } ol#commentlist li { list-style: decimal; } #pagecontent { float: left; width: 651px; margin: 0px 10px 0px 10px; text-align: left; display: inline; } #pagecontent ol li { list-style: decimal; } #pagecontent ul { margin-top: 10px; margin-left: 35px; } #pagecontent ul li { list-style-image: none; } #pagecontent-big { float: left; width: 651px; margin: 0px 10px 0px 10px; text-align: justify; display: inline; } .spacer {   padding: 0px; text-align: right; clear: both; text-transform: lowercase; padding-top: 5px; } #header { font-size: 32px; font-weight: bold; text-decoration:none; font-family: Verdana; margin: 0px auto; height: 284px; width: 1000px; padding: 0; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/header.jpg) no-repeat; } .header-title { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#ffffff; font-size:26px; font-weight:bold; padding: 90px 0 0 198px; text-align:left; } .header-title a{ color:#ffffff; text-decoration:none; border-bottom:none; } .header-title a:hover{ color:#ffffff; text-decoration:none; border-bottom:none; } .header-description { font-size: 11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color:#ffffff; padding: 1px 0 0 199px; text-align:left; } Top part CSS */ #top { width: 1000px; height: 34px; margin: 0px auto; } #topleft { float: left; height: 34px; padding-left: 0px; } #topright { float: right; height: 34px; padding-right: 10px; } Page navigation CSS */ #menu { float: left; height: 32px; padding-top: 1px; padding-bottom: 1px; border-left: 1px solid #b6e4fb; z-index: 20; } #menu li { float: left; display: block; height: 32px; border-right: 1px solid #b6e4fb; } #menu li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #b6e4fb; width: 100%; } #menu li a { display: block; padding-left: 15px; padding-right: 15px; line-height: 32px; font-size: 11px; font-weight: bold; color: #008ed0; text-decoration: none; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #menu li a:hover { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x; color: #01bcf3; } #menu li.current_page_item a { background: #FFF; color: #01bcf3; } #menu li.current_page_item a:hover { background: #FFF; color: #01bcf3; } #menu ul { display: none; z-index: 99; position: absolute; } #menu ul li a { display: block; background: #FFF; } #menu li ul a:hover { display: block; background: #FFF; } #menu ul a { display: block; } #menu ul ul { margin-top: -27px; display: none; margin-left: 198px; position: absolute; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } #menu li:hover ul ul { display: none; } #menu li:hover ul { display: block; } #menu ul li:hover ul { display: block; } #menu li ul li { display: block; width: 100%; } #menu li.page_item ul { border-top: 2px solid #b6e4fb; width: 200px; } #menu li.page_item a { display: block; } #menu li.page_item a:hover { display: block; } #menu li.page_item ul li a { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #333; text-decoration: none; } #menu li.page_item ul li a:hover { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #b6e4fb; border-left: 1px solid #b6e4fb; background: #FFF; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #333; } /* Search form CSS */ .searchform { display: inline; } .searchform fieldset { display: inline; margin-top: 1px; padding-top: 4px; border: #34c3f3 0px solid; } .searchform label { vertical-align: middle; display: inline; margin-right: 5px; font-size: 11px; color: #01bcf3; font-weight: bold; } .searchform input { vertical-align: middle; display: inline; font-size: 11px; } .searchinput { background: #FFF; border: 1px solid #b6e4fb; width: 184px; padding-top: 3px; padding-bottom: 3px; color: #282828; } .searchbutton { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat; width: 16px; height: 16px; margin-bottom: 2px; text-transform: uppercase; cursor: pointer; color: #FFF; font-weight: bold; border: 0px solid #b6e4fb; } /* Main Category Menu CSS */ #category { width: 1000px; height: 30px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x; border-top: 1px solid #b6e4fb; border-bottom: 1px solid #b6e4fb; } #categoryx { float: left; width: 965px; height: 30px; padding-left: 10px; } #categoryy { float: right; width: 5px; height: 30px; } #dcategory { float: left; height: 30px; border-left: 1px solid #b6e4fb; z-index: 20; } #dcategory li { float: left; display: block; height: 30px; border-right: 1px solid #b6e4fb; } #dcategory li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #b6e4fb; width: 100%; } #dcategory li a { display: block; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 11px; color: #008ed0; font-weight: bold; text-decoration: none; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #dcategory li a:hover { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x; color: #01bcf3; } #dcategory ul { display: none; z-index: 99; position: absolute; } #dcategory ul li a { display: block; background: #FFF; } #dcategory li ul a:hover { display: block; background: #FFF; } #dcategory ul a { display: block; } #dcategory ul ul { margin-top: -26px; display: none; margin-left: 200px; position: absolute; border-left: 1px solid #b6e4fb; border-right: 1px solid #b6e4fb; } #dcategory li:hover ul ul { display: none; } #dcategory li:hover ul { display: block; } #dcategory ul li:hover ul { display: block; } #dcategory li ul li { display: block; width:100%; } #dcategory li.cat-item ul { width: 260px; } #dcategory li.cat-item a { display: block; } #dcategory li.cat-item a:hover { display: block; } #dcategory li.cat-item ul li a { display: block; margin-left: -1px; text-align: left; font-size: 11px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #008ed0; font-weight: bold; border: 1px solid #b6e4fb; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x; } #dcategory li.cat-item ul li a:hover { display: block; text-align: left; font-size: 11px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #282828; font-weight: bold; background: #b6e4fb; border: 1px solid #b6e4fb; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x; } /* /* The credits at the bottom of the site */ #credit { width: 1000px; height: 32px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg); text-align: center; font-size: 11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-left: auto; margin-right: auto; padding: 0; clear: both; } #credit  a, #credit  a:visited { color: #282828; text-decoration: none; } #credit  a:hover, #credit  a:visited:hover { color: #282828; text-decoration: none; } #credit p { color: #282828; text-align: center; padding-top: 10px; font-weight: bold; } /* Subscribe RSS Form */ .subscribe { width: 294px; } .subscribe fieldset { display: inline; margin-bottom: 10px; border: 1px dotted #f4fbfe; width: 270px; } .subscribe input { display: inline; vertical-align: middle; } .feedinput { border: 1px solid #b6e4fb; width: 184px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; color: #282828; font-size: 11px; } .feedinput:focus { background: #ffffff; border: 1px dotted #b6e4fb; } .feedsubmit { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat; font-size: 11px; font-weight: bold; width: 44px; height: 21px; color: #fff; cursor: pointer; border: 0px dotted #b6e4fb; } .feedlink { background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left; padding-bottom: 2px; padding-left: 20px; font-weight: bold; font-size: 11px; margin-right: 10px; } /* * right sidebar */ #menu-right { float: right; display: inline; width: 301px; margin: 10px 10px 10px 0px; font-size: 11px; padding: 0px 8px 18px 8px; border: 1px solid #b6e4fb; background: #fefefe; } #menu-right h2 { font-size: 18px; margin: 8px 0 2px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #01bcf3; } #menu-right a, #menu-right a:visited { text-transform: lowercase; text-decoration: none; color: #181818; } #menu-right a:hover, #menu-right a:visited:hover  { text-transform: lowercase; text-decoration: underline; color: #181818; } #menu-right ul ul { margin-left: 12px; } #menu-right ul ul li { list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png); margin-left: 8px; } .box { background: #f4fbfe; padding: 10px; border: 1px solid #b6e4fb; } .box p { font-size: 1.0em; line-height: 1.3em; color: #282828; margin: 0px 0px 7px 0px; } .postbox { margin-bottom: 10px; background: #FFF; padding: 10px; border: 1px solid #b6e4fb; } .postbox p { font-size: 1.0em; line-height: 1.3em; text-align: justify; margin: 0; color: #666; } #adcontainer { padding: 0px 0 0 0; margin:0; width: 300px; } #adboxes{ padding: 13px 0 14px 0px; width:300px; background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x; float:left; position: relative; } #adboxes ul { margin: 0; padding: 0; list-style: none; padding-left: 15px; } #adboxes ul li { display:block; margin: 2px 4px 0px 0px !important; padding: 0px !important; float:left; list-style: none; } .clear { clear: both; margin: 0; padding: 0; } #menu-right img { padding: 3px; border: #b6e4fb 1px solid; background: #ffffff; } #menu-right img.alignleft { float: left; margin: 3px 3px 3px 0; } #menu-right img.alignright { float: right; margin: 0 3px 3px 3px; } /* End of right sidebar */ #rap { width: 1000px; margin: 0px auto; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y; text-align: left; padding: 0px; border-left: 1px solid #02b9f1; border-right: 1px solid #02b9f1; } .submit_button { float: left; padding:0; margin:0; border:0; height:23px; width:130px; background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat; } input#s { width: 200px; border: 1px solid #830000; color: #282828; margin-top: 5px; }

Tasarım Üst:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />
<title>Css-Thema/Blue Ice Tema..</title>
<FCK:meta name="keywords" content="free css templates, blue ice, CSS, HTML, css-thema"  />
<FCK:meta name="description" content="Blue Ice is one of the Free CSS Templates from css-thema.tr.gg"  />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com"><img src="https://img.webme.com/pic/c/css-thema/templatemo_logo.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/templatemo_logo.png" alt="logo" /><span>Free CSS Templates</span></a></h1>
</div> 
<ul id="social_box">
<li><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/css-thema/facebook.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/facebook.png" alt="facebook" /></a></li>
<li><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/css-thema/twitter.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/twitter.png" alt="twitter" /></a></li>
<li><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/css-thema/linkedin.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/linkedin.png" alt="linkin" /></a></li>
<li><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/css-thema/technorati.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/technorati.png" alt="technorati" /></a></li>
<li><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/css-thema/myspace.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/myspace.png" alt="myspace" /></a></li>
</ul>
</div> 
<div id="templatemo_menu">
<div class="home"><a href="http://www.css-thema.tr.gg" _fcksavedurl="http://www.css-thema.tr.gg"></a></div>
<ul>
<li><a href="#" _fcksavedurl="#">Bana Ulaşın<span>İletişim</span></a></li>
<li><a href="#" _fcksavedurl="#">Yorum Yaz Bakım <img src="http://theme.webme.com/smiles/wink.gif" border="0"><span>Defter</span></a></li>
<li><a href="#" _fcksavedurl="#">Beni Tanı..<span>Hakkımda</span></a></li>
<li><a href="#" _fcksavedurl="#" class="last">Takıl Bana Hitin Atsın<span>Toplist</span></a></li>
</ul>
</div> 
<div id="templatemo_content_wrapper">
<div id="templatemo_content_top"></div>
<div id="templatemo_content">

Tasarım Alt:

</div>
<div id="templatemo_content_bottom"></div>
</div>
<div id="templatemo_sp_box">
<div class="col_w340 float_l">
<img src="https://img.webme.com/pic/c/css-thema/bar-graph.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/bar-graph.png" alt="image" />
<div class="right">
<h4>Css-Thema</h4>
<p>Css-Thema Websiteniz İçin En İyi Css Temalar Bu Sitede Herkesi Bekliyoruz...</p>
<div class="button"><a href="http://www.css-thema.tr.gg" _fcksavedurl="http://www.css-thema.tr.gg"><span>+</span> More</a></div>
</div>
</div>
<div class="col_w340 float_r">
<img src="https://img.webme.com/pic/c/css-thema/to-do.png" _fcksavedurl="https://img.webme.com/pic/c/css-thema/to-do.png" alt="image" />
<div class="right">
<h4>Duyuru Felan</h4>
<p>Bu Bölüme Duyuru Toplist Link vb Şeyler Ekliyebilirsin..</p>
<div class="button"><a href="http://www.css-thema.tr.gg" _fcksavedurl="http://www.css-thema.tr.gg"><span>+</span>More</a></div>
</div>
</div>
</div>
<div id="templatemo_footer">
Copyright © 2048 <a href="http://www.css-thema.tr.gg" _fcksavedurl="http://www.css-thema.tr.gg">Css-Thema</a> -
<a href="http://www.iwebsitetemplate.com" _fcksavedurl="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a>
by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div> 
</div> 
</body>
</html>

Css:

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 {
margin: 0px;
padding: 0px;
color: #333;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 1.5em;
background-color: #0097d6;
background-image: url(https://img.webme.com/pic/c/css-thema/templatemo_body.jpg);
background-repeat: repeat-y;
background-position: center;
}
a, a:link, a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }
p { margin: 0px; padding: 0; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #333; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.float_l { float: left; }
.float_r { float: right; }
.image_wrapper { display: inline-block; padding: 4px; border: 1px solid #fff; background: none; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }
blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #000; }
.tmo_list { margin: 20px 0; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(https://img.webme.com/pic/c/css-thema/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px; 	line-height: 1em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }
.button a { color: #333; font-weight: bold; }
.button a span { color: #de3f00; font-size: 18px; }
.button a:hover { color: #de3f00; text-decoration: none; }
#templatemo_wrapper {
width: 970px;
margin: 0 auto;
}
#templatemo_header {
width: 740px;
height: 180px;
padding: 0 100px 0 130px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_header.png) top no-repeat ;
}
#templatemo_header  #site_title {
float: left;
margin: 60px 0 0 60px;
}
#templatemo_header  #site_title a {
margin: 0px;
padding: 0px;
font-size: 40px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#templatemo_header  #site_title a span {
display: block;
text-align: right;
font-size: 14px;
color: #fff;
font-weight: normal;
margin-left: 5px;
}
#social_box {
float: right;
display: inline-block;
margin: 10px 0 0;
padding: 0;
list-style: none;
}
#social_box li {
display: block;
float: left;
padding: 0;
margin: 0;
}
#social_box li a {
width: 46px;
height: 46px;
margin-right: 5px;
}
/* menu */
#templatemo_menu {
clear: both;
width: 950px;
height: 122px;
padding: 0 10px;
margin-bottom: 20px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_menu.png) no-repeat top;
}
#templatemo_menu .home a {
float: left;
width: 52px;
height: 52px;
margin: 9px 19px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_home.png) no-repeat center;
}
#templatemo_menu .home a:hover {
background: url(https://img.webme.com/pic/c/css-thema/templatemo_home_hover.png) no-repeat center;
}
#templatemo_menu ul {
float: left;
display: inline-block;
height: 50px;
margin: 0;
padding: 10px 0;
list-style: none;
}
#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline-block;
}
#templatemo_menu ul li a {
float: left;
display: block;
height: 45px;
width: 140px;
padding: 5px 0 0 0;
font-size: 11px;
color: #666;
text-align: center;
text-decoration: none;
font-weight: normal;
outline: none;
border: none;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_menu_divider.gif) repeat-y right;
}
#templatemo_menu ul li a span {
display: block;
font-size: 20px;
font-weight: normal;
color: #333;
}
#templatemo_menu ul li .last {
background: none;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color: #a13c03;
}
#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
color: #a13c03;
}
#templatemo_menu ul li a span:hover {
color: #a13c03;
}
/* end of menu */
/* content */
#templatemo_content_wrapper {
width: 802px;
padding: 0 68px 0 100px;
}
#templatemo_content_top {
width: 802px;
height: 10px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_content_top.png) no-repeat;
}
#templatemo_content_bottom {
width: 802px;
height: 10px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_content_bottom.png) no-repeat;
}
#templatemo_content {
padding: 20px 30px;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_content.png) repeat-y;
}
#templatemo_content p {
margin-bottom: 10px;
}
#templatemo_content h2 {
margin-left: -46px;
height: 36px;
padding: 12px 0 0 46px;
text-shadow: 1px 1px 1px #555;
margin-bottom: 10px;
font-weight: bold;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_h2.png) no-repeat;
}
.col_w340 {
width: 340px;
}
.col_w220 {
width: 220px;
}
.news_box {
clear: both;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #fff;
}
.news_box .news_meta {
margin-bottom: 10px;
}
.news_box img {
float: left;
width: 240px;
height: 180px;
margin-right: 30px;
border: 1px solid #fff;
padding: 4px;
}
.news_box_last {
margin: 0;
padding: 0;
border: none;
}
.service_box {
width: 340px;
margin-bottom: 40px;
}
.service_box img {
float: left;
width: 48px;
height: 48px;
}
.service_box .sb_right {
float: right;
width: 260px;
}
.comment{
font-weight: bold;
}
/* end of content */
/* sp_box */
#templatemo_sp_box {
width: 740px;
height: 140px;
margin: 20px 70px 0 100px;
padding: 30px;
color: #eac5b8;
background: url(https://img.webme.com/pic/c/css-thema/templatemo_sp_box.png) no-repeat;
}
#templatemo_sp_box h4 {
color: #fff;
}
#templatemo_sp_box img {
float: left;
width: 80px;
height: 80px;
}
#templatemo_sp_box .right {
float: right;
width: 240px;
}
#templatemo_sp_box p {
margin-bottom: 15px;
}
#templatemo_sp_box .button a span { color: #fff; }
#templatemo_sp_box .button a { color: #000;	 }
#templatemo_sp_box .button a:hover { color: #fff; }
/* end of sp_box */
#contact_form {
float: left;
padding: 0;
}
#contact_form form {
margin: 0px;
padding: 0px;
}
#contact_form form .input_field {
width: 300px;
padding: 5px 0;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
#contact_form form label {
display: block;
width: 100px;
margin-bottom: 5px;
font-size: 14px;
}
#contact_form form textarea {
width: 335px;
height: 200px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
.submit_btn {
margin: 0px;
padding: 5px 10px;
color: #FFFFFF;
background: #0099FF;
border: 1px solid #FFFFFF;
}
/* footer */
#templatemo_footer {
width: 770px;
padding: 20px 100px;;
text-align: right;
color: #12526d;
}
#templatemo_footer a {
color: #000;
}
/* end of footer */

Ana Menü

Tercih Edilen Yazilar

Facebook Sayfamiz

Öneri Siteler

O??a??ala? // Yardım Platformu

Ana Sayfa

Css TasarımLar