Pusu Vadisi - CSS Design 17

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="free website templates, CSS templates, download HTML page," /> <meta name="description" content="Hazax Tasarım - 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: "Trebuchet MS", Verdana, Helvetica, Arial; font-size: 12px; color: #000000; background: #999999 url(https://img.webme.com/pic/h/hazax/hazaxsmp_bg.gif); } a:link, a:visited { color: #0066CC; text-decoration: none} a:active, a:hover { color: #008800; text-decoration: underline} #hazaxsmp_container_wrapper { background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_s_bg.gif) repeat-x; } #hazaxsmp_container { width: 810px; margin: 0px auto; background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_c_bg.gif); } #hazaxsmp_top { clear: left; height: 25px; padding-top: 42px; padding-left: 30px; background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_t_bg.gif) no-repeat bottom; } #hazaxsmp_header { clear: left; height: 179px; text-align: center; background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_h_bg.gif) no-repeat; } #inner_header { height: 160px; background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_h.jpg) no-repeat center center; } #hazaxsmp_left_column { clear: left; float: left; width: 540px; padding-left: 20px; } #hazaxsmp_right_column { float: right; width: 216px; padding-right: 15px; } #hazaxsmp_footer { clear: both; padding-top: 18px; height: 37px; text-align: center; font-size: 11px; background: url(https://img.webme.com/pic/h/hazax/hazaxsmp_f_bg.gif) no-repeat; color: #666666; } #hazaxsmp_footer a { color: #666666; } #hazaxsmp_site_title { padding-top: 65px; font-weight: bold; font-size: 32px; color: #FFFFFF; } #hazaxsmp_site_slogan { padding-top: 14px; font-weight: bold; font-size: 13px; color: #AAFFFF; } .hazaxsmp_spacer { clear: left; height: 18px; } .hazaxsmp_pic { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #000000; } .section_box { margin: 10px; padding: 10px; background: #F2F2F2; } .section_box2 { border: 2px ridge #CCCCCC; clear: left; margin-top: 10px; background: #F6F6F6; color: #000000; } .text_area { padding: 10px; } .publish_date { clear: both; margin-top: 10px; color: #999999; font-size: 11px; font-weight: bold; } .title { padding-bottom: 12px; font-size: 18px; font-weight: bold; color: #0066CC; } .subtitle { padding-bottom: 6px; font-size: 14px; font-weight: bold; color: #666666; } .post_title { padding: 6px; padding-left: 10px; background: #DDEEFF; font-size: 14px; font-weight: bold; color: #0066CC; } .hazaxsmp_menu { list-style-type: none; margin: 10px; margin-top: 0px; padding: 0px; width: 195px; } .hazaxsmp_menu li a{ background: #F4F4F4 url(https://img.webme.com/pic/h/hazax/hazaxsmp_b_d.gif) no-repeat; font-size: 13px; font-weight: bold; color: #0066CC; display: block; width: auto; margin-bottom: 2px; padding: 5px; padding-left: 12px; text-decoration: none; } * html .hazaxsmp_menu li a{ width: 190px; } .hazaxsmp_menu li a:visited, .hazaxsmp_menu li a:active{ color: #0066CC; } .hazaxsmp_menu li a:hover{ background: #EEEEEE url(https://img.webme.com/pic/h/hazax/hazaxsmp_b_a.gif) no-repeat; color: #FF3333; } </style> </head> <body>  <div id="hazaxsmp_container_wrapper"> <div class="hazaxsmp_spacer"></div> <div id="hazaxsmp_container"> <div id="hazaxsmp_top"> <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · <a href="#" target="_parent">Link</a> · </div> <div id="hazaxsmp_header"> <div id="inner_header"> <div id="hazaxsmp_site_title">HOS GELDINIZ</div> <div id="hazaxsmp_site_slogan">Yeryüzündeki Alimler, Gökteki Yıldızlar Gibidir. (HZ. Muhammed)</div> </div> </div> <div id="hazaxsmp_left_column"> <div class="text_area" align="justify"> <div class="section_box2" align="justify"> <div class="post_title">CSS Design 17</div> <div class="text_area">

Tasarımın Altındaki Kod

<div class="publish_date" style="text-align: center;">Bugün [Visits] Ziyaretçi - 82 Klik.</div> </div> </div> <br> <div class="section_box2" align="justify"> <div class="post_title">Haber Köşesi</div> <div class="text_area"> Haber <div class="publish_date">Son Haber Tarihi : 12:06 8/2/2009 </div> </div> </div> </div> </div> <div id="hazaxsmp_right_column"> <ul class="hazaxsmp_menu"> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <div class="section_box"> <div class="subtitle">Sağ Kutucuk</div> <a href="#">Link Örneği</a><br /> <a href="#">Link Örneği</a><br /> <p>Örnek Yazı</p> </div> </div> <div id="hazaxsmp_footer"> Copyright © 2009 Hazax Tasarım · Designed by <a href="http://www.hazax.de.tl" target="_blank">www.Hazax.De.TL</a> </div> </div> <div class="templatemo_spacer"></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;}