Bir kaç CSS Tasarım

Konu: Bir kaç CSS Tasarım C.tesi Mayıs 22, 2010 12:08 pm

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

TASARIM ALTI

Kod:: </div> </div> <div id="alt"></div> </div>

CSS KOD

Kod:: 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url() top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas7ust.gif); width: 1007px; height: 350px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas7_01.gif); width: 1007px; height: 51px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas7_02.gif); width: 1007px; height: 663%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 41px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas7_03.gif); width: 1007px; height: 54px; float: left; } #kommentartext { background-image:url(); }

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <table height="768" width="1024" cellspacing="0" cellpadding="0" border="0" id="Table_01"> <tbody> <tr> <td colspan="5"><img height="213" width="809" border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_01.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_01.png" /></td> <td colspan="2"><img height="213" width="225" border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_02.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_02.png" /></td> </tr> <tr> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_03.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_03.png" style="width: 204px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_04.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_04.png" style="width: 214px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_05.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_05.png" style="width: 217px; height: 79px;" /></a></td> <td colspan="3"><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_06.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_06.png" style="width: 213px; height: 79px;" /></a></td> <td><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/w/webexpernet/m_07.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_07.png" style="width: 186px; height: 79px;" /></a></td> </tr> <tr> <td colspan="4"> <table cellspacing="0" cellpadding="0" border="0" background="http://img.webme.com/pic/w/webexpernet/m_08.png"> <tbody> <tr> <td valign="top"> <div style="padding: 4px; overflow: auto; width: 787px; height: 407px;">

TASRIM ALTI

Kod:: </div> </td> </tr> </tbody> </table> </td> <td colspan="3"><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img height="415" width="238" border="0" src="http://img.webme.com/pic/w/webexpernet/m_09.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_09.png" alt="" /></a></td> </tr> <tr> <td colspan="7"><img height="70" width="1032" border="0" src="http://img.webme.com/pic/w/webexpernet/m_10.png" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/m_10.png" alt="" /></td> </tr> <tr> <td><img height="1" width="195" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="213" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="217" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="161" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="13" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="39" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="186" alt="" src="http://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="http://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> </tr> </tbody> </table>

CSS KOD

Kod:: table {margin-left: auto;margin-right: auto} 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;}

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <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 class="active" href="#" _fcksavedurl="#"><span><span>Ana Sayfa</span></span></a></li><li class="page_item page-item-2"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>İletişim</span></span></a></li> <li class="page_item page-item-34"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Kodlar</span></span></a> <ul> <li class="page_item page-item-39"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Kod 1</span></span></a> <ul> <li class="page_item page-item-45"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Kod 1.1</span></span></a></li> </ul> </li> <li class="page_item page-item-41"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Kod 2</span></span></a></li> <li class="page_item page-item-43"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Kod 3</span></span></a></li> </ul> </li> <li class="page_item page-item-35"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Top-List</span></span></a></li> <li class="page_item page-item-37"><a href="#" _fcksavedurl="#" title="Css-Sablon"><span><span>Html Nedir?</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="#" _fcksavedurl="#">Site Adı</a></td></tr> <tr><td class="logo-text">Html Kod'da Bir Numara ...!!!</td></tr> </table> </div> </div> <div class="contentLayout"> <div class="sidebar1"> <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="cat-item cat-item-3"><a href="#" _fcksavedurl="#" title="Css-Sablon">Ana Sayfa</a> <ul class='children'> <li class="cat-item cat-item-9"><a href="#" _fcksavedurl="#" title="Css-Sablon">İletişim</a> </li> <li class="cat-item cat-item-10"><a href="#" _fcksavedurl="#" title="Css-Sablon">Ziyaretçi Defteri</a> <ul class='children'> <li class="cat-item cat-item-11"><a href="#" _fcksavedurl="#" title="Css-Sablon">TopList</a> </li> </ul> </li> </ul> </li> <li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="Css-Sablon">Html Kod Nedir _?</a> </li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">En Beğenilen Kodlar</a> </li> </ul> </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ünün Haberleri <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <iframe src="http://www.ensonhaber.com//sondakika/index.php" height="280" width="140" frameborder="0" scrolling="No"></iframe> </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="content"> <div class="Block"> <div class="Block-body"> <div class="BlockContent"> <div class="BlockContent-body"> <div class="post" id="post-32"> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img border="0" alt="" src="http://img.webme.com/pic/c/css-sablon/46860css-sablon.gif" _fcksavedurl="http://img.webme.com/pic/c/css-sablon/46860css-sablon.gif" /></a> <div class="entry">

TASRIM ALTI

Kod:: </div> </div> </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="sidebar2"> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Html Kodlar <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="#" _fcksavedurl="#">Html Kod 1</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 2</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 3</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 4</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 5</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 6</a></li> <li><a href="#" _fcksavedurl="#">Html Kod 7</a></li> </ul> </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://css-sablon.tr.gg/' _fcksavedurl='http://css-sablon.tr.gg/' title='Css'de Güvenilir Kalite : Css-Sablon'>Css-Sablon.tr.gg</a></li> <li><a href='#' _fcksavedurl='#' title='Site Tasviri'>Eklenecek ...</a></li> <li><a href='#' _fcksavedurl='#' title='Site Tasviri'>Eklenecek ...</a></li> <li><a href='#' _fcksavedurl='#' title='Site Tasviri'>Eklenecek ...</a></li> <li><a href='#' _fcksavedurl='#' title='Site Tasviri'>Eklenecek ...</a></li> </ul> </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>Designed by : <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</a> | Webmaster by : <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Dj_TuGiCaN & ALiCAN</a><br/> Copyright | Tüm Hakkı Saklıdır ... </p> </div> </div> </body> </html>

CSS KOD

Kod:: 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: WP-Veg Description: WP-Veg, free WordPress theme by WP-Spider. Version: 1.0 Author: WP-Spider Author URI: http://www.freewordpresstheme.info/ Tags: fixed width, three columns, valid XHTML, widgets License Information : All templates are free to use as long as you leave the credits unchanged. You cannot claim these templates or modifications of these templates as yours. You cannot redistribute these templates on your website. You cannot modify these templates and distribute them. */ /* 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: #FEFEFF; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgTexture.png'); background-repeat: repeat; 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://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGlare.png'); background-repeat: no-repeat; height: 542px; width: 416px; 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://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGlare.png',sizingMethod='crop')"); } .PageBackgroundGradient { background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Page-BgGradient.png'); background-repeat: repeat-x; height: 100px; } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0; } a { color: #325A62; } a:link { color: #325A62; } a:visited { color: #3C4A4D; } a:hover { color: #01ABD2; } /* end Page */ /* begin Box, Sheet */ .Sheet { min-width:47px; min-height:47px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 950px; } * html .Sheet { width:expression(this.offsetWidth < 47 ? 47 "px" : "auto !important"); height:expression(this.offsetHeight < 47 ? 47 "px" : "auto !important"); width: 950px; zoom: 1; } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 37px; height: 37px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37 'px'); } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -37px; width: 74px; height: 74px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 37px; height: 37px; } * html .Sheet-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-37 'px'); } .Sheet-bl div { position: absolute; z-index: -1; top: -37px; left: 0; width: 74px; height: 74px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png'); } * html .Sheet-bl 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-37 'px'); left: expression(this.parentNode.offsetWidth-37 'px'); } .Sheet-br div { position: absolute; z-index: -1; top: -37px; left: -37px; width: 74px; height: 74px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png'); } * html .Sheet-br 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74 'px'); } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 74px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png'); } * html .Sheet-tc div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-37 'px'); width: expression(this.parentNode.offsetWidth-74 'px'); } .Sheet-bc div { position: absolute; z-index: -1; top: -37px; left: 0; width: 100%; height: 74px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png'); } * html .Sheet-bc div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 37px; left: 0; width: 37px; bottom: 37px; } * html .Sheet-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-74 'px'); } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 74px; height: 100%; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png'); } * html .Sheet-cl div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 37px; right: 0; width: 37px; bottom: 37px; } * html .Sheet-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37 'px'); height: expression(this.parentNode.offsetHeight-74 'px'); } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -37px; width: 74px; height: 100%; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png'); } * html .Sheet-cr div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 37px; left: 37px; right: 37px; bottom: 37px; background-color: #F5F5F5; } * html .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74 'px'); height: expression(this.parentNode.offsetHeight-74 'px'); } .Sheet { margin-top: 15px !important; margin-bottom: 3em; padding: 0 0 1em 0; } /* end Box, Sheet */ /* begin Header */ div.Header { margin: 0 auto; position: relative; width: 926px; height: 175px; } * html div.Header { font-size: 1px; } div.Header div { width: 100%; height: 100%; background-image: url('http://img.webme.com/pic/c/css-sablon-deneme2/header2.jpeg'); background-repeat: no-repeat; background-position: center center; text-align: left; } /* end Header */ /* begin Logo */ .logo { position: relative; left: 10px; top: 62px; } .logo td { text-align: left; vertical-align: middle; white-space: nowrap; } .logo-name { font-size: 26px; font-family: Trebuchet MS; font-style: normal; font-weight: bold; } .logo-name a { text-decoration: none; color: #F1F7F8 !important; } .logo-text { font-size: 18px; font-family: Trebuchet MS; font-style: normal; font-weight: normal; color: #F1F7F8 !important; } /* end Logo */ /* begin Menu */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; } .menu li:hover { z-index: 10000; white-space: normal; } .menu li li { float: none; } .menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .menu li:hover>ul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { min-height: 0; } .menu ul { background-image: url(http://www.31f.info/wp-content/themes/WP-Veg/images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } * html .menu .menuhoverUL .menuhoverUL { top: 5px; left: 100%; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } .nav { position: relative; margin: 0 auto; width: 926px; height: 37px; z-index: 100; } .menu { padding: 3px 11px 3px 11px; } * html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 37px; } .nav .l { left: 0; right: 11px; } * html .nav .l { width: expression(this.parentNode.offsetWidth-11 'px'); } .nav .r { right: 0; width: 11px; } * html .nav .r { left: expression(this.parentNode.offsetWidth-11 'px'); } .nav .r div { width: 926px; right: 0; } * html .nav .r div { left: expression(this.parentNode.offsetWidth-926 'px'); } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/nav.png'); } * html .nav .l, * html .nav .r div { 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://www.31f.info/wp-content/themes/WP-Veg/images/nav.png',sizingMethod='crop')"); } /* end Menu */ /* begin MenuItem */ .menu ul li { clear: both; } .menu a , .menu a span { height: 31px; display: block; } * html .menu a , * html .menu a span { float: left; } .menu a { cursor: pointer; text-decoration: none; margin-right: 2px; margin-left: 2px; } .menu a { background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-left.png'); background-position: left top; background-repeat: no-repeat; } .menu a span { background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-right.png'); background-position: right top; background-repeat: no-repeat; } .menu a span span { font-family: 'Trebuchet MS'; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #DAE9EC; padding: 0 5px; margin: 0 13px; line-height: 31px; text-align: center; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-center.png'); background-position: left top; background-repeat: repeat-x; } * html .menu a span span { display: inline; } .menu a:hover { background-position: left -31px; } .menu li:hover>a { background-position: left -31px; } * html .menu .menuhover .menuhoverA { background-position: left -31px; } .menu li:hover a span { background-position: right -31px; } .menu a:hover span { background-position: right -31px; } * html .menu .menuhover .menuhoverA span { background-position: right -31px; } .menu a:hover span span { color: #FFFFFF; background-position: left -31px; } .menu li:hover a span span { color: #FFFFFF; background-position: left -31px; } * html .menu .menuhover .menuhoverA span span { color: #FFFFFF; background-position: left -31px; } .menu a.active { background-position: left -62px; } .menu a.active span { background-position: right -62px; } .menu a.active span span { color: #E7F1F3; background-position: left -62px; } /* end MenuItem */ /* begin MenuSeparator */ .nav .separator { display: block; width: 1px; height: 31px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/item-separator.png'); } /* end MenuSeparator */ /* begin MenuSubItem */ .menu ul a { text-align: center; height: 29px; line-height: 29px; margin-right: auto; width: 207px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #E35C2B; } .nav ul.menu ul span, .nav ul.menu ul span span { display:inline; float:none; margin:inherit; padding:inherit; background-image:none; text-align:inherit; text-decoration:inherit; } .menu ul a , .nav ul.menu ul span, .nav ul.menu ul span span { line-height: 29px; color: #3F1708; font-family: 'Trebuchet MS'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .menu ul ul a { margin-left: auto; } * html .menu ul a { color: #3F1708 !important; } .menu ul li a:hover { color: #000000; border-color: #DD501D; background-position: 0 -29px; } .menu ul li:hover>a { color: #000000; border-color: #DD501D; background-position: 0 -29px; } * html .menu ul a:hover { color: #000000 !important; } * html .menu ul .menuhover .menuhoverA { color: #000000 !important; border-color: #DD501D; background-position: 0 -29px; } .nav .menu ul li a:hover span, .nav .menu ul li a:hover span span { color: #000000; } .nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span { color: #000000; } * html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span { color: #000000 !important; } * html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span { color: #000000 !important; } /* end MenuSubItem */ /* begin ContentLayout */ .contentLayout { margin-bottom: 6px; width: 100%; position: relative; }/* end ContentLayout */ /* begin Button */ button.Button, a.Button { border: none; padding: 0; margin: 0; background: none; font-size: 100%; font-family: inherit; line-height: inherit; display: inline-block; overflow: visible; width: auto; cursor: default; white-space: normal; text-decoration: none; } .Button .btn { position: relative; display: block; overflow: hidden; float: left; z-index: 0; height: 27px; color: #FFFFFF; } .Button .t { height: 27px; line-height: 27px; padding: 0 11px; text-align: left; font-family: 'Arial'; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #FFFFFF; } .Button .hover { color: #FCFDFD; } .Button .active .r { top: -54px; } .Button .hover .r { top: -27px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 81px; } * html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-9 'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:415px; height: 81px; } * html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-415 'px'); } .Button .active .l { top: -54px; } .Button .hover .l { top: -27px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 9px; height: 81px; } * html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-9 'px'); } .Button .l, .Button .r span { background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Button.png'); } * html .Button .l, * html .Button .r span { 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://www.31f.info/wp-content/themes/WP-Veg/images/Button.png',sizingMethod='crop')"); } /* end Button */ /* begin Box, Block */ .Block { min-width:25px; min-height:25px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } * html .Block { width:expression(this.offsetWidth < 25 ? 25 "px" : "auto !important"); height:expression(this.offsetHeight < 25 ? 25 "px" : "auto !important"); zoom: 1; } .Block-body { position: relative; overflow: hidden; z-index: 0; margin: 13px; text-align: left; } .Block-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 24px; height: 24px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png'); } * html .Block-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://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')"); } .Block-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 24px; height: 24px; } * html .Block-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-24 'px'); } .Block-tr div { position: absolute; z-index: -1; top: 0px; left: -24px; width: 48px; height: 48px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png'); } * html .Block-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://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')"); } .Block-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 24px; height: 24px; } * html .Block-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-24 'px'); } .Block-bl div { position: absolute; z-index: -1; top: -24px; left: 0; width: 48px; height: 48px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png'); } * html .Block-bl 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')"); } .Block-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 24px; height: 24px; } * html .Block-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-24 'px'); left: expression(this.parentNode.offsetWidth-24 'px'); } .Block-br div { position: absolute; z-index: -1; top: -24px; left: -24px; width: 48px; height: 48px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png'); } * html .Block-br 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-s.png',sizingMethod='crop')"); } .Block-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 24px; right: 24px; height: 24px; } * html .Block-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-48 'px'); } .Block-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 48px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png'); } * html .Block-tc div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png',sizingMethod='crop')"); } .Block-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 24px; right: 24px; height: 24px; } * html .Block-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-24 'px'); width: expression(this.parentNode.offsetWidth-48 'px'); } .Block-bc div { position: absolute; z-index: -1; top: -24px; left: 0; width: 100%; height: 48px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png'); } * html .Block-bc div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-h.png',sizingMethod='crop')"); } .Block-cl { position: absolute; overflow:hidden; z-index: -1; top: 24px; left: 0; width: 24px; bottom: 24px; } * html .Block-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-48 'px'); } .Block-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 48px; height: 100%; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-v.png'); } * html .Block-cl div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-v.png',sizingMethod='crop')"); } .Block-cr { position: absolute; overflow:hidden; z-index: -1; top: 24px; right: 0; width: 24px; bottom: 24px; } * html .Block-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-24 'px'); height: expression(this.parentNode.offsetHeight-48 'px'); } .Block-cr div { position: absolute; z-index: -1; top: 0; left: -24px; width: 48px; height: 100%; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-v.png'); } * html .Block-cr div { 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://www.31f.info/wp-content/themes/WP-Veg/images/Block-v.png',sizingMethod='crop')"); } .Block-cc { position: absolute; overflow:hidden; z-index: -2; top: 24px; left: 24px; right: 24px; bottom: 24px; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/Block-c.png'); } * html .Block-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-48 'px'); height: expression(this.parentNode.offsetHeight-48 'px'); } .Block { margin: 5px; } .Block table.table { border-collapse: collapse; margin: 1px; } .Block table.table th, .Block table.table td { padding: 2px; border: solid 1px #C0D6D8; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 8px; margin-bottom: 2px; text-align: left; color: #A7CBD3; font-family: 'Trebuchet MS'; font-size: 15px; font-weight: Bold; font-style: normal; text-decoration: none; } * html .BlockHeader { zoom: 1; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 7px; } * html .BlockHeader .l { width: expression(this.parentNode.offsetWidth-7 'px'); } .BlockHeader .r { right: 0; width: 7px; } * html .BlockHeader .r { left: expression(this.parentNode.offsetWidth-7 'px'); } .BlockHeader .r div { width: 926px; right: 0; } * html .BlockHeader .r div { left: expression(this.parentNode.offsetWidth-926 'px'); } * html .BlockHeader .l, * html .BlockHeader .r div { font-size: 1px; } .BlockHeader .l, .BlockHeader .r div { background-position: left top; background-repeat: no-repeat; background-image: url('http://www.31f.info/wp-content/themes/WP-Veg/images/BlockHeader.png'); } * html .BlockHeader .l, * html .BlockHeader .r 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://www.31f.info/wp-content/themes/WP-Veg/images/BlockHeader.png',sizingMethod='crop')"); } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { min-width:1px; min-height:1px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } * html .BlockContent { width:expression(this.offsetWidth < 1 ? 1 "px" : "auto !important"); height:expression(this.offsetHeight < 1 ? 1 "px" : "auto !important"); zoom: 1; } .BlockContent-body { position: relative; overflow: hidden; z-index: 0; margin: 13px; text-align: left; color: #441809; font-family: 'Trebuchet MS'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .BlockContent a { color: #AC3E16; } .BlockContent a:link { color: #AC3E16; } .BlockContent a:hover { color: #DD501D; } .BlockContent a:hover:visited { color: #DD501D; } .BlockContent a:visited { color: #9C8F8B; } /* end Box, BlockContent */ /* begin LayoutCell */ .contentLayout .sidebar1 { position: relative; margin:0; padding:0; border:0; float: left; overflow: hidden; width: 20%; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content { position: relative; margin:0; padding:0; border:0; float: left; overflow: hidden; width: 59%; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .sidebar2 { position: relative; margin:0; padding:0; border:0; float: left; overflow: hidden; width: 20%; } /* end LayoutCell */ .sidebar1 ul, .sidebar2 ul, .sidebar3 ul { list-style: none; padding:0; margin:0; } .sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul { padding:0 0 0 10px; } #footer { text-align: center; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 50px; font-weight:bold; clear:both; } .navigation a{ color:#790000; font-size:12px; text-decoration:underline; } .navigation a:hover{ text-decoration:none; } .post h2 a { text-decoration: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } #commentform textarea { width: 100%; padding: 2px; } .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } table {margin-left: auto;margin-right: auto}

Konu: Geri: Bir kaç CSS Tasarım C.tesi Mayıs 22, 2010 12:09 pm

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya menü gelecek</div> <div class="sagsutun">

TASARIM ALTI

Kod:: </div> </div> <div id="alt"></div> </div>

CSS KOD

Kod:: 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;}

* {padding: 0; margin:0 }

body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/w/webs-team/pattern.jpg) top center fixed;
}

#tasarim{
width: 1024px;
margin-left: 0 auto;
margin-right:0 auto;
}

#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/k/kod80/webyukari.gif);
width: 900px;
height: 267px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/k/kod80/weborta.gif);
width: 900px;
height: 239%;
float: left;
}

.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}

.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/k/kod80/webasagi.gif);
width: 900px;
height: 262px;
float: left;
}

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">Buraya Menü</div> <div class="sagsutun">

TASARIM ALTI

Kod:: </div> </div> <div id="alt"></div> </div>

CSS KOD

Kod:: 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(); width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas2_01.gif); width: 1007px; height: 248px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas2_02.gif); width: 1007px; height: 327%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas2_03.gif); width: 1007px; height: 193px; float: left; } #kommentartext { background-image:url(); }

[Resimleri görebilmek için üye olun veya giriş yapın.]

TASARIM ÜSTÜ

Kod:: <table width="950" height="694" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td height="159" background="http://img220.imageshack.us/img220/677/cizgili01.jpg"><table width="945" height="111" border="0" cellpadding="0" cellspacing="0">
   <tr>
   <td width="18"> </td>
   <td width="913"><div align="center">..::SlogAN Braya Gelecek::..</div></td>
   <td width="14"> </td>
   </tr>
   </table></td>
  </tr>
  <tr>
   <td height="40" background="http://img391.imageshack.us/img391/5398/cizgili02.jpg"><table width="945" height="38" border="0" cellpadding="0" cellspacing="0">
   <tr>
   <td width="163"> </td>
   <td width="767">Kayan yazı kodumuzu buraya koyacağız....</td>
   <td width="15"> </td>
   </tr>
   </table></td>
  </tr>
  <tr>
   <td height="53" background="http://img200.imageshack.us/img200/9136/cizgili03.jpg"> </td>
  </tr>
  <tr>
   <td height="374" valign="top" background="http://img198.imageshack.us/img198/8886/cizgili04.jpg"><table width="945" height="244" border="0" cellpadding="0" cellspacing="0">
   <tr>
   <td width="17" valign="top"> </td>
   <td width="150" valign="top">Menü Kodlarımız Buraya Gelecektir...</td>
   <td width="20" valign="top"> </td>
   <td width="745" valign="top"><div id_"concent"></div>

TASARIM ALTI

Kod:: </td>
   <td width="13" valign="top"> </td>
   </tr>
   </table></td>
  </tr>
  <tr>
   <td background="http://img242.imageshack.us/img242/7316/cizgili05.jpg"> </td>
  </tr>
</table>

CSS KOD

Kod:: 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;}

[/quote]

» İceblue Tasarım (Sinema Tasarım)
» Iceblue tasarım (iSTANBUL TASARIM)
» Iceblue tasarım (Türkiye tasarım)
» Css Tasarım
» Hoş Tasarım