toplistim-oyunum

css tasarimi 2

bu tasarım kodu bizim sitemizdekidir

önizleme için tıklayın/demo

tasarımın üzerine

<div id="wrapper">            <div id="border">                     <div id="header">       <div id="headertext">toplist</div> 	  <div id="headertextsmall">oyun</div> 	  </div> 	          	              <div id="topmenu">     <ul class="glossymenu"> 	<li class="current"><a href="/ " _fcksavedurl="/ " _fcksavedurl="/ "><b>ana sayfa</b></a></li> 	<li><a href="siteni-ekle.htm" _fcksavedurl="siteni-ekle.htm" _fcksavedurl="siteni-ekle.htm"><b>SİTENİ EKLE</b></a></li> 	<li><a href="bizi-destekleyin.htm" _fcksavedurl="bizi-destekleyin.htm" _fcksavedurl="bizi-destekleyin.htm"><b>bizi destekliyin</b></a></li>	 	<li><a href="OYUN.htm" _fcksavedurl="OYUN.htm" _fcksavedurl="index.htm"><b>oyun</b></a></li>	 	<li><a href="html-kodlari.htm" _fcksavedurl="html-kodlari.htm" _fcksavedurl="html-kodlari.htm"><b>html kodları</b></a></li>	 	<li><a href="tasarim-kodlari.htm" _fcksavedurl="tasarim-kodlari.htm" _fcksavedurl="tasarim-kodlari.htm"><b>tasarım kodları</b></a></li>	 </ul>       </div> 	   	    	   	  <div id="leftcolumn"> 	      		  		 <div class="leftcolumn-inner"> 		    <h1>arama</h1> 			<form action="#" method="post"> 		   <p><input name="search" id="search" /></p> 		 </form> 			 		 </div> 		  		  		  		 <div class="in-the-news"> 		    <div class="left-heading"> 		    <h3>Lorem lipsum</h3> 		   </div>			  			 <div class="left-mid"> 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor  				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris nostrud e 				xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure  				dolor in reprehenderit in voluptate velit esse cillum dolois nostrud e 				xercitation ullamco  		   </div>			  			 		       <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" /> 		 		 </div> 		  		  		  		 <div class="in-the-news"> 		    <div class="left-heading"> 			   <h3>REKLAM</h3> 		   </div> 			  			 <div class="left-mid"> <table height="31" cellspacing="1" cellpadding="1" border="1" width="88">     <tbody>         <tr>             <td> <a href="http://devkodservisi.tr.gg?in=113" _fcksavedurl="http://devkodservisi.tr.gg?in=113" target="_blank"><img border="0" alt="" src="https://img.webme.com/pic/d/devkodservisi/dgsss.gif" _fcksavedurl="https://img.webme.com/pic/d/devkodservisi/dgsss.gif" /></a></td>         </tr>         <tr>             <td> <a target="_blank" href="http://linkdegis.tr.gg?in=3" _fcksavedurl="http://linkdegis.tr.gg?in=3"><img src="https://img.webme.com/pic/l/linkdegis/wq22.gif" _fcksavedurl="https://img.webme.com/pic/l/linkdegis/wq22.gif" alt="" /></a></td>         </tr>     </tbody> </table> </a> </div>		 		       <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />  		 </div> 		  		  		  		 <div class="in-the-news"> 		    <div class="left-heading"> 		    <h3>kaç kişi girdi</h3> 		    </div>			  			 <div class="randompicture"> 			    <script type="text/javascript" src="http://zirve100.com/CounterV4.js"></script> <script type="text/javascript">Zirve100_Counter_Main(239038, 6);</script>   <script type="text/javascript" src="http://zirve100.com/CounterV4.js"></script> <script type="text/javascript">Zirve100_Counter_Main(239038, 11);</script>   <span style="font-size: 11px; font-family: Arial;"><br /> </span>     <span style="font-size: 11px; font-family: Arial;"><br /> </span>   </div> 		       <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" /> 		 			  		 		 </div> 		  		  		  		  	  </div>    	   	 	   	  <div id="rightcolumn"> 	       		   		  <div id="highlightnews"> 		     <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" alt="megaphone" /><p>sitenizi toplistimize ekleyin ve hite hit demeyin hit hit demezken zevkle sitemizde takılın</p> 		  </div> 		   		   		   		  <div class="maincontent">			  		       <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" class="block" alt="" />		  			    <div class="content-mid">

tasarımın altına

css bölümüne

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 {  font-family: Arial, Helvetica, sans-serif;  color: #666666;  font-size: 12px;  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/bg-tile.gif);  background-repeat:repeat; } #wrapper {  width: 782px;  margin: 0 auto; } #border {  border: 1px solid #8ECE5F;  margin: 20px 0px 5px 0px;  background-color: #fffffe;  min-height: 776px;  float: right;  width: 780px; } * html #border {height:776px} /* IE Min-Height Hack */   #header {  margin: 6px 5px 3px 5px;   background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/header.jpg);  background-repeat:no-repeat;  height:140px; }  #headertext { 	width:180px; 	height:40px; 	font-family:"Trebuchet MS"; 	font-size:33px; 	color:#71c15c; 	margin:50px 0px 0px 50px; 	float:left; 	clear:none; }  #headertextsmall {	 	width:250px; 	height:30px; 	font-family:"Trebuchet MS"; 	font-size:20px; 	color:#fff;			 	padding-right:50px; 	padding-top:60px; 	float:right; 	 }  /* ------------------------ Start Navigation Bar -----------------*/ #topmenu { height:46px; width: 770px; padding-left:5px; background-repeat:no-repeat; }  /*MEUNU*/ .glossymenu{ 	position: relative; 	padding: 0 0 0 34px; 	margin: 0 auto 0 auto; 	background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_bg.gif) repeat-x; /*tab background image path*/ 	height: 46px; 	list-style: none; }  .glossymenu li{ 	float:left; }  .glossymenu li a{ 	float: left; 	display: block; 	color:#000; 	text-decoration: none; 	font-family: sans-serif; 	font-size: 13px; 	font-weight: bold; 	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ 	height: 46px; 	line-height: 46px; 	text-align: center; 	cursor: pointer;	 }  .glossymenu li a b{ 	float: left; 	display: block; 	padding: 0 24px 0 8px; /*Padding of menu items*/ }  .glossymenu li.current a, .glossymenu li a:hover{ 	color: #fff; 	background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_left.gif) no-repeat; /*left tab image path*/ 	background-position: left; }  .glossymenu li.current a b, .glossymenu li a:hover b{ 	 	background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/ }  /* ------------------------ End Navigation Bar -----------------*/   /* ------------------------ Start Images -----------------*/ img {  display: inline;  border: none; } img.block {  display: block; } img.float {  float: left;  margin: 0px 14px 10px 0px; } /* ------------------------ End Images -----------------*/   /* ------------------------ Start Main Columns -----------------*/ #leftcolumn { /* Parent Wrapper for inside boxes */  margin: 6px 0px 0px 4px;  display: inline; /* IE Hack */  width: 240px;  float: left;  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);  background-repeat: no-repeat;  min-height: 300px;  padding: 0;  } * html #leftcolumn {height:300px} /* IE Min-Height Hack */  .leftcolumn-inner { /* Parent Wrapper for inside boxes */  display: inline; /* IE Hack */  width: 220px;  float: left;  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);  background-repeat: no-repeat;  min-height: 40px;  padding: 10px;  margin-bottom: 7px; } * html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */  .in-the-news { /* Parent Wrapper for inside boxes */  display: inline; /* IE Hack */  width: 235px;  float: left;  min-height: 125px;  margin-bottom: 7px; } * html .in-the-news {height:125px} /* IE Min-Height Hack */   #rightcolumn { /* border: 1px solid red;*/  margin: 6px 0px 0px 0px;  display: inline; /* IE Hack */  width: 513px;  float: left;  min-height: 300px; } * html #rightcolumn {height:300px} /* IE Min-Height Hack */   #highlightnews {  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/highlightnews.jpg);   height:auto;  background-repeat: no-repeat;  text-align: left;  padding: 17px 10px 10px 13px;  display: inline; /* IE Hack */  float: left;  width: 510px;  }   #highlightnews img { 	float:left; 	padding-right:10px;	 }  * html .sponsor {height:80px} /* IE Min-Height Hack */  .maincontent {  min-height: 80px;  display: inline; /* IE Hack */  float: left;  margin-bottom: 7px;  width: 530px; } * html .maincontent {height:80px} /* IE Min-Height Hack */  .content-mid {  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-mid.gif);  background-repeat: repeat;  padding: 5px 14px 5px 14px; } .content-mid img { 	float:left; 	margin:3px 10px 14px 0px; } .left-mid {  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif);  background-repeat: repeat;  padding: 5px 14px 10px 14px; } .randompicture { background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif); background-repeat: repeat; text-align:center; padding:5px 0px 5px 0px; overflow:hidden;	 }  .left-heading {  background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-heading.gif);  background-repeat: no-repeat;  padding: 9px 14px 5px 10px;  } .left-heading h3 { 	font-size: 16px;  color: #fff;  min-height: 11px;  font-weight: bold; }  * html .left-heading {height:11px} /* IE Min-Height Hack */ /* ------------------------ End Main Columns -----------------*/  /* ------------------------- Start Headings ---------------------*/ h1 {  font-size: 16px;  color: #72C236; } /* ------------------------- End Headings ---------------------*/  input {  border: 1px solid #8ECE5F;  width: 200px; }    #footer {  font-size: 10px;  clear: both;  font-family: Verdana, Arial, Helvetica, sans-serif;  margin-bottom: 5px;  text-align:center; }   ul#daily-links li {  list-style: none;  margin-left: 2px; } ul#nav-links li {  display: inline;  margin-left: 0px;  padding-left: 12px;   }  ul#daily-links li a:link{  color: #333;  text-decoration: none;  font-weight: bold; } ul#daily-links li a:visited{  color: #333;  text-decoration: none;  font-weight: bold; } ul#daily-links li a:hover{  color: #999;  text-decoration: none;  font-weight: bold; }     a:link {  color: #006600;  text-decoration: none; } a:visited {  color: #006600;  text-decoration: none; }  .valid {  margin: 10px 0px 0px 10px; }

toplistim-oyunum

css tasarimi 2

bu tasarım kodu bizim sitemizdekidir

önizleme için tıklayın/demo

Menü

BANNER TAKAS

LİNK LİSTESİ