Pusu Vadisi - CSS Design 19

Screan Shoot

Tasarımın Üzerindeki Yazı

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Hazax Tasarim - www.Hazax.De.TL</title> <meta name="keywords" content="" /> <meta name="Majestic" content="" /> <style type="text/css"> /* Design by - Hazax Tasarım "www.hazax.de.tl" */ body { margin-top: 50px; padding: 0; background: #0A1420; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } h1, h2, h3 { margin-top: 0; color: #FFFFFF; } h1 { font-size: 1.6em; font-weight: normal; } h2 { font-size: 1.6em; } h3 { font-size: 1em; } ul { } a { text-decoration: none; color: #FFFFFF; } a:hover { border-bottom: none; } a img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } #hazaxmajesticheader { width: 940px; height: 150px; margin: 0 auto; padding: 0px; } /* hazaxmajestic Header */ #hazaxmajesticlogo { width: 940px; height: 80px; margin: 0 auto; padding-top: 20px; } #hazaxmajesticlogo h1, #hazaxmajesticlogo p { float: left; margin: 0; color: #FFFFFF; } #hazaxmajesticlogo span { } #hazaxmajesticlogo h1 { padding: 25px 0 0 0; letter-spacing: -1px; text-transform: lowercase; font-weight: normal; font-size: 3em; } #hazaxmajesticlogo p { text-transform: uppercase; padding: 47px 0 0 3px; font-size: 10px; color: #CCCCCC; } #hazaxmajesticlogo a { border: none; text-decoration: none; color: #FFFFFF; } /* hazaxmajestic Menu */ #hazaxmajesticmenu { width: 940px; margin: 0 auto; padding: 0; height: 50px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg01.gif) no-repeat left top; } #hazaxmajesticmenu ul { margin: 0; padding: 0; list-style: none; } #hazaxmajesticmenu li { display: inline; } #hazaxmajesticmenu a { display: block; float: left; height: 34px; margin: 0; padding: 16px 30px 0 30px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg14.gif) no-repeat right 7px; text-decoration: none; text-transform: capitalize; font-size: 13px; font-weight: bold; color: #04283B; } #hazaxmajesticmenu a:hover { color: #04283B; } #hazaxmajesticmenu .current_page_item a { color: #04283B; } /*hazaxmajestic Wrapper */ #hazaxmajesticwrapper { } /*hazaxmajestic Page */ #hazaxmajesticpage { width: 940px; margin: 0 auto; padding: 0px; } #hazaxmajesticpage-bg { } /* hazaxmajestic Latest Post */ #hazaxmajesticlatest-post { padding: 20px; border: 1px solid #E7E7E7; } /* hazaxmajestic Content */ #hazaxmajesticcontent { float: left; width: 560px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg12.gif) repeat-y left top; } #hazaxmajesticcontent-bgtop { background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg11.gif) no-repeat left top; } #hazaxmajesticcontent-bgbtm { padding: 20px 10px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg13.gif) no-repeat left bottom; } .post { padding-bottom: 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg15.gif) repeat-x left bottom; line-height: 200%; } .post h1 { font-weight: normal; } .title { margin: 0; padding: 10px 0 4px 20px; font-weight: normal; } .title a { border-bottom: none; color: #FFFFFF; } .title a:hover { border-bottom: 1px dotted #000000; } .byline { margin: -10px 20px 20px 20px; } .tag { padding: 0 15px; } .entry { padding: 0 20px; } .links { padding: 4px 0px; text-align: right; font-weight: bold; } .links a { border: none; } .links a:hover { } /* hazaxmajestic Sidebars */ #hazaxmajesticsidebar1 { float: left; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg04.gif) repeat-y left top; color: #04283B; } #hazaxmajesticsidebar1-bgtop { background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg03.gif) no-repeat left top; } #hazaxmajesticsidebar1-bgbtm { padding-top: 10px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg05.gif) no-repeat left bottom; } #hazaxmajesticsidebar1 h2 { height: 30px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg06.gif) no-repeat left top; font-size: 13px; font-weight: bold; color: #04283B; } #hazaxmajesticsidebar1 a { color: #04283B; } #hazaxmajesticsidebar2 { float: right; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg08.gif) repeat-y left top; } #hazaxmajesticsidebar2-bgtop { background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg07.gif) no-repeat left top; } #hazaxmajesticsidebar2-bgbtm { padding-top: 10px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg09.gif) no-repeat left bottom; } #hazaxmajesticsidebar2 h2 { height: 30px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 15px; background: url(https://img.webme.com/pic/h/hazax/hazaxmajesticimg10.gif) no-repeat left top; font-size: 13px; font-weight: bold; color: #FFFFFF; } #hazaxmajesticsidebar2 a { color: #FFFFFF; } .sidebar { float: left; width: 190px; font-size: 11px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { padding: 0 0 20px 0; } .sidebar li ul { } .sidebar li li { margin: 0 20px 0 15px; padding: 8px 0px; border-bottom: 1px #BBBBBB dashed; } .sidebar li h2 { height: 30px; margin: 0 0 0 0; padding: 10px 15px 0px 15px; color: #FFFFFF; } .sidebar a { } /*hazaxmajestic Search */ #hazaxmajesticsearchform { margin: 0; padding: 0 0 0 0; } #hazaxmajesticsearchform br { display: none; } #hazaxmajesticsearchform h2 { } #hazaxmajestics { margin: 10px 0px 0 15px; padding: 2px 2px; width: 150px; height: 18px; border: 1px solid #FFFFFF; background: #FFFFFF; font-size: 10px; color: #000000; } #hazaxmajesticx { margin: 0; padding: 2px 5px; height: 25px; background: #CA8186; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; } /* hazaxmajestic Calendar */ #hazaxmajesticcalendar_wrap { padding: 0 15px; text-align: center; } #hazaxmajesticcalendar_wrap table { width: 100%; } #hazaxmajesticcalendar_wrap th { } #hazaxmajesticcalendar_wrap td { } #hazaxmajesticcalendar_wrap tfoot td { border: none; } #hazaxmajesticcalendar_wrap tfoot td#hazaxmajesticprev { text-align: left; font-weight: bold; border: none; } #hazaxmajesticcalendar_wrap tfoot td#hazaxmajesticprev a { border: none; } #hazaxmajesticcalendar_wrap tfoot td#hazaxmajesticnext { text-align: right; font-weight: bold; border: none; } #hazaxmajesticcalendar_wrap tfoot td#hazaxmajesticnext a { border: none; } /*hazaxmajestic Footer */ #hazaxmajesticfooter { width: 960px; height: 70px; margin: 0 auto; padding: 10px 0px 0px 0px; color: #FFFFFF; } #hazaxmajesticfooter p { margin: 0; padding: 25px 20px 0 20px; text-transform: uppercase; text-align: center; font-size: smaller; font-family: Arial, Helvetica, sans-serif; } #hazaxmajesticfooter a { color: #FFFFFF; } #hazaxmajestichazaxmajesticfooter .link { float: right; } #hazaxmajesticfooter .copyright { float: left; } </style </head> <body>  <div id="hazaxmajesticheader"> <div id="hazaxmajesticlogo"> <p>Yeryuzundeki Alimler, Gokteki Yildizlar Gibidir. (HZ. Muhammed) </p> </div> <div id="hazaxmajesticmenu"> <ul> <li><a href="#" class="current_page_item">Aktif 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>  <div id="hazaxmajesticwrapper">  <div id="hazaxmajesticpage"> <div id="hazaxmajesticpage-bg"> <div id="hazaxmajesticsidebar1" class="sidebar"> <div id="hazaxmajesticsidebar1-bgtop"> <div id="hazaxmajesticsidebar1-bgbtm"> <ul> <li> <h2>Link Kategorisi</h2> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li> <h2>Link Kategorisi 2</h2> <ul> <li><a href="#">Link 2</a></li> <li><a href="#">Link 2</a></li> </ul> </li> </ul> </div> </div> </div>  <div id="hazaxmajesticcontent"> <div id="hazaxmajesticcontent-bgtop"> <div id="hazaxmajesticcontent-bgbtm"> <div class="post"> <div class="entry"> <p>

Tasarımın Altındaki Kod

</p> </div> </div> <div class="post"> <h2 class="title"><a href="#">HABERLER </a></h2> <div class="entry"> <p>Buaraya Site Haberleri </p> <p class="links"><a href="#" class="more">«« Devami »»</a></p> </div> </div><p style="text-align: center;">Bugun 2 Kisi Sitemizi Ziyaret Emistir.</p> </div> </div> </div>   <div id="hazaxmajesticsidebar2" class="sidebar"> <div id="hazaxmajesticsidebar2-bgtop"> <div id="hazaxmajesticsidebar2-bgbtm"> <ul> <li> <h2>Extra Linkler</h2> <ul> <li><a href="#">Sag Link</a></li> </ul> </li> <li> <form id="hazaxmajesticsearchform" method="get" action="#"> <div> <input type="text" name="s" id="hazaxmajestics" size="15" value="CSS Design 19" /> </div> </form> </li> </ul> </div> </div> </div>  <div style="clear: both;"> </div> </div> </div>  </div> <div id="hazaxmajesticfooter"> <p style="text-align: center;" class="copyright">Design by <a href="http://www.hazax.de.tl">Hazax Tasarim</a>.</p> </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;}