Pusu Vadisi - CSS Design 12

Screan Shoot

Tasarımın Üzerindeki Yazı

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hazax Tasarım - www.Hazax.De.TL</title> <meta name="keywords" content="paint blog, free templates, website templates, CSS, HTML" /> <meta name="description" content="Paint Blog - free blog website template provided by www.hazax.de.tl" /> <style type="text/css"> /* CSS Credit: http://www.hazax.de.tl/ */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background: #696653; } a:link, a:visited { color: #f4d153; text-decoration:none;} a:active, a:hover { color: #f4d153; text-decoration: underline;} h1 { margin: 0px; padding: 10px 0; font-size: 26px; color: #11616a; font-weight: bold; } .cleaner { clear: both; width: 100%; height: 0px; } .cleaner_with_height { clear: both; width: 100%; height: 30px; } .comment { padding-left: 20px; margin-left: 5px; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_comment_icon.png) bottom left no-repeat; } /* top panel */ #Hazaxpaintblog_top_panel{ width:100%; height: 255px; margin: 0 auto; color: #000000; background: #ffffff; } #Hazaxpaintblog_top_panel #Hazaxpaintblog_header_section{ width: 930px; height: 255px; margin:0 auto; padding: 0 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_header_bg.jpg) no-repeat; } #Hazaxpaintblog_header_section #search_box { float: right; margin-top: 205px; width: 245px; padding-left: 15px; height: 30px; } #search_box #search_field{ background: none; border: none; font-size: 13px; font-variant: normal; height: 18px; line-height: normal; padding: 4px; width: 205px; } #search_box #search_button { cursor: pointer; background: none; border: none; font-size: 12px; font-weight: bold; height: 26px; margin: 0 0 0 15px; padding: 0 6px; text-align: center; vertical-align: bottom; white-space: pre; width: 50px; } /* end of top panel */ /* menu */ #Hazaxpaintblog_menu_panel { clear: both; width: 100%; height: 48px; margin: 0 auto; color: #ffffff; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_menu_bg.jpg) repeat-x; } #Hazaxpaintblog_menu_panel #Hazaxpaintblog_menu_section { width: 930px; height: 48px; margin:0 auto; padding: 0 0 0 30px; color: #03a0a6; } #Hazaxpaintblog_menu_section ul { float: left; width: 930px; margin: 0; padding: 6px 0 0 0; list-style: none; } #Hazaxpaintblog_menu_section ul li { display: inline; } #Hazaxpaintblog_menu_section ul li .lastmenu{ border-right: none; } #Hazaxpaintblog_menu_section ul li a { float: left; width: 110px; padding: 5px 0; margin-right: 5px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #2f2e27; border-right: 1px solid #4c4a3c; } #Hazaxpaintblog_menu_section li a:hover, #Hazaxpaintblog_menu_section li .current { color: #ffffff; } /* end of menu */ /* Hazaxpaintblog content panel */ #Hazaxpaintblog_content_panel { clear: both; width:100%; margin: 0 auto; color: #ffffff; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_content_bg.jpg) repeat; } #Hazaxpaintblog_content_panel #Hazaxpaintblog_content { clear: both; overflow: hidden; height: 100%; width: 930px; padding: 30px 0 0 30px; margin:0 auto; } #Hazaxpaintblog_content #Hazaxpaintblog_content_left { float: left; width: 270px; margin-right: 30px; padding-top: 15px; border: 5px solid #7b7866; background-color: #696653; } #Hazaxpaintblog_content #Hazaxpaintblog_content_right { float: left; width: 590px; } #Hazaxpaintblog_content_left .Hazaxpaintblog_content_left_section { clear: both; width: 260px; margin-left: 10px; margin-bottom: 25px; } .Hazaxpaintblog_content_left_section .left_section_title { margin: 0px; font-size: 18px; font-weight: bold; padding: 20px 0 0 20px; height: 45px; background:url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_left_ctb.jpg) no-repeat; } .Hazaxpaintblog_content_left_section .left_section_content { margin: 0px; padding: 10px 20px 0 20px; } .left_section_content ul{ clear: both; margin: 0 0 0 15px; padding: 0px; } .left_section_content ul li{ margin: 0 0 5px 0; } .left_section_content .gallery { list-style: none; margin: 0; padding: 0; } .left_section_content .gallery li { padding: 0; float: left; margin: 0 1px 1px 0; width: 70px; height: 61px; border: 1px solid #7b7866; } .left_section_content .gallery img { border: none; } #Hazaxpaintblog_content_right .Hazaxpaintblog_post_section { clear: both; margin-bottom: 25px; } .Hazaxpaintblog_post_section .date_section { float: left; display: inherit; font-size: 30px; font-weight: bold; width: 70px; height: 60px; padding: 30px 0 0 30px; margin-right: 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_date_bg.png) no-repeat; } .date_section span { display: block; margin-top: 8px; font-size: 15px; font-weight: bold; } .Hazaxpaintblog_post_section .post_content { float: left; display: inline; width: 475px; } .post_content .post_title { width: 475px; margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 26px; font-weight: bold; color: #d77707; border-bottom: 1px solid #75715a; } .post_title .post_info{ width: 100%; font-weight: normal; font-size: 12px; padding-top: 5px; color: #ffffff; } .post_content .post_body{ padding: 0 0 15px 0; } .post_content .post_body img{ margin-bottom: 15px; border: 5px solid #7b7866; } .post_content .post_comment { padding-left: 20px; margin-left: 5px; background: url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_comment_icon.png) bottom left no-repeat; } /* Hazaxpaintblog comment */ #middle_column .comment_section { margin: 20px 20px 30px 20px; } .comment_section .comment_section_title{ color: #ded153; height: 30px; font-size: 30px; border-bottom: 1px dotted #666; padding: 20px 0 0 0; margin-bottom: 15px; } .comment_section .comment_box{ margin-bottom: 20px; background: #bebaa4; } .comment_box .comment_title { color: #11616a; font-weight: bold; padding: 5px 10px; background-color: #aba68b; border-bottom: 1px solid #9e997e; } .comment_box .comment_body{ padding: 5px 10px; } #middle_column .leave_comment_section { margin: 20px; } .leave_comment_section .leave_comment_section_title{ color: #ded153; height: 30px; font-size: 30px; border-bottom: 1px dotted #666; padding: 20px 0 0 0; margin-bottom: 15px; } .leave_comment_section form { padding: 20px; background-color: #aba68b; border: 1px solid #9e997e; } .leave_comment_section textarea { background:#FFFFFF none repeat fixed 0 0; border:1px solid #BBBBBB; display:block; font-family:Helvetica,Arial,sans-serif; font-size:1.1em; height:150px; margin-top:5px; padding:5px; width:300px; } .leave_comment_section .form_row { width: 100%; margin-bottom: 15px; } .leave_comment_section form input { margin-top: 5px; width: 200px; } .leave_comment_section .submit_btn { width: 80px; } /* end of comment */ /* end of content */ /* Hazaxpaintblog for bottom palen */ #Hazaxpaintblog_bottom_panel{ width:100%; min-height: 280px; margin: 0 auto; border-top: 1px solid #050702; background: #000000 url(https://img.webme.com/pic/h/hazax/hazaxpaintblog_bottom_panel_bg.jpg) center top no-repeat; } #Hazaxpaintblog_bottom_panel #Hazaxpaintblog_bottom_section{ overflow: hidden; width: 930px; margin:0 auto; padding: 40px 0 15px 30px; } #Hazaxpaintblog_bottom_section #Hazaxpaintblog_bottom_section_left { float: left; display: inline-block; width: 280px; margin-right: 30px; margin-bottom: 15px; } #Hazaxpaintblog_bottom_section .bottom_section_title{ font-size: 18px; margin-bottom: 15px; font-weight: bold; color: #ffffff; } #Hazaxpaintblog_bottom_section_left .popular_post { list-style: none; margin: 0; padding: 0 30px 0 0; } .popular_post li{ margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #36241b; } #Hazaxpaintblog_bottom_section #Hazaxpaintblog_bottom_section_right { float: right; text-align: right; display: inline-block; width: 280px; margin-right: 30px; margin-bottom: 15px; } #Hazaxpaintblog_bottom_section_right .list_section{ list-style: none; margin: 0 0 15px 30px; padding: 0; } #Hazaxpaintblog_bottom_section_right .list_section li{ list-style: none; } /* end of bottom panel */ /* Hazaxpaintblog footer */ #Hazaxpaintblog_footer_panel{ width:100%; height: 50px; margin: 0 auto; background-color: #151513; border-top: 1px solid #36352c; } #Hazaxpaintblog_footer_panel #Hazaxpaintblog_footer_section{ width: 960px; height: 10px; margin:0 auto; padding: 20px 15px; text-align: center; } /* Hazaxpaintblog end of footer */ </style> </head> <body> <div id="Hazaxpaintblog_top_panel"> <div id="Hazaxpaintblog_header_section"> <div id="search_box"> <form method="get" action="#"> <input type="text" value="CSS Design 12" name="searchfield" id="search_field" title="searchfield" /> </form> </div> </div>  </div> <div id="Hazaxpaintblog_menu_panel"> <div id="Hazaxpaintblog_menu_section"> <ul> <li><a href="http://www.hazax.de.tl" class="current">Etkin Link</a></li> <li><a href="#">Deaktif Link</a></li> <li><a href="#">Deaktif Link</a></li> <li><a href="#">Deaktif Link</a></li> <li><a href="#">Deaktif Link</a></li> <li><a href="#">Deaktif Link</a></li> </ul> </div> </div>  <div id="Hazaxpaintblog_content_panel"> <div id="Hazaxpaintblog_content"> <div id="Hazaxpaintblog_content_left"> <div class="Hazaxpaintblog_content_left_section"> <div class="left_section_title">Kategori Adı</div> <div class="left_section_content"> <ul> <li><a href="#">Sayfa Linki</a></li> <li><a href="#">Sayfa Linki</a></li> <li><a href="#">Sayfa Linki</a></li> </ul> </div> </div> <div class="Hazaxpaintblog_content_left_section"> <div class="left_section_title">Reklam</div> <div class="left_section_content"> <ul class="gallery"> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> <li><a href="http://www.hazax.de.tl" target="_blank"><img src="https://img.webme.com/pic/h/hazax/hazaxpaintblog_thumb_06.jpg" alt="Web Arşivi" /></a></li> </ul> <div class="cleaner"> </div> <br /> <a href="#">Reklam Sayfasına Git</a> </div> </div> </div>  <div id="Hazaxpaintblog_content_right"> <div class="Hazaxpaintblog_post_section">

Tasarımın Altındaki Kod

</div> </div>  </div>  <div class="cleaner_with_height"> </div> </div> </div>  <div id="Hazaxpaintblog_footer_panel"> <div id="Hazaxpaintblog_footer_section"> Copyright © 2009 <a href="http://www.hazax.de.tl">Hazax Tasarım</a> | Designed by <a href="http://www.hazax.de.tl" target="_parent">www.Hazax.De.TL</a> </div> </div> </body> </html>

CSS Kodu Bölümüne

td.nav {visibility:hidden;} li.nav_element{display: none;} td.headline2 {visibility:hidden;} td.nav_element checked_menu {visibility:hidden;} td.content_container{visibility:hidden;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} td.nav {visibility:hidden;} li.nav_element{display: none;} td.headline2 {visibility:hidden;} td.nav_element checked_menu {visibility:hidden;} td.content_container{visibility:hidden;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} td.nav {visibility:hidden;} li.nav_element{display: none;} td.headline2 {visibility:hidden;} td.nav_element checked_menu {visibility:hidden;} td.content_container{visibility:hidden;}