Css tasarımlar - Haber sitesi tasarımı

Tasarım Üzeri:

<body> <div class="PageBackgroundGradient"></div><div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div> <div class="Main"> <div class="Sheet"> <div class="Sheet-body"> <div class="nav"> <ul class="menu"> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"><span><span>Ana Sayfa</span></span></a></li><li class="page_item page-item-2"><a class="active" href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon"><span><span>İletişim</span></span></a></li><li class="page_item page-item-2"><a class="active" href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Ziyaretçi Defteri</span></span></a></li><li class="page_item page-item-2"><a class="active" href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Hakkımızda</span></span></a></li> </ul> <div class="l"></div><div class="r"><div></div></div></div><div class="Header"> <div> <table class="logo"> <tr><td class="logo-name"><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</a></td></tr> <tr><td class="logo-text">Haber Hayattır ... Can Kurtarır !!!</td></tr> </table> </div> </div> <div class="contentLayout"> <div class="content"> <div class="Block"> <div class="Block-body"> <div class="BlockContent"> <div class="BlockContent-body"> <div class="post" id="post-2"> <div align="center"><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img border="0" alt="" src="https://img.webme.com/pic/c/css-sablon/46860css-sablon.gif" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/46860css-sablon.gif" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/46860css-sablon.gif" /></a></div> <div class="entry">

Tasarım Altı:

</div> </div> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> <div class="sidebar1"> <div class="Block"> <div class="Block-body"> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Ana Menü <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li class="page_item page-item-2 current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Ana Sayfa</a></li> <li class="page_item page-item-2 current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">İletişim</a></li> <li class="page_item page-item-2 current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Ziyaretçi Defteri</a></li> <li class="page_item page-item-2 current_page_item"><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Hakkımızda</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Güncel Haberler <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> <li><a href='#' _fcksavedurl='#' _fcksavedurl='#' title='Css-Sablon'>Haber</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Son Dakika Haberleri <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <div align="center"><iframe src="http://www.aktifhaber.com/sondakika/index1.html" height="200" width="150" frameborder="0" scrolling="No"></iframe></div> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Gazete Manşetleri <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul class='xoxo blogroll'> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Manşet</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Manşet</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Manşet</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Dost Siteler <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/">CSS-SABLON</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Css-Sablon">Dost Site</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> </div> </div> <div class="Sheet-tl"></div> <div class="Sheet-tr"><div></div></div> <div class="Sheet-bl"><div></div></div> <div class="Sheet-br"><div></div></div> <div class="Sheet-tc"><div></div></div> <div class="Sheet-bc"><div></div></div> <div class="Sheet-cl"><div></div></div> <div class="Sheet-cr"><div></div></div> <div class="Sheet-cc"></div> </div> <div id="footer">  <p><h3>Copyright © 2009,  <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">>>Css-Sablon<<</a>   Tüm Hakkı Saklıdır ... </h3><br> </p> </div> </div> </body> </html>

Css Bölümü:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: bmw Description: Free WordPress Themes For your Blog. Download more themes <a href="http://freewordpressthemes.elynex.com" _fcksavedurl="http://freewordpressthemes.elynex.com" _fcksavedurl="http://freewordpressthemes.elynex.com">Click here!</a> Version: 1.0 Author: Elynex Web Directory Author URI: http://www.elynex.com/ Tags: fixed width, right sidebar, two columns, valid XHTML, widgets */ /* begin Page */ body { margin: 0 auto; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #88B6D7; color: #000000; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlare { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlareImage { background-image: url('http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Page-BgGlare.png'); background-repeat: no-repeat; height: 557px; width: 564px; margin: 0; } /* specially for Opera */ html:first-child .PageBackgroundGlare { border: 1px solid transparent; } /* specially for Opera */ * html .PageBackgroundGlareImage { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Page-BgGlare.png',sizingMethod='crop')"); } .PageBackgroundGradient { background-image: url('http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Page-BgGradient.png'); background-repeat: repeat-x; height: 251px; } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0; } a { color: #2B5D82; } a:link { color: #2B5D82; } a:visited { color: #1D3F58; } a:hover { color: #00009E; } /* end Page */ /* begin Box, Sheet */ .Sheet { min-width:23px; min-height:23px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 900px; } * html .Sheet { width:expression(this.offsetWidth < 23 ? 23+"px" : "auto !important"); height:expression(this.offsetHeight < 23 ? 23+"px" : "auto !important"); width: 900px; zoom: 1; } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 1px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 11px; height: 11px; background-image: url('http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Sheet-s.png'); } * html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 11px; height: 11px; } * html .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-11+'px'); } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -11px; width: 22px; height: 22px; background-image: url('http://carthemes.net/demo/wp-content/themes/bmw/bmw/images/Sheet-s.png'); } * html .Sheet-tr div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://carthemes.net/demo/wp-conten