teknoliste | Siteni Ekle

css5

METİN 2 TASARIMI

TASARIM ÜSTÜ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>     <FCK:META http-equiv=content-type content=text/html;charset=iso-8859-9 /> 	<FCK:META http-equiv=content-type content=text/html;charset=windows-1254 /> 	<FCK:META http-equiv=content-type content=text/html;charset=x-mac-turkish />     <title><?php echo ($baslik); ?></title>               <link rel="shortcut icon" href="favicon.ico" />     <link rel="icon" type="image/gif" href="favicon.ico" />                   <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />      	          <script type="text/javascript" src="scripts/jq_base.js"></script>     <script type="text/javascript" src="scripts/jq.dataTables.js"></script>      <script type="text/javascript" src="scripts/System.js"></script>       </head> <body>  <div id="btop">  <div id="bbtm"> 	 <div id="wrapper"> 	  	 	 		<div id="header"> 			 			<a id="logo" href="http://www.chickenblog.tr.gg" _fcksavedurl="http://www.chickenblog.tr.gg" title="Murat KAYA"><img src="https://img.webme.com/pic/c/canduymus/chickenblog2.png" _fcksavedurl="https://img.webme.com/pic/c/canduymus/chickenblog2.png" alt="Squit" /></a> 		</div> 		 		 		<div id="navbar"> 		<div class="clearfix"></div> 			<ul> 			<center>             	<li><a class='current' href='index.php' _fcksavedurl='index.php'>Ana Sayfa</a></li> 				<li><a href='reg.php' _fcksavedurl='reg.php' >Kayıt</a></li> 				<li><a href='down.php' _fcksavedurl='down.php' >İndir</a></li> 				<li><a href='usercp.php' _fcksavedurl='usercp.php' >User CP</a></li> 				<li><a href='rank.php' _fcksavedurl='rank.php' >Sıralama</a></li> 				<li><a href='forum' _fcksavedurl='forum' >Forum</a></li> 				<li><a href='shop.php' _fcksavedurl='shop.php' rel='history' id='nav_shop' onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('shop')%3B%22">Market</a></li> 				<li><a href='takim.php' _fcksavedurl='takim.php' rel='history' id='nav_guide' onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('guide')%3B%22">Takım</a></li> 				<li><a href='ticket' _fcksavedurl='ticket'>İletişim</a></li>				 			</center> 				</ul>		 		</div> 		 		<hr class="hr" /> 		 		 		<div id="main"> 			<div class="mui mtop"></div> 			<div class="mui mcon"> 			 				 				<div class="sidebar" id="sidebar-left"> 					 					 					<a class="special" href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('download')%3B%20return%20false%3B%22"><img src="https://img.webme.com/pic/l/leveloyuns/button_download.png" _fcksavedurl="https://img.webme.com/pic/l/leveloyuns/button_download.png" alt="Download" /></a>   					<a class="special" href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('download')%3B%20return%20false%3B%22"><img src="https://img.webme.com/pic/l/leveloyuns/button_guides.png" _fcksavedurl="https://img.webme.com/pic/l/leveloyuns/button_guides.png" alt="Guides" /></a>    					<a class="special" href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('download')%3B%20return%20false%3B%22"><img src="https://img.webme.com/pic/l/leveloyuns/button_community.png" _fcksavedurl="https://img.webme.com/pic/l/leveloyuns/button_community.png" alt="Community" /></a> 					 					 					 <a class="special" href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent('shop')%3B%20return%20false%3B%22"><img src="https://img.webme.com/pic/l/leveloyuns/button_itemshop.png" _fcksavedurl="https://img.webme.com/pic/l/leveloyuns/button_itemshop.png" alt="Item Shop" /></a> 					  					 						                                           					<div class="ranking"> 						<h3>Menü</h3> 						<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Ana Sayfa</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Hakkımızda</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">İletişim</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Boss Avcıları</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">İtem Shop</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Tüm Sıralama</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Ekstern Menü</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Ekstern Menü</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Ekstern Menü</a>  	<a class="sb-link" href="rank.php" _fcksavedurl="rank.php" onclick_fckprotectedatt="%20onclick%3D%22javascript%3AloadContent(%22"ranking"); return false;">Ekstern Menü</a>  <br />  <div style="text-align: center; "><center> <span style="font-family: Arial; "><span style="font-size: small; ">Bu tasarım </span></span></center><span style="font-family: Arial; "><span style="font-size: small; "> <strong>Murat KAYA</strong> Tarafından Bedava Sitem'e uyarlanmıştır. Güle güle kullanın arkadaşlar.</span></span></div>					</div> 				</div> 				 				 				<div id="content">

TASARIM ALTI

<div id="loading">                     <div class="postui post-title">                         <h2>  </h2>                     </div>                     <div class="postui post-con">                     <div class="con-wrap">                         <center><img src="images/misc/ajax-loader.gif" _fcksavedurl="images/misc/ajax-loader.gif" alt="   " /></center>                     </div>                     </div>                     <div class="postui post-end"></div>                 </div>                                  <div id="loadcontent"> 									<div class="postui post-title"> 						<h2><a href="http://www.chickenblog.tr.gg/newpanelbs.htm" _fcksavedurl="http://www.chickenblog.tr.gg/newpanelbs.htm">Yeni Panel BS'de</a></h2> 						<span class="date">26.10.2012 Gönderen:<b> Murat KAYA </b></span> 					</div> 					<div class="postui post-con"> 						<div class="con-wrap"> Bu panel bedava-sitem'e Murat Kaya Tarafından Uyarlanmıştır!!! Copyright Kısmı Kullanmayın. O kısım yerine buraya yazı yazın.<b> Saygilarla </b><br/> www.chickenblog.tr.gg <b>26 Eylül</b><br/> Murat KAYA<br/> <br /> <a href="http://leveloyuns.tr.gg/" _fcksavedurl="http://leveloyuns.tr.gg/" target="_blank"><img src="http://leveloyuns.tr.gg/sig.png" _fcksavedurl="http://leveloyuns.tr.gg/sig.png" width="450" height="60" border="0" alt="leveloyuns.tr.gg"></a> <div class="sep"></div>  						</div> 					</div>  					<div class="postui post-end"></div>             	                      </div> 				</div> 				 				 				<div class="sidebar" id="sidebar-right"> 					 					                    <div class="sb-title sb-login"><h3>Kullanıcı Paneli</h3></div>					<div class="sb-con"> 					 					   							<?php 			ob_start(); session_start (); 	if($_SESSION['id'] == "") { 				<p><form action=" " method="POST"> 			<b><center><input type="text"  class="bar" name="user"></center> 			<center><input type="password"  class="bar" name="pw"></center> 			<center><input type="submit" name="login" value="Giris" class="btn"></center><b><center><br> 	<center><b> [<font color="red"><a href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm">Üyelik Al</a></font>][<font color="red"><a href="http://chickenblog.tr.gg/ana-sayfa.htm" _fcksavedurl="http://chickenblog.tr.gg/ana-sayfa.htm">Şifre Değiştir</a></font>]</b></center> </div>  <div class="clear"> 						   						 						 					<div class="sb-end"> 					</div> 					</div> 										 					<div class="sb-title sb-status"><h3>Karakter Sıralama</h3></div> 					<div class="sb-con stat"> 			                        <table width="185" height="75" border="1" cellpadding="0" cellspacing="0">                             <tbody>                                 <tr>                                     <td style="text-align: center; "><span style="font-family: Arial; "><strong><span style="color: rgb(255, 102, 0); ">Sıra</span></strong></span></td>                                     <td style="text-align: center; "><span style="font-family: Arial; "><strong><span style="color: rgb(255, 102, 0); ">Char</span></strong></span></td>                                     <td style="text-align: center; "><span style="font-family: Arial; "><strong><span style="color: rgb(255, 102, 0); ">LvL</span></strong></span></td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">1.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 125</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">2.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 126</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">3.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 127</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">4.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 128</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">5.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 129</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">6.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 130</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">7.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 131</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">8.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 132</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">9.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 133</td>                                 </tr>                                 <tr>                                     <td style="text-align: center; ">10.</td>                                     <td style="text-align: center; "> chicken</td>                                     <td style="text-align: center; "> 134</td>                                 </tr>                             </tbody>                         </table>                         </td>                         <td width="10"> </td>                     </tr>                 </tbody>             </table>             </td>         </tr>         <tr>             <td height="15" background="https://img.webme.com/pic/m/mavimt2chicken/mavimt2_yan3.png"> </td>         </tr>     </tbody> </table>	<br />  <center>Sıralama Düzenleyin</center><br /> <br /> 	<div id="status_load"></div> 						<div class="rel"><div class="character"></div></div> 						 					</div> 					<div class="sb-end"></div>			 					 															 					<div class="sb-title sb-status"><h3>Bilgiler</h3></div> 					<div class="sb-con stat"> 		<center> ChickenBLOG-FORUM</center> Murat Kaya ile bedava sitem'e uyarlanmıştır. <br /><br />			<div id="goil"></div> 						<div class="rel"><div class="character"></div></div> 						 					</div> 					<div class="sb-end"></div>                                    			 				</div> 				<div class="clear"></div> 			</div> 			<div class="mui mend"></div> 		</div>  		<hr class="hr" />  		 		<div id="footer"> 			 			<div class="left"> 				<p></p> 			</div> 			 			<div class="right"> 				<a href="http://www.chickenblog.tr.gg" _fcksavedurl="http://www.chickenblog.tr.gg">Ana Sayfa</a> ·   				<a href="http://www.chickenblog.tr.gg" _fcksavedurl="http://www.chickenblog.tr.gg">Iletisim</a> ·   				<a href="http://www.chickenblog.tr.gg" _fcksavedurl="http://www.chickenblog.tr.gg">Hakkinda</a> 				</div> 			</div>		 		</div> 	 </div>  </div>  </div> </body> </html>

CSS KODU

table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  html,body,*{margin:0;padding:0}body{background:#a7dbff url(https://img.webme.com/pic/l/leveloyuns/bg.png) repeat-x;text-align:center;color:#5a5a5a;font-family:Verdana, Geneva, sans-serif;font-size:12px}.left{float:left}.right{float:right}.clear{clear:both}.clearfix{clear:both;height:1px}a{text-decoration:none;color:#17659b}a:hover{color:#027acd}a:active{color:#214f70}a:focus{outline:none}a img{border:none}#btop{background:url(https://img.webme.com/pic/l/leveloyuns/bg_top.jpg) no-repeat top center}#bbtm{background:url(https://img.webme.com/pic/l/leveloyuns/bg_bottom.jpg) no-repeat bottom center;min-height:1200px}#wrapper{width:968px;text-align:left;margin:0 auto}.wrap960{width:960px;margin:0 auto}.wrap930{width:930px;margin:0 auto}.wrap600{width:600px;margin:0 auto}#header{height:239px;overflow:hidden}#header #logo{display:block;width:246px;margin:95px 0 0 30px}#navbar{height:67px;background:url(https://img.webme.com/pic/l/leveloyuns/navbar.png)}#navbar ul{width:960px;list-style:none;margin:15px 0 0 7.5px}#navbar ul li{display:block;float:left}#navbar ul li a{display:block;height:34px;width:89px;float:left;line-height:34px;background:url(https://img.webme.com/pic/l/leveloyuns/navbar_links.png);text-align:center;font-size:14px;color:#c0e2ed;text-shadow:0 1px 3px #000;margin:0 8.5px}#navbar ul li a:hover{color:#6fc7ff;background-position:0 -34px}#navbar ul li a:active{color:#709bb7;background-position:0 -68px}#navbar ul li a.current{color:#FFF!important;background-position:0 -68px}#main{margin:20px auto}.mui{background:url(https://img.webme.com/pic/l/leveloyuns/main_ui.png)}.mtop{height:16px}.mend{height:16px;background-position:bottom left}.mcon{min-height:500px;background-position:top right;background-repeat:repeat-y}.sidebar,#content{float:left;min-height:600px}.sidebar{width:208px}#content{width:508px}.postui{background:url(https://img.webme.com/pic/l/leveloyuns/content_post_ui.png)}.post-title{height:51px;line-height:50px}.post-end{background-position:left bottom;height:12px;margin-bottom:25px}.post-con{background-position:center right;background-repeat:repeat-y;line-height:1.8;font-size:11px}.post-title h2{float:left;color:#9cdbff;font-size:14px;text-shadow:0 0 5px #000;text-indent:42px}.post-title h2 a{color:#FFF}span.date{display:block;float:right;text-align:center;color:#b2e3ff;text-shadow:0 0 8px #000;font-size:10px;margin-right:20px}.con-wrap{padding:8px 25px}.con-wrap p{padding-bottom:15px}.con-wrap img.thumb{float:left;border:1px solid #a0a0a0;margin:0 10px 5px 0;padding:1px}a.more{width:101px;height:26px;display:block;background:url(https://img.webme.com/pic/l/leveloyuns/content_button.png);color:#00507a;line-height:26px!important;font-size:11px;text-transform:uppercase;text-indent:20px;text-shadow:0 1px 0 #FFF, 0 1px 5px #FFF, 0 0 8px #FFF}a.more:hover{color:#009ced;background-position:center left}a.more:active{color:#003a58;background-position:bottom left}#sidebar-left{margin:0 7px 0 15px}#sidebar-right{margin:0 15px 0 7px}.sb-title{height:51px;background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_title_default.png);line-height:51px}.sb-end{background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_end.png);height:13px;margin-bottom:15px}.sb-con{background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_con.png) repeat-y top center;padding:5px 10px}.sb-login{background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_title_login.png)}.sb-status{background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_title_status.png)}.sb-statics{background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_ui_title_statics.png)}.sidebar h3{color:#FFF;text-shadow:0 1px 4px #000;font-size:14px;text-indent:42px}.sb-sep{height:4px;background:url(https://img.webme.com/pic/l/leveloyuns/sidebar_sep.png) no-repeat top center;clear:both;margin:10px au