Pusu Vadisi - CSS Design 11

Screan Shoot

Tasarımın Üzerindeki Yazı

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="description"/> <meta name="keywords" content="keywords"/> <meta name="author" content="author"/> <style type="text/css"> /* Template name: Light Template URI: http://templates.arcsin.se/light-website-template/ Release date: 2006-08-20 Description: Bright and smooth. Author: Viktor Persson Author URI: http://arcsin.se/ This template is licensed under a Creative Commons Attribution 2.5 License: http://templates.arcsin.se/license/ */ /* standard elements */ * { margin: 0; padding: 0; } a { color: #567; } a:hover { color: #28E; } body { background: #F2F2F2 url(https://img.webme.com/pic/h/hazax/hazaxlightbg.gif) repeat-y center top; color: #555A60; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0; } p,hazaxlightcite,hazaxlightcode,ul { font-size: 1.2em; padding-bottom: 1.2em; } h1 { font-size: 1.4em; margin-bottom: 4px; } li { list-style: url(https://img.webme.com/pic/h/hazax/hazaxlightli.gif); margin-left: 18px; } hazaxlightcode { background: url(https://img.webme.com/pic/h/hazax/hazaxlightbgcode.gif); border: 1px solid #F6F6F6; color: #666; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } hazaxlightcite { background: url(https://img.webme.com/pic/h/hazax/hazaxlightquote.gif) no-repeat; color: #456; display: block; font: normal 1.4em "Lucida Sans Unicode",serif; padding-left: 28px; } h1,h2,h3 { color: #579; padding-top: 6px; } /* misc */ .hazaxlightclearer { clear: both; display: block; font-size: 0; line-height: 0; } .hazaxlightleft {float: left;} .hazaxlightright {float: right;} /* structure */ .hazaxlightcontainer { margin: 0 auto; width: 730px; } /* title */ .hazaxlighttitle { float: left; margin-top: 0px; text-align: center; width: 300px; } .hazaxlighttitle h1 { font: normal 2em Verdana,sans-serif; } .hazaxlighttitle h2 { color: #999; font: normal 1.1em Verdana,sans-serif; } /* navigation */ .hazaxlightnavigation { background: url(https://img.webme.com/pic/h/hazax/hazaxlightholder.jpg) no-repeat; height: 100px; padding: 0 16px; } .hazaxlightnavigation a { border-left: 1px solid #DDD; border-right: 1px solid #FFF; color: #89A; float: right; font: bold 1.2em "Trebuchet MS",sans-serif; margin-top: 9px; padding: 58px 18px 8px; text-align: center; text-decoration: none; } .hazaxlightnavigation a:hover { background: #FFF url(https://img.webme.com/pic/h/hazax/hazaxlightnavhover.gif) repeat-x; color: #28E; padding: 56px 18px 10px; } /* holders */ .hazaxlightholder { background: url(https://img.webme.com/pic/h/hazax/hazaxlightbgholder.jpg) repeat-y; padding: 0 32px; } .hazaxlightholder_top,.hazaxlightfooter { clear: both; background: url(https://img.webme.com/pic/h/hazax/hazaxlightholder.jpg) no-repeat; height: 40px; } /* footer */ .hazaxlightfooter { background-position: left bottom; color: #666; font-size: 1.1em; text-align: center; padding: 0 32px; } .hazaxlightfooter .hazaxlightright, .hazaxlightfooter .hazaxlightright a {color: #AAA;} .hazaxlightfooter .hazaxlightright a:hover {color: #666;} </style> <title>Light</title> </head> <body> <div class="hazaxlightcontainer"> <div class="hazaxlightnavigation"> <div class="hazaxlighttitle"> <h1><img alt="" width="75" src="https://img.webme.com/pic/h/hazax/hazaxlogom.png" /></h1> <h2>Web Sitemize Hos Geldiniz</h2> </div> <a href="#">Kategori2</a> <a href="#">Kategori</a> <a href="#">Ziyaretci D</a> <a href="#">Ana Sayfa</a> <div class="hazaxlightclearer"><span></span></div> </div> <div class="hazaxlightholder_top"></div> <div class="hazaxlightholder"> <hazaxlightcite>[Subpage]</hazaxlightcite> <h1>Yazi</h1> <p>

Tasarımın Altındaki Kod

</p> <ul> <li>Sayfa ici Link</li> <li>Sayfa ici Link</li> <li>Sayfa ici Link</li> </ul> <hazaxlightcode>Buraya kod ekleyebilirsiniz</hazaxlightcode> <p></p> </div> <div class="hazaxlightfooter"> <div class="hazaxlightleft">© 2007 <a>HAZAX Tasarim</a> </div> <div class="hazaxlightright"> <a>Bugün 58 Kisi Sitemizi Ziyaret Etmistir.</a> </div> <div class="hazaxlightclearer"> </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;}