Forum'da ara:
Ara


Yazar Mesaj
Mesaj25.12.2009, 22:58 (UTC)    
Mesaj konusu: Bazı Css Tasarım lar

Yeni Başlayanlar İçin Uygun Müzik Tasarım

TASARIM ÜST
Kod:
   <div id="containr">        <!-- header -->         <div id="logo"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS TASARİM MERKEZİ</a></div>         <div id="menu">             <a href="#" _fcksavedurl="#">Ana Sayfa</a>             <a href="#" _fcksavedurl="#">Hakkımızda</a>             <a href="#" _fcksavedurl="#">Toplist</a>             <a href="#" _fcksavedurl="#">Link Listesi</a>             <a href="#" _fcksavedurl="#">Sponsorlar</a>         </div>         <!--end header -->              <!-- main -->         <div id="main">           <div id="sidebar">              <h2>Site Menüsü</h2>             <ul>               <li><a href="#" _fcksavedurl="#">Tasarim 1</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 2</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 3</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 4</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 5</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 6</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 7</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 8</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 9</a></li>               <li><a href="#" _fcksavedurl="#">Tasarim 10</a></li>             </ul>             </div>           <div id="text">           
Tasarım Alt
Kod:
</div>     </div>     <!-- end main -->     <!-- footer -->     <div id="footer">             <div id="menu_footer"><a href="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#" _fcksavedurl="#">Hakkımızda</a> | <a href="#" _fcksavedurl="#">Toplist</a> | <a href="#" _fcksavedurl="#">Link Listesi</a> | <a href="#" _fcksavedurl="#">Sponsorlar</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Site Haritasi</a> | <a href="#" _fcksavedurl="#">HTML Kodlari</a> | <a href="#" _fcksavedurl="#">Diğer</a></div>             <div id="left_footer">© Copyright 2008 <b>www.siteadresi.tr.gg</b></div>             <div id="right_footer">  <!-- http://bilisimgenclikmersin.tr.gg --- SİTESİNE AYİTTİR. :-) --> Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarim Merkezi"><b>siteadresiniz.tr.gg</b></a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg" title="CSS Tasarimm"><b>CSS Tasarimm</b></a>           </div>    </div>     <!-- end footer --> </div>

Css Kodu
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;}  html {background:url(http://img.webme.com/pic/c/css-tasarimm/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(http://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;}  #containr {background:url(http://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;}  #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;}  #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(http://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;}  #footer {padding:0 110px; height:169px; clear:both; background:url(http://img.webme.com/pic/c/css-tasarimm/10-footer_bckg.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}



Css Radio Tasarım

Tasarım Üst
Kod:
<body> <div class="Main"> <div class="Sheet"> <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 class="Sheet-body"> <div class="nav"> <ul class="artmenu"> <li><a class="active" href="#" _fcksavedurl="#"><span><span>Ana Sayfa</span></span></a></li> <li><a class="active" href="#" _fcksavedurl="#"><span><span>İletişim</span></span></a></li> <li><a class="active" href="#" _fcksavedurl="#"><span><span>Z.Defteri</span></span></a></li> <li><a class="active" href="#" _fcksavedurl="#"><span><span>Top List</span></span></a></li> <li><a class="active" href="#" _fcksavedurl="#"><span><span>Dost Siteler</span></span></a></li> </ul> <div class="l"> </div> <div class="r"> <div> </div> </div> </div> <div class="Header"> <div class="Header-jpeg"></div> <div class="logo"> <h1 id="name-text" class="logo-name"> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</a></h1> <div id="slogan-text" class="logo-text"> Css'de Güvenilir Kalite !!!</div> </div> </div> <div class="contentLayout"> <div class="sidebar1"> <div class="sidebar1"> <div class="Block"> <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 class="Block-body"> <div class="BlockHeader"> <div class="header-tag-icon"> <div class="BlockHeader-text"> Ana Menü        </div> </div> <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Ana Sayfa</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>İletişim</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Ziyaretçi Defteri</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Top List</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Dost Siteler</a></li> </ul> </div> </div> </div> </div> <div class="Block"> <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 class="Block-body"> <div class="BlockHeader"> <div class="header-tag-icon"> <div class="BlockHeader-text"> Radyo Girişi        </div> </div> <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Dj Girişi</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>İstek Hattı</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Dj Listesi</a></li> <li><a href='#' _fcksavedurl='#' title='Css-Sablon'>Radyo Kuralları</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="content"> <div class="Post"> <div class="Post-tl"></div> <div class="Post-tr"><div></div></div> <div class="Post-bl"><div></div></div> <div class="Post-br"><div></div></div> <div class="Post-tc"><div></div></div> <div class="Post-bc"><div></div></div> <div class="Post-cl"><div></div></div> <div class="Post-cr"><div></div></div> <div class="Post-cc"></div> <div class="Post-body"> <div class="Post-inner article"> <div class="PostMetadataHeader"> <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> <div class="PostHeaderIcons metadata-icons"> </div> <div class="PostContent">


Tasarım Alt
Kod:
</div> <div class="cleared"></div> </div> </div> </div> </div> <div class="sidebar2"> <div class="sidebar2"> <div class="Block"> <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 class="Block-body"> <div class="BlockHeader"> <div class="header-tag-icon"> <div class="BlockHeader-text"> Duyurular        </div> </div> <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-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">Duyuru</a> (1) <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">Duyuru</a> (2) <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">Duyuru</a> (3) <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">Duyuru</a> (4) <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="Css-Sablon">Duyuru</a> (5) </li> </ul> </div> </div> </div> </div> <div class="Block"> <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 class="Block-body"> <div class="BlockHeader"> <div class="header-tag-icon"> <div class="BlockHeader-text"> Dost Siteler        </div> </div> <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/">Css-Sablon.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek ...</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek ...</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek ...</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek ...</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="cleared"></div> <div class="Footer"> <div class="Footer-inner"> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" class="rss-tag-icon" title="Css-Sablon"></a> <div class="Footer-text"> <p> Copyright © 2009 <?php bloginfo('name'); ?>. Tüm Hakkı Saklıdır .</p>Design 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 /> Site Admini : <a href='#' _fcksavedurl='#'>Admin 1</a> | <a href='#' _fcksavedurl='#'>Admin 2</a> | <a href='#' _fcksavedurl='#'>Admin 3</a> </div> </div> <div class="Footer-background"> </div> </div> </div> </div> <p class="page-footer"> </p> </div> <!-- <?php printf(__('%d queries. %s seconds.', 'kubrick'), get_num_queries(), timer_stop(0, 3)); ?> --> <div><?php wp_footer(); ?></div> </body> </html>

Css Kodu

[/code]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: casino_royale Theme URI: Description: Casino Royale Version: 1.0 Author: Author URI: Tags: fixed width, three columns, valid XHTML, widgets */ /* begin Page */ /* Generated with Artisteer version 2.0.2.15338 */ body { margin: 0 auto; padding: 0; background-color: #262626; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Page-BgTexture.jpg'); background-repeat: repeat; background-attachment: scroll; background-position: top left; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } /* end Page */ /* begin Box, Sheet */ .Sheet { overflow: hidden; min-width:87px; min-height:87px; margin: 0 auto; position: relative; z-index: 0; width: 900px; } .Sheet-body { position: relative; z-index: 0; margin: 5px; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 43px; height: 43px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-s.png'); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 43px; height: 43px; } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -43px; width: 86px; height: 86px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-s.png'); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 43px; height: 43px; } .Sheet-bl div { position: absolute; z-index: -1; top: -43px; left: 0; width: 86px; height: 86px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-s.png'); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 43px; height: 43px; } .Sheet-br div { position: absolute; z-index: -1; top: -43px; left: -43px; width: 86px; height: 86px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-s.png'); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 43px; right: 43px; height: 43px; } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 86px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-h.png'); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 43px; right: 43px; height: 43px; } .Sheet-bc div { position: absolute; z-index: -1; top: -43px; left: 0; width: 100%; height: 86px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-h.png'); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 43px; left: 0; width: 43px; bottom: 43px; } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 86px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-v.png'); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 43px; right: 0; width: 43px; bottom: 43px; } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -43px; width: 86px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-v.png'); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 43px; left: 43px; right: 43px; bottom: 43px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Sheet-c.png'); } .Sheet { margin-top: 50px !important; } /* end Box, Sheet */ /* begin Menu */ /* menu structure */ .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .artmenu, .artmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .artmenu li:hover { z-index: 10000; white-space: normal; } .artmenu li li { float: none; } .artmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenu li:hover>ul { visibility: visible; top: 100%; } .artmenu li li:hover>ul { top: 0; left: 100%; } .artmenu:after, .artmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenu, .artmenu ul { min-height: 0; } .artmenu ul { background-image: url(http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .nav { position: relative; margin: 0 auto; width: 890px; height: 41px; z-index: 100; } .artmenu { padding: 6px 38px 6px 38px; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 41px; } .nav .l { left: 0; right: 38px; } .nav .r { right: 0; width: 38px; } .nav .r div { width: 890px; right: 0; } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/nav.png'); } /* end Menu */ /* begin MenuItem */ .artmenu ul li { clear: both; } .artmenu a , .artmenu a span { height: 29px; display: block; } .artmenu a { cursor: pointer; text-decoration: none; margin-right: 2px; margin-left: 2px; } .artmenu a { background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/item-left.png'); background-position: left top; background-repeat: no-repeat; } .artmenu a span { background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/item-right.png'); background-position: right top; background-repeat: no-repeat; } .artmenu a span span { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #F5D0BC; padding: 0 19px; margin: 0 4px; line-height: 29px; text-align: center; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/item-center.png'); background-position: left top; background-repeat: repeat-x; } .artmenu a:hover { background-position: left -29px; } .artmenu li:hover>a { background-position: left -29px; } .artmenu li:hover a span { background-position: right -29px; } .artmenu a:hover span { background-position: right -29px; } .artmenu a:hover span span { color: #F0F0F0; background-position: left -29px; } .artmenu li:hover a span span { color: #F0F0F0; background-position: left -29px; } .artmenu a.active { background-position: left -58px; } .artmenu a.active span { background-position: right -58px; } .artmenu a.active span span { color: #FCE6BF; background-position: left -58px; } /* end MenuItem */ /* begin MenuSeparator */ .nav .separator { display: block; width: 1px; height: 29px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/item-separator.png'); } /* end MenuSeparator */ /* begin Header */ div.Header { margin: 0 auto; position: relative; z-index:0; width: 890px; height: 225px; } div.Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 890px; height: 225px; background-image: url('http://img.webme.com/pic/f/filmhome/headerdj.jpeg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ .logo { display : block; position: absolute; left: 10px; top: 10px; width: 870px; } h1.logo-name { display: block; text-align: left; } h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 26px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #FDEAC9 !important; } .logo-text { display: block; text-align: left; } .logo-text, .logo-text a { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; padding:0; margin:0; color: #FDEAC9 !important; } /* end Logo */ /* begin ContentLayout */ .contentLayout { margin-bottom: 15px; width: 890px; position: relative; } /* end ContentLayout */ /* begin Box, Block */ .Block { overflow: hidden; min-width:15px; min-height:15px; margin: 0 auto; position: relative; z-index: 0; } .Block-body { position: relative; z-index: 0; margin: 7px; } .Block-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 7px; height: 7px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-s.png'); } .Block-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 7px; height: 7px; } .Block-tr div { position: absolute; z-index: -1; top: 0px; left: -7px; width: 14px; height: 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-s.png'); } .Block-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 7px; height: 7px; } .Block-bl div { position: absolute; z-index: -1; top: -7px; left: 0; width: 14px; height: 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-s.png'); } .Block-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 7px; height: 7px; } .Block-br div { position: absolute; z-index: -1; top: -7px; left: -7px; width: 14px; height: 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-s.png'); } .Block-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 7px; right: 7px; height: 7px; } .Block-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-h.png'); } .Block-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 7px; right: 7px; height: 7px; } .Block-bc div { position: absolute; z-index: -1; top: -7px; left: 0; width: 100%; height: 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-h.png'); } .Block-cl { position: absolute; overflow:hidden; z-index: -1; top: 7px; left: 0; width: 7px; bottom: 7px; } .Block-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 14px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-v.png'); } .Block-cr { position: absolute; overflow:hidden; z-index: -1; top: 7px; right: 0; width: 7px; bottom: 7px; } .Block-cr div { position: absolute; z-index: -1; top: 0; left: -7px; width: 14px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-v.png'); } .Block-cc { position: absolute; overflow:hidden; z-index: -2; top: 7px; left: 7px; right: 7px; bottom: 7px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Block-c.png'); } .Block { margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 7px; margin-bottom: 7px; } .BlockHeader-text { white-space : nowrap; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 30px; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 6px; } .BlockHeader .r { right: 0; width: 6px; } .BlockHeader .r div { width: 890px; right: 0; } .BlockHeader .l, .BlockHeader .r div { background-position: left top; background-repeat: no-repeat; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/BlockHeader.png'); } .header-tag-icon { display:inline-block; background-position:left top; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/BlockHeaderIcon.png'); padding:0 0 0 15px; background-repeat: no-repeat; min-height: 8px; margin: 0 0 0 5px; } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { overflow: hidden; min-width:1px; min-height:1px; margin: 0 auto; position: relative; z-index: 0; } .BlockContent-body { position: relative; z-index: 0; margin: 8px; } .BlockContent-body { color:#B5B5B5; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .BlockContent-body a:link { color: #EA9E75; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:visited, .BlockContent-body a.visited { color: #9E9E9E; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:hover, .BlockContent-body a.hover { color: #FBD798; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .BlockContent-body ul { list-style-type: none; color: #919191; margin:0; padding:0; } .BlockContent-body li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; } .BlockContent-body ul li { padding:0px 0 0px 13px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* end Box, BlockContent */ /* begin Box, Post */ .Post { overflow: hidden; min-width:27px; min-height:27px; margin: 0 auto; position: relative; z-index: 0; } .Post-body { position: relative; z-index: 0; margin: 14px; } .Post-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 19px; height: 19px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-s.png'); } .Post-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 19px; height: 19px; } .Post-tr div { position: absolute; z-index: -1; top: 0px; left: -19px; width: 38px; height: 38px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-s.png'); } .Post-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 19px; height: 19px; } .Post-bl div { position: absolute; z-index: -1; top: -19px; left: 0; width: 38px; height: 38px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-s.png'); } .Post-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 19px; height: 19px; } .Post-br div { position: absolute; z-index: -1; top: -19px; left: -19px; width: 38px; height: 38px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-s.png'); } .Post-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 19px; right: 19px; height: 19px; } .Post-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 38px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-h.png'); } .Post-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 19px; right: 19px; height: 19px; } .Post-bc div { position: absolute; z-index: -1; top: -19px; left: 0; width: 100%; height: 38px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-h.png'); } .Post-cl { position: absolute; overflow:hidden; z-index: -1; top: 19px; left: 0; width: 19px; bottom: 19px; } .Post-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 38px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-v.png'); } .Post-cr { position: absolute; overflow:hidden; z-index: -1; top: 19px; right: 0; width: 19px; bottom: 19px; } .Post-cr div { position: absolute; z-index: -1; top: 0; left: -19px; width: 38px; height: 100%; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-v.png'); } .Post-cc { position: absolute; overflow:hidden; z-index: -2; top: 19px; left: 19px; right: 19px; bottom: 19px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Post-c.png'); } .Post { margin: 10px; } /* Start http://gavilles.com/wordpress/wp-content/themes/casino_royale/images */ a img { border: 0; } .article img, img.article { border-style: solid; border-width: 0px; border-color: #363636; margin: 1em; } .metadata-icons img { border: none; vertical-align: middle; margin:2px; } /* Finish http://gavilles.com/wordpress/wp-content/themes/casino_royale/images */ /* Start tables */ .article table, table.article { border-collapse: collapse; margin: 1px; width:auto; } .article table, table.article .article tr, .article th, .article td { background-color:Transparent; } .article th, .article td { padding: 2px; border: solid 1px #696969; vertical-align: top; text-align:left; } .article th { text-align:center; vertical-align:middle; padding: 7px; } /* Finish tables */ /* end Box, Post */ /* begin PostMetadata */ .PostMetadataHeader { background-color: #595959; border-color: #363636; border-style: solid; border-width: 0px; padding:3px; } /* end PostMetadata */ /* begin PostHeaderIcon */ .PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #F7DACA; } .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #F7DACA; } /* end PostHeaderIcon */ /* begin PostHeader */ .PostHeader a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #F2C4AB; } .PostHeader a:visited, .PostHeader a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #CFCFCF; } .PostHeader a:hover, .PostHeader a.hovered { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #F6AE31; } /* end PostHeader */ /* begin PostIcons */ .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FDEAC9; } .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { margin:0; } .PostHeaderIcons a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } .PostHeaderIcons a:visited, .PostHeaderIcons a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } .PostHeaderIcons a:hover, .PostHeaderIcons a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #F9C56C; } /* end PostIcons */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #C9C9C9; } .PostContent { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-align: justify; color: #C9C9C9; } /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } /* Adds special style to an unvisited link. */ a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } /* Adds special style to a visited link. */ a:visited, a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #9E9E9E; } /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #F7B23B; } /* Finish Content link style */ /* Resert some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 28px; font-style: normal; font-weight: bold; text-align: left; color: #EBA27A; } h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #EBA27A; } h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #FFFFFF; } h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; color: #C9C9C9; } h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #C9C9C9; } h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #C9C9C9; } /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ul { list-style-type: none; color: #B0B0B0; margin:0; padding:0; } li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .Post ul li { padding:0px 0 0px 14px; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/PostBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p { color:#FBDAA2; font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote { border-color:#7A7A7A; border-width: 1px; border-style: solid; margin:10px 10px 10px 50px; padding:5px 5px 5px 38px; background-color:#595959; background-image:url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/PostQuote.png'); background-position:left top; background-repeat:no-repeat; } /* Finish blockuote */ /* end PostQuote */ /* begin PostIcons */ .PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-decoration: none; color: #B0B0B0; } .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover { margin:0; } .PostFooterIcons a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } .PostFooterIcons a:visited, .PostFooterIcons a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #EBA27A; } .PostFooterIcons a:hover, .PostFooterIcons a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #F9C56C; } /* end PostIcons */ /* begin Button */ button.Button, a.Button { position:relative; display:inline-block; width: auto; outline:none; border:none; background:none; line-height:34px; margin:0; padding:0; overflow: visible; cursor: default; text-decoration: none !important; } /*This HACK needed for ie7 (button position)*/ *:first-child+html button.Button, *:first-child+html a.Button { display:list-item; list-style-type:none; float:left; } .Button .btn { position: relative; overflow: hidden; display: block; width: auto; z-index: 0; height: 34px; color: #FBECE4; white-space: nowrap; float: left; } .Button .t { height:34px; white-space: normal; padding: 0 21px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; line-height: 34px; text-decoration: none !important; } input, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .Button .active { color: #F2F2F2; } .Button .hover, a.Button:hover { color: #FDF0D8; text-decoration: none !important; } .Button .active .r { top: -68px; } .Button .hover .r { top: -34px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 11px; height: 102px; } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:411px; height: 102px; } .Button .active .l { top: -68px; } .Button .hover .l { top: -34px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 11px; height: 102px; } .Button .l, .Button .r span { background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Button.png'); } /* end Button */ /* begin Footer */ .Footer { position:relative; z-index:0; overflow:hidden; width: 890px; margin: 5px auto 0px auto; } .Footer .Footer-inner { height:1%; position: relative; z-index: 0; padding: 8px; text-align: center; } .Footer .Footer-background { position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/Footer.png'); width: 890px; height: 100px; bottom:0; left:0; } .rss-tag-icon { position: relative; display:block; float:left; background-image: url('http://gavilles.com/wordpress/wp-content/themes/casino_royale/images/rssIcon.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 0 0; height: 25px; width: 25px; } .Footer .Footer-text p { margin: 0; } .Footer .Footer-text { display:inline-block; color:#C4C4C4; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; } .Footer .Footer-text a:link { text-decoration: none; color: #EA9B71; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:visited { text-decoration: none; color: #9E9E9E; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:hover { text-decoration: none; color: #F6AE31; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */ /* begin PageFooter */ .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#E37C45; } .page-footer { margin:1em; text-align:center; text-decoration:none; color:#525252; } /* end PageFooter */ /* begin LayoutCell */ .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 177px; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 535px; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .sidebar2 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 177px; } /* end LayoutCell */ .commentlist, .commentlist li { background: none; } .commentlist li li { margin-left:30px; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin:1px; background: #fff; } .commentlist li cite { font-size:1.2em; } #commentform textarea { width: 100%; } img.wp-smiley { border:none; margin:0; padding:0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .alignright img, img.alignright { margin: 1em; margin-right: 0; } .alignleft img, img.alignleft { margin: 1em; margin-left: 0; } .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; } /* End */ .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} [code]
Css Oyun Tasarım
Tasarım Üst
[code]<div id="tasarim"> <div id="ust"></div> <div id="orta"> <ul id="menu"> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/">Tema </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> Tasarım </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/" > ve </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/" > Kodlama : </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> Css-Sablon - </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> Dj_TuGiCaN </a></li> <li><a href="http://www.css-sablon.tr.gg/" _fcksavedurl="http://www.css-sablon.tr.gg/" title="http://www.css-sablon.tr.gg/"> AliCaN </a></li> </ul> <div class="solsutun"> <FCK:hr width="100%" size="2" /> <div align="center">Beğenilen Videolar 1</div> <FCK:hr width="100%" size="2" /> <FCK:embed src="http://www.metacafe.com/fplayer/yt-rgPC_kZ4n8M/fuu_pk_movie_vol_2_part_2_from_the_best_manesian.swf" width="400" height="345" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_yt-rgPC_kZ4n8M"> </FCK:embed><br><font size = 1></font> <FCK:hr width="100%" size="2" /> <div align="center">Beğenilen Videolar 2</div> <FCK:hr width="100%" size="2" /> <FCK:embed src="http://www.metacafe.com/fplayer/2692275/nycanadian_pk_vol_1_part_1_manes.swf" width="400" height="345" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_2692275"> </FCK:embed><br><font size = 1></font> <FCK:hr width="100%" size="2" /> <div align="center">Knight Online Güncel</div> <FCK:hr width="100%" size="2" /> - <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" title=http://css-sablon.tr.gg/"> Türkiye Knight Online Çıktı !!! İndirmek İçin TIKLA ... </a> <br /> - <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" title=http://css-sablon.tr.gg/"> Knight Online Hileleri (İndir) </a> <br /> - <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" title=http://css-sablon.tr.gg/"> Knight Online Hileleri </a> <br /> - <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" title=http://css-sablon.tr.gg/"> Knight Online İndir </a> <br /> - <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" title=http://css-sablon.tr.gg/"> Knight Online Karakter Satın Alma </a> <br /> <FCK:hr width="100%" size="2" /> <div align="center">Knight Online Beğenilen Serverları</div> <FCK:hr width="100%" size="2" /> IP : 111.111.1.1 <br /> IP : 111.111.1.1 <br /> IP : 111.111.1.1 <br /> IP : 111.111.1.1 <br /> IP : 111.111.1.1 <br /> </div> <div class="sagsutun"> <FCK:hr width="100%" size="2" /> <div align="center">Günün Resmi</div> <FCK:hr width="100%" size="2" /> <img width="500" height="345" alt="" src="http://eddyra.net/wp-content/uploads/2007/10/knight-online.jpg" _fcksavedurl="http://eddyra.net/wp-content/uploads/2007/10/knight-online.jpg" /> [/code]

Tasarım Alt
[code]</div> </div> <div id="alt"></div> </div> [/code]
Css Kodu
[code]<!-- 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;} <div> Tema Tasarım ve Kodlama : www.Css-Sablon.tr.gg </div> * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/s/serseri-tugi/img1.jpg) top center fixed; } #tasarim{ width: 960px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/c/css-sablon-deneme/pvpmerkeziheader.png); width: 960px; height: 268px; float: left; } /****** H3 */ ul#menu{ margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; text-transform:uppercase; font-size:12px; font-weight:bold; background:transparent url("http://img.webme.com/pic/c/css-sablon-deneme/off.gif") repeat-x top left; font-family:Helvetica,Arial,Verdana,sans-serif; border-bottom:4px solid #548FFF; border-top:1px solid #74b0c6; } ul#menu li{ display:block; float:left; margin:0; pading:0;} ul#menu li a{ display:block; float:left; color:#6d7078; text-decoration:none; font-weight:bold; padding:12px 20px 0 20px; height:24px; background:transparent url("http://img.webme.com/pic/c/css-sablon-deneme/divider.gif") no-repeat top right; } ul#menu li a:hover{ background:transparent url("http://img.webme.com/pic/c/css-sablon-deneme/hover.gif") no-repeat top right; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/c/css-sablon-deneme/pvpmerkeziorta.png); width: 960px; height: 100%; float: left; } .solsutun{ width: 400px; float: left; padding: 0 0 0 20px; overflow: hidden; } .sagsutun { width: 500px; float: left; padding: 0 0 0 15px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/c/css-sablon-deneme/pvpmerkezifooter.png); width: 960px; height: 159px; float: left; } table {margin-left: auto;margin-right: auto} [/code]
Film Css Tasarım

[code]<div id="tasarim"> <div id="tasarim"> <div id="ust"> <div align="center"> <h1><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> <br /> <br /> FİLM HOME </span></span></h1> <span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> </span></span> <h3><span style="color: rgb(255, 255, 255);"><span style="font-family: Comic Sans MS;"> Web Ortamındaki En Yüksek Kalitede Film ... </span></span></h3> </div> </div> <div id="orta"> <div class="solsutun"> <ul class="menu"> <!-- Menu Begin --> <style type="text/css"> .menu , .menu ul { width:202px; margin:auto; padding:5px; list-style-type: none; overflow:hidden; border:1px solid #eee; } .menu li { float:left; position:relative; } .menu li img { float:left; margin: 5px 0 0 5px; border:none; } .menu li a .name { float:left; width:166px; margin:0 0 0 5px; font-weight:bold; font-size:0.7em; cursor:pointer; } .menu li a:active, .menu li a:focus { outline:0; } .menu li a .description{ float:left; width:161px; margin:-5px 0 0 5px; font-weight:normal; font-size:0.7em; cursor:pointer; } .menu li a:link, .menu li a:visited { height:35px; font-size:1em; color:#000; text-decoration:none; line-height:20px; border:1px solid #fff; display:block; font-weight:bold; } .menu li a:hover { background:#eee; } </style> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/user.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/user.png" alt="user.png"> <span class="name">Ana Sayfa</span> <span class="description">Giriş Sayfası... </span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/comment.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/comment.png" alt="comment.png"> <span class="name">Hakkımızda</span> <span class="description">Hakkımızda Kısa Bilgi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/print.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/print.png" alt="print.png"> <span class="name">İletişim</span> <span class="description">İletişim Seçenekleri</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> <li> <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> <img src="http://img.webme.com/pic/f/filmhome/edit.png" _fcksavedurl="http://img.webme.com/pic/f/filmhome/edit.png" alt="edit.png"> <span class="name">CSS-SABLON</span> <span class="description">Profesyonel Webmaster Servisi</span> </a> </li> </ul> <!-- Menu End --> </div> <div class="sagsutun"> [/code][code]
Css Alt
[/code]</div> </div> <div id="alt"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="text-align: center;"><span style="color: rgb(255, 255, 255);"><br /> www.FilmHome.tr.gg | Film ve Dizi Arşivi | En Son Çıkan Filmler | En Son Çıkan Diziler<br /> <br /> </span></div> </div> [code]
Css Kodu
[/code]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://www.thebrewcityrockers.com/black_background.gif) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/f/filmhome/filmhome1.png); width: 1000px; height: 333px; float: left; } #orta{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/f/filmhome/filmhome2.png); width: 1000px; height: 100%; float: left; } .solsutun{ width: 202px; float: left; padding: 0 0 0 45px; overflow: hidden; } .sagsutun { width: 638px; float: left; padding: 0 0 0 60px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/f/filmhome/filmhome3.png); width: 1000px; height: 333px; float: left; } table {margin-left: auto;margin-right: auto} [code][/code]
Mesaj25.12.2009, 23:01 (UTC)    
Mesaj konusu: Devamı

Css PHOTO Tasaım
Tasarım Üst
Kod:
</head> <body> <div id="templatemo_container"> <div id="templatemo_header_section"> <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Z. Defteri</a></li> </ul> </div> </div> <div id="templatemo_content"> <div id="templatemo_left_section"> <div class="templatemo_ver_menu"> <ul> <li> <a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li> <a href="#" _fcksavedurl="#">İletişim</a></li> <li> <a href="#" _fcksavedurl="#">Z. Defteri</a></li> <li> <a href="#" _fcksavedurl="#">Photoshop</a></li> <li> <a href="#" _fcksavedurl="#">10 Mp</a></li> </ul> </div> <div class="validate"> </div> </div> <div id="templatemo_right_section_2"> <div class="templatemo_section_box_3"> <h2>Css-Sablon</h2>


Tasarım Alt
Kod:
</div> </div> <div id="templatemo_footer_section"> <div class="copyright"> Copyright © <a href="#" _fcksavedurl="#">Site Adı</a> | Designed by <a href="http://cs-sablon.tr.gg" _fcksavedurl="http://cs-sablon.tr.gg" target="_parent">Css-Sablon</a> </div> </div> </div> </div> </body> <!--  Designed by w w w . c s s - s a b l o n . t r . g g  --> </html>

Css Kodu
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;} /* CSS Credit: http://www.templatemo.com/ */ html { background: #CCC; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #CCC; width: 100%; display: table; } #templatemo_container { width: 940px; margin: auto; background: #FFF; } #templatemo_header_section { width: 940px; height: 217px; background: url(http://img.webme.com/pic/s/serseri-tugi/templatemo_header_blank.jpg) no-repeat; } /* Head Menu */ #templatemo_menu { float: right; width: 210px; height: 20px; margin-right:30px; } * html #templatemo_menu{ margin-right: 15px; } #templatemo_menu ul { float: left; width: 210px; margin: 0px; padding: 3px 0px 0px 0px; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding-left:10px; margin-left:5px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #7f7f7f; background:url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_head_menu.jpg) no-repeat; } #templatemo_menu li a:hover, #templatemo_menu li .current{ color: #058fdd; } #templatemo_content{ background:#fff; } #templatemo_left_section { float: left; width: 247px; height: 504px; background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_left.jpg) no-repeat; } /* Menu */ .templatemo_ver_menu { float: right; padding-left: 4px; width: 198px; min-height: 290px; margin: 70px 0px 0px 0px; background: #9b9b9b url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_menu_bg.jpg) no-repeat bottom; } .templatemo_ver_menu ul { list-style-type: none; padding: 0; margin: 0px; width: 192px; } .templatemo_ver_menu li a { display: block; height: 35px; padding-top: 15px; color: #fff; padding-left: 50px; font-weight: bold; background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_menu_button.jpg) no-repeat; text-decoration:none; } .templatemo_ver_menu li a:hover, .templatemo_ver_menu li .current { background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_menu_current.jpg) no-repeat; text-decoration:none; } /* End of Menu */ #templatemo_left_section .validate{ float: right; width: 180px; height: 60px; margin : 50px 25px 0px 0px; } #templatemo_left_section .validate a{ text-decoration:none; } #templatemo_right_section { float: right; width: 693px; height: 504px; background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_right.jpg) no-repeat; } #templatemo_right_section_2 { float: right; width: 693px; height: 504px; background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_right_2.jpg) no-repeat; } .templatemo_section_box_1 { float: left; width: 130px; height: 130px; margin: 150px 0px 0px 60px; } * html .templatemo_section_box_1 { margin: 150px 0px 0px 45px; } .templatemo_section_box_1 h3{ padding-left: 4px; color:#69a500; font-size:12px; font-weight:bold; margin:0px; border-left:solid; border-left-width:thick; border-left-color:#69a500; } .templatemo_section_box_1 p{ color:#737373; font-size:10px; margin:0px; text-align:justify; } .templatemo_section_box_1 img{ border:none; float:left; margin:3px 3px 3px 3px; } .templatemo_section_box_1 a{ text-decoration:none; color:#000; } .templatemo_section_box_1 a:hover{ text-decoration:none; color:#69a500; } .templatemo_section_box_2 { float: left; width: 510px; height: 180px; margin: 10px 0px 0px 60px; text-align:justify; } .templatemo_section_box_2 h2{ padding-left: 4px; color:#ff8f00; font-size:12px; font-weight:bold; margin:0px; border-left:solid; border-left-width:thick; border-left-color:#ff8f00; } .templatemo_section_box_2 p{ color:#737373; font-size:10px; margin:0px; text-align:justify; } .templatemo_section_box_2 p img{ border:none; float:left; margin:0px; } span.head{ color:#ff8f00; font-size:11px; font-weight:bold; margin:0px; } .templatemo_section_box_2 img{ border:none; float:right; margin:3px 3px 3px 3px; } .templatemo_section_box_2 a{ text-decoration:none; color:#000; } .templatemo_section_box_2 a:hover{ text-decoration:none; color:#69a500; } .templatemo_section_box_3 { float: left; width: 580px; margin: 160px 0px 0px 60px; text-align:justify; } * html .templatemo_section_box_3 { margin: 160px 0px 0px 30px; } .templatemo_section_box_3 h2{ padding-left: 4px; color:#ff8f00; font-size:12px; font-weight:bold; margin:0px; border-left:solid; border-left-width:thick; border-left-color:#ff8f00; } .templatemo_section_box_3 p{ color:#737373; font-size:10px; margin:0px; text-align:justify; } .templatemo_section_box_3 p img{ border:none; float:left; margin:0px; } .templatemo_section_box_3 img{ border:none; float:right; margin:3px 3px 3px 3px; } .templatemo_section_box_3 a{ text-decoration:none; color:#000; } .templatemo_section_box_3 a:hover{ text-decoration:none; color:#69a500; } #templatemo_footer_section{ float:left; width : 940px; height: 99px; background: url(http://www.templatemo.com/templates/templatemo_069_camera/images/templatemo_footer.jpg); } #templatemo_footer_section .copyright{ color:#fff; float:right; margin: 70px 5px 0px 0px; } #templatemo_footer_section .copyright a, a:hover{ color:#fff; } table {margin-left: auto;margin-right: auto}


Htlm Tasarım

Tasarım Ü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">

Tasarım Alt
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"> <!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. --> <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 ... <!-- 14 queries. 1.567 seconds. --></p> </div> </div> </body> </html>

Css Kodu
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}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu