OgünDunyasi.Tr.Gg

Kendi Yaptigim

Oyun Os 1 Tasarim

Tasarim Üst

<table width="1000" height="503" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="231" background="https://img.webme.com/pic/d/deneme-sitem-nice/oyunmagzasi_01.png"><img src="https://img.webme.com/pic/d/deneme-sitem-nice/oyunmagzasi_01.png" width="1000" height="231" border="0" usemap="#Map"></td>
</tr>
<tr>
<td height="97" valign="top" background="https://img.webme.com/pic/d/deneme-sitem-nice/oyunmagzasi_02.png"><table width="950" height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="49" valign="top"> </td>
<td width="206" valign="top">
<div class="urbangreymenu">
<h3 class="headerbar">Ana Menu</h3>
<ul>
<li><a
<a class="menu" href="/Ana-Sayfa.htm"><font color="#000000">Ana Sayfa</font></a><br />
<a class="menu" href="/zdefteri.htm"><font color="#000000">Defter<br />
</font></a><a class="menu" href="/iletisim.htm"><font color="#000000">İletisim</font></a><br />
<a class="menu" href="/oyunindir.htm"><font color="#000000">Oyunİndir<br />
</font></a><a class="menu" href="/hakkimizda.htm"><font color="#000000">TümOyunlar<br />
</font></a><a class="menu" href="/webmaster.htm"><font color="#000000">Webmaster</font></a>
</li>
</ul>
<h3 class="headerbar">Menu</h3>
<ul>
<li><a
<a class="menu" href="/Araba-Oyunlari.htm"><font color="#000000">Araba Oyunlari</font></a><br />
<a class="menu" href="/D.oe.v.ue.%26%23351%3B-Oyunlari.htm"><font color="#000000">Dövüş Oyunlari</font></a><br />
<a class="menu" href="/Macera-Oyunlari.htm"><font color="#000000">Macera Oyunlari</font></a><br />
<a class="menu" href="/M.ue.zik-Oyunlar%26%23305%3B.htm"><font color="#000000">Müzik Oyunları</font></a><br />
<a class="menu" href="/Oda-Oyunlari.htm"><font color="#000000">Oda Oyunlari</font></a><br />
<a class="menu" href="/Spor-oyunlar%26%23305%3B.htm"><font color="#000000">Spor oyunları</font></a><br />
<a class="menu" href="/Zeka-oyunlar%26%23305%3B.htm"><font color="#000000">Zeka oyunları</font></a><br />
<a class="menu" href="/%C7ocuk-oyunlar%26%23305%3B.htm"><font color="#000000">Çocuk oyunları</font></a><br />
<a class="menu" href="/Sava%26%23351%3B-oyunlar%26%23305%3B.htm"><font color="#000000">Savaş oyunları</font></a>
</div>
</td>
<td width="10" valign="top"> </td>
<td width="685" valign="top"><div id="content"></div>

Tasarim Alt

</td>
</tr>
</table></td>
</tr>
<tr>
<td height="175" valign="top" background="https://img.webme.com/pic/d/deneme-sitem-nice/oyunmagzasi_03.png"><table width="953" height="162" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="54" height="97" rowspan="2"> </td>
<td width="4" rowspan="2"> </td>
<td width="484" height="25"> </td>
<td width="411" rowspan="2"> </td>
</tr>
<tr>
<td height="70" align="center"><img src="http://img507.imageshack.us/img507/4710/reklamxcxf8.gif" width="468" height="60"></td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2" valign="bottom"><table width="890" height="27" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="129"> </td>
<td width="761">-Link Takas--Link Takas--Link Takas--Link Takas--Link Takas--Link Takas--Link Takas--Link Takas--Link Takas</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map"><area shape="rect" coords="19,146,172,189" href="/Ana-Sayfa.htm">
<area shape="rect" coords="180,146,369,188" href="/hakkimizda.htm">
<area shape="rect" coords="377,147,544,186" href="/oyunindir.htm">
<area shape="rect" coords="561,147,706,181" href="/zdefteri.htm">
<area shape="rect" coords="712,145,833,188" href="/iletisim.htm">
<area shape="rect" coords="841,147,985,186" href="/webmaster.htm">
</map>

Css

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;}
body {
margin-left:  auto;
margin-right: auto;
background: url(http://www.backgroundlabs.com/backgrounds/15.gif);
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://www.dynamicdrive.com/cssexamples/media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>

Eğlece Os 2 Tasarim

Tasarim Üst

Tasarim Alt

</div>                        <div class="cleaner"></div>     <div class="content_bottom"></div>     </div>           <div id="side_column">              <div class="section_w350">             <div class="news_box">                              <h3>Haberler</h3>                                  <h4><a href="#" _fcksavedurl="#">Başlık</a></h4>               <p>Bişeyler Yazalım Buraya</p>                                  <div class="cleaner_h10"></div>                                  <h4><a href="#" _fcksavedurl="#">Başlık</a></h4>               <p>Bişeyler Yazalım Buraya
</p>                                 </div>         </div>          </div>       <div id="templatemo_footer">
<div style="text-align: center">Copyright &copy; 2011 T&uuml;m Haklari Saklidir</div>
<div class="cleaner_h20"></div>                          </div>      <div class="cleaner"></div>      </div>  </div>

Css Kodu

table {margin-left:   auto;margin-right: auto}       <center>  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 */  body { 	margin: 0; 	padding: 0; 	line-height: 1.5em; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	color: #000000; 	background: #dda469; } 		 a:link, a:visited { color: #000000; text-decoration: none; font-weight: bold; }  a:active, a:hover { color: #000000; text-decoration: underline; }  p { margin: 0px; padding: 0 0 10px 0; text-align: justify; }  img { margin: 0px; padding: 0px; border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; }  h1 { 	margin: 0px; 	padding: 2px 0; 	font-size: 30px; 	font-weight: bold; }  h2 { 	margin: 0 0 15px 0; 	padding: 2px 0 10px 0; 	font-size: 26px; 	font-weight: normal; 	background: url(images/templatemo_h1_bg.jpg) bottom left no-repeat;	 }  h3 { 	margin: 0 0 15px 0; 	padding: 0 0 10px 0; 	font-size: 20px; 	font-weight: bold; }  h4 { 	margin: 0px; 	padding: 0px; 	font-size: 14px; 	font-weight: bold; }   .image_wrapper { 	border: 1px solid #ffffff; 	margin-top: 3px; 	margin-bottom: 5px; }  .fl_image { 	float: left; 	margin-right: 15px  }  .fr_image { 	float: right; 	margin-left: 15px  }   /* banner */  #templatemo_banner_wrapper { 	width: 100%; 	height: 210px; 	margin: 0 auto; 	background:  none center top no-repeat; }  #templatemo_banner { 	width: 960px; 	height: 210px; 	margin: 0 auto; 	background: url(
http://i1102.hizliresim.com/2011/2/28/13851.jpg
) center top no-repeat; } /* end of banner */  /* menu */ #templatemo_menu { 	float: right; 	margin-top: 125px; 	margin-right: 35px; 	width: 305px; 	height: 55px; 	overflow: hidden; }  #templatemo_menu ul { 	margin: 0px; 	padding: 15px 0 0 10px; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0px; 	margin: 0px; 	display: inline; }  #templatemo_menu ul li a { 	float: left; 	display: block; 	padding-top: 20px; 	padding: 0 5px; 	margin: 0 5px; 	text-align: center; 	font-size: 14px; 	text-decoration: none; 	color: #000000;	 	font-weight: normal; }  #templatemo_menu li a:hover, #templatemo_menu li .current { 	border-bottom: 1px dashed #000000; } /* end of menu*/  /*  content */ #templatemo_content_wrapper { 	clear: both; 	width: 100%; 	margin: 0 auto; 	background:  none top center no-repeat; }  #templatemo_content { 	width: 960px; 	margin: 0 auto; 	background: url(
http://i1102.hizliresim.com/2011/2/28/14037.jpg
) top center no-repeat; }  #main_column { 	float: left; 	width: 480px; 	margin: 16px 0 170px 0; 	padding: 20px 60px; 	background: url(http://www.templatemo.com/templates/templatemo_155_western_shop/images/templatemo_content_middle.png) repeat-y; 	position: relative;	 }  #main_column .content_top { 	position: absolute; 	width: 960px; 	height: 16px; 	top: -16px; 	left: 0px; 	background:url(
http://www.templatemo.com/templates/templatemo_155_western_shop/images/templatemo_content_top.png
) no-repeat; }  #main_column .content_bottom { 	position: absolute; 	width: 960px; 	height: 170px; 	bottom: -170px; 	left: 0px; 	background: url(
http://www.templatemo.com/templates/templatemo_155_western_shop/images/templatemo_content_bottom.png
) no-repeat;	 }  #side_column { 	float: right; 	width: 350px; 	padding: 10px 0 313px 0; 	background:  none bottom right no-repeat; }  .section_w480 { 	clear: both; 	width: 480px; }   .section_w350 { 	clear: both; 	width: 350px; 	margin-bottom: 30px; }  .news_box { 	padding: 20px 60px 0 60px; 	height: 304px; 	background: url(
http://i1102.hizliresim.com/2011/2/28/14344.png
) no-repeat; }  .news_box h3 { 	font-size: 26px; 	border-bottom: 1px solid #5a4018; 	text-align: center; }  .news_box p { }  /* footer */ #templatemo_footer { 	clear: both; 	padding: 10px 0; 	text-align: left; }   /* end of footer */

Turuncu Os 3 Tasarim

Tasarim Üst

<table width="896" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="137" background="
http://i1104.hizliresim.com/2011/4/8/9954.png
"><table width="893" height="135" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="392" height="135"> </td>
<td width="501"><div id="reklam">
<div>
<a href="http://www.ogundunyasi.tr.gg"><img alt="Reklam Alanı" width="468" height="60" src="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" /></a>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="34" background="https://img.webme.com/pic/a/alimengu/bspaylasim_02.png"> </td>
</tr>
<tr>
<td background="https://img.webme.com/pic/a/alimengu/bspaylasim_03.png"><table width="896" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="165" valign="top"><div id="baslik">Kategori Baslik
</div>
<div id="menu">
<ul>
<li><a href="/">- Anasayfa</a></li>
<li><a href="/">- Hakkimizda</a></li>
<li><a href="/">- İletisim</a></li>
<li><a href="/">- Siten İcin</a></li>
<li><a href="/">- Z.Defteri</a></li>
<li><a href="/"> - Oyunlar</a></li>
</ul>
</div></td>
<td width="18"> </td>
<td width="504" valign="top"><div id="content"></div>

Tasarim Alt

Css

Giri2 Os 4 Tasarim

Tasarim Üst

Tasarim Alt

Css

label {  width:200px;  display:block;  float:left;}input {  border:2px solid #bbdafd;}textarea {  border:2px solid #bbdafd;}input.submit {  border:2px solid #bbdafd;  background-color:#fff;  font-weight:bold;  color:#000;}
#cubuk {
background-image: url(
http://i1103.hizliresim.com/2011/3/26/408.png
);
border-style: none;
margin:0px;
font-size:11px;
font-family: Trebuchet MS, Arial, Verdana;
top: 0px;
margin-bottom:0px;
padding:0px;
z-index:1;
height: 30px;
left: 0px;
position: fixed;
right: 0px;
color: #fff;
width: 100%; }
.incubuksol {
float: left;
margin: 4px;
}
.incubukorta {
float: center;
margin: 4px;
}
.incubuksag {
float: right;
margin: 4px;
}
h1#title{display: none;}
#menu a {
}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#duyurular {
margin-top: 28px;
}
#menu ul {
padding: 0px;
list-style-type: none;
}
#menu a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
background-color: #E3E6E6;
font-family: Verdana;
font-size: 14px;
}
#menu a:hover {
background-color: #BAC2C2;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
}
table {margin-left:auto;
margin-right:auto;
}
body {
background-image: url(
http://i1104.hizliresim.com/2011/4/8/5646.jpg
);
}

Kendi Yaptigim

Link Takaslar