Pusu Vadisi - CSS Design 13

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>Art Gallery - free CSS template</title> <meta name="keywords" content="art gallery, html css template, free download, hazax.de.tl" /> <meta name="description" content="Art Gallery Template - Free HTML CSS Layout for your websites" /> <style type="text/css"> /* CSS Credit: http://www.hazax.de.tl/ */ body { margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #241c1a; background: url(https://img.webme.com/pic/h/hazax/hazaxartgalari_bg.jpg) repeat; } a:link, a:visited { color: #7e3200; text-decoration: none; font-weight: bold; } a:active, a:hover { color: #975900; text-decoration: none;font-weight: bold; } .style1 { color: #99FFCC } h1 { font-family: "Courier New", Courier, monospace, Century; font-size: 20px; font-weight: bold; color: #61754e; margin: 0px; padding-top: 20px; } h2 { font-family: Georgia, "Times New Roman", Times, serif; float: left; font-size: 14px; font-weight: bold; color: #3c4826; width: 200px; padding: 10px 0px 10px 120px; text-decoration: underline; } #hazaxartgalari_container { width: 1000px; margin: auto; background: url(https://img.webme.com/pic/h/hazax/hazaxartgalari_c_bg.jpg) repeat-y; } #hazaxartgalari_topsection { float: left; width: 1000px; height: 93px; background: url(https://img.webme.com/pic/h/hazax/hazaxartgalari_top.jpg) no-repeat; } .hazaxartgalari_topmenu{ float: right; width: 400px; margin: 0px; padding: 55px 100px 0px 0px; } .hazaxartgalari_topmenu ul { list-style: none; padding: 0px; margin: 0px; } .hazaxartgalari_topmenu li{ display: inline; } .hazaxartgalari_topmenu li a{ font-size: 12px; color: #dceb9f; font-weight: bold; width: 100px; height: 30px; margin-left:15px; padding: 0px 0px 0px 15px; background: url(images/hazaxartgalari_bullet.png) no-repeat; background-position: left; } #hazaxartgalari_middlesection { float: left; width: 1000px; } #hazaxartgalari_left_content { float: left; width: 346px; } #hazaxartgalari_left_top { float: right; width: 254px; height: 298px; } .hazaxartgalari_leftmenu { float: left; width: 346px; margin: 0px; } .hazaxartgalari_leftmenu ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 100px; } .hazaxartgalari_leftmenu li a { display: block; height: 25px; font-size: 11px; color: #3c4826; background: url(images/hazaxartgalari_bullet.png) no-repeat; padding-left: 20px; background-position: left; } .hazaxartgalari_leftmenu li a:hover ,.hazaxartgalari_leftmenu li .current{ background: url(images/hazaxartgalari_current.png) no-repeat; background-position: left; color:#000; } #hazaxartgalari_right_content { margin: 0px; float: left; width: 654px; background: url(https://img.webme.com/pic/h/hazax/hazaxartgalari_right_photo.jpg) no-repeat; } #hazaxartgalari_right_text { float: left; width: 500px; text-align: justify; margin: 0px; padding: 0px 0px 0px 20px; } #hazaxartgalari_right_text img { float: left; } #hazaxartgalari_footersection { clear: both; width: 1000px; height: 50px; color: #dde7ab; font-weight: bold; text-align: center; padding-top: 80px; background: url(https://img.webme.com/pic/h/hazax/hazaxartgalari_footer.jpg) no-repeat; } #hazaxartgalari_footersection a{ color: #FFFFFF; } </style> </head> <body> <div id="hazaxartgalari_container"> <div id="hazaxartgalari_topsection"> <div class="hazaxartgalari_topmenu"> <ul> <li><a href="#">ANA SAYFA</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="hazaxartgalari_middlesection"> <div id="hazaxartgalari_left_content"> <div id="hazaxartgalari_left_top"><img src="https://img.webme.com/pic/h/hazax/hazaxartgalari_left_photo.jpg" alt="www.Hazax.De.TL" /></div> <h2>KATEGORI</h2> <div class="hazaxartgalari_leftmenu"> <ul> <li> <a href="#">» Diger Link</a></li> <li> <a href="#">» Diger Link</a></li> <li> <a href="#">» Diger Link</a></li> </ul> </div> </div> <div id="hazaxartgalari_right_content"> <div id="hazaxartgalari_right_text"> <h1>[Subpage]</h1> <hr> <p>

Tasarımın Altındaki Kod

</p> <hr> <BR><BR> <BR><BR> <BR><BR> <BR><BR> </div> </div> </div> <div id="hazaxartgalari_footersection">Copyright © Hazax Tasarım · Designed by <a href="http://www.hazax.de.tl" target="_parent" class="style1" title="www.Hazax.De.TL">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;}