Pusu Vadisi - CSS Design 15

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="website template, CSS, HTML, pink website" /> <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: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background: #bfae99; } a:link, a:visited { color: #FF99FF; font-weight: bold; text-decoration: none; } a:active, a:hover { color: #FFFF00; text-decoration: underline; } h1 { margin: 0px; padding: 15px 0 20px 30px; font-size: 20px; color: #ffffff; font-weight: bold; height: 35px; /* +20 for padding */ background:url(https://img.webme.com/pic/h/hazax/hazaxpink_c_t_bg.jpg) no-repeat; } h2 { margin: 0px; padding: 5px 0 20px 0; font-size: 20px; color: #ffffff; font-weight: bold; } p { margin: 0 0 7px 0; padding: 0 0 7px 0; } img { margin: 3px 5px 0 0; border: 5px solid #a08b97; } .cleaner { clear: both; width: 100%; height: 0px; } .cleaner_with_height { clear: both; width: 100%; height: 30px; } #hazaxpink_container{ width: 940px; margin: 0 auto; } #hazaxpink_container #hazaxpink_header_panel { width: 760px; /* hazaxpink */ height: 70px; /* hazaxpink */ margin-top: 50px; padding: 10px 90px; background:url(https://img.webme.com/pic/h/hazax/hazaxpink_h_bg.jpg) no-repeat; } #hazaxpink_header_panel #hazaxpink_title { margin-left: 30px; padding: 30px 0 10px 0; font-size: 36px; font-weight: bold; color: #ffffff; } /* hazaxpink menu */ #hazaxpink_container #hazaxpink_menu { width: 760px; height: 50px; padding: 0px 90px; background: url(https://img.webme.com/pic/h/hazax/hazaxpink_m_bg.jpg) no-repeat; } #hazaxpink_menu ul { text-align: center; width: 760px; margin: 0; padding: 13px 0 0 0; list-style: none; } #hazaxpink_menu ul li{ display: inline; } #hazaxpink_menu ul li a{ padding: 5px 25px; margin-right: 5px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #2d1414; } #hazaxpink_menu li a:hover, #hazaxpink_menu li .current{ color: #ffffff; } /* hazaxpink end of menu */ /* hazaxpink banner */ #hazaxpink_container #hazaxpink_banner_panel { clear: both; width: 820px; height: 220px; padding: 0 60px 70px 60px; background: url(https://img.webme.com/pic/h/hazax/hazaxpink_b_bg.jpg) no-repeat; } #hazaxpink_banner_panel #hazaxpink_banner_section{ padding: 40px 0 0 60px; width: 500px; } /* hazaxpinkv end of banner */ /* hazaxpink content */ #hazaxpink_container #hazaxpink_content_top{ width: 940px; height: 20px; background: url(https://img.webme.com/pic/h/hazax/hazaxpink_c_t.jpg) no-repeat; } #hazaxpink_container #hazaxpink_content_bottom{ width: 940px; height: 35px; background: url(https://img.webme.com/pic/h/hazax/hazaxpink_c_b.jpg) no-repeat; } #hazaxpink_container #hazaxpink_content_body{ width: 820px; padding: 0 60px; padding-top: 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxpink_c_bg.jpg) repeat-y; color: #000000; } #hazaxpink_content_body .content_body_section { width: 780px; margin-left: 20px; } .content_body_section .content_body_section_content { padding: 0px 30px; } .content_body_section a:link, .content_body_section a:visited { color: #993366; font-weight: bold; text-decoration: none; } .content_body_section a:active, .content_body_section a:hover { color: #CC5588; text-decoration: underline; } .content_body_section_content img{ margin: 3px 30px 0 0; float: left; } /* ----- hazaxpink Footer ----- */ #hazaxpink_footer { clear: both; width: 960px; padding: 25px 0; margin-left: -25px; margin-right: -25px; text-align: center; color: #444; } #hazaxpink_footer a:link, #hazaxpink_footer a:visited { color: #444; font-weight: normal; text-decoration: none; } #hazaxpink_footer a:active, #hazaxpink_footer a:hover { color: #F60; text-decoration: underline; } /* ----- hazaxpink End of Footer ----- */ </style> </head> <body> <div id="hazaxpink_container"> <div id="hazaxpink_header_panel"> <div id="hazaxpink_title"> HAZAX TASARIM </div> </div> <div id="hazaxpink_menu"> <ul> <li><a href="#" class="current" >Etkin Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <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> <div id="hazaxpink_banner_panel"> <div id="hazaxpink_banner_section"> <h2>Web Sitemize Hoş Geldiniz</h2> <p>Haber Konuları</p> <p>Genel Bilgilendirmeler</p> </div> </div> <div id="hazaxpink_content_top"></div> <div id="hazaxpink_content_body"> <div class="content_body_section"> <h1>CSS Design 15</h1> <div class="content_body_section_content"> <p>

Tasarımın Altındaki Kod

</p> <div class="cleaner"> </div> </div> </div> <div class="cleaner_with_height"> </div> </div> <div id="hazaxpink_content_bottom"></div>  <div id="hazaxpink_footer"> 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><br /> <br /><a> Bugün Web Sitemizi 75 Kişi Ziyaret Etmiştir. 92 Sayfada da Sörf Yapmıştır.</a> </div> </div> </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;}