Metin2 - Siyahv1 tasarımı!

YAZAN: Unknown 4 Ekim 2014 Cumartesi

Dreamweaver ile kodladığım basit bir çalışma, tr.gg uyumlu bir temadır. Alt kısımdaki bölümü değiştirmediğiniz sürece temayı kullanabilirsiniz. Daha fazla tasarımlar ekliceğiz, sizler takipte kalın!

Tasarım üstüne gelicek kod;

<!DOCTYPE
 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html 
xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta 
http-equiv="Content-Type" content="text/html; charset=utf-8"  /> 
<title>Turkmetin2 - Yeni nesil maceraya katıl!</title> 
<link href="mt2style.css" rel="stylesheet" type="text/css" /> 
</head>  <body> <div id="usttmenu">
   <ul>
<li><a href="#" _fcksavedurl="#"> 
ANASAYFA</a></li>
<li><a href="#" 
_fcksavedurl="#">NESNE MARKET</a></li>
<li><a href="#" _fcksavedurl="#">EP 
YÜKLE</a></li>
<li><a href="#" 
_fcksavedurl="#">DESTEK</a></li>
<li><a 
href="#" _fcksavedurl="#">FORUM</a></li>
<li><a href="#" 
_fcksavedurl="#">FACEBOOK</a></li>
</ul>
</div>
<div id="logov1">
<a href="#" 
_fcksavedurl="#">TURKMETİN2</a></div>
<table 
width="1000" border="0" align="center" cellpadding="0" 
cellspacing="0">
<tr>     <td width="252" 
height="21"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#">Genel</a></div>
</td>     <td 
width="498"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#"> Turkmetin2 - 
Anasayfa</a></div>
</td>     <td 
width="250"><div id="ustbaslik">
<a href="#" 
_fcksavedurl="#">Oyun durumu</a></div>
</td>   
</tr>
</table>
<table width="1000" border="0" 
align="center" cellpadding="0" cellspacing="0">
<tr>     
<td width="250" align="left" valign="top"><div id="solmenu">
       <ul>
<li><a href="#" 
_fcksavedurl="#">Anasayfa</a></li>
<li><a href="#" 
_fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Ziyaretçi 
defteri</a></li>
<li><a href="#" 
_fcksavedurl="#">Kayıt ol</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">Oyunu 
indir</a></li>
<li><a href="#" 
_fcksavedurl="#">Giriş yap</a></li>
</ul>
</div>
<div id="ustbaslik">
 <a href="#" 
_fcksavedurl="#">Oyuncu Sıralaması</a></div>
<div id="solmenu">
         <ul>
<li><a 
href="#" _fcksavedurl="#">xRealking <b>| 84 Seviye 
|</b></a></li>
<li><a href="#" _fcksavedurl="#">DerinDevlet <b>|
 81 Seviye 
|</b></a><b></b></li>
<li><a href="#" _fcksavedurl="#">ByDAYI <b>|
 79 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Demsi00<b> | 79 
Seviye |</b></a></li>
<li><a 
href="#" _fcksavedurl="#">TEHLİKE<b> | 78 Seviye 
|</b></a></li>
<li><a href="#" _fcksavedurl="#">HAYDAR <b>| 77 
Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Geldekes<b> | 77
 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Nededinsen<b> | 
75 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">MustafaBey <b>| 
75 Seviye |</b></a></li>
<li><a href="#" _fcksavedurl="#">Ninjaking <b>| 
74 Seviye |</b></a>      </li>
</ul>
</div>
<div id="ustbaslik">
<a 
href="#" _fcksavedurl="#">Lonca Sıralaması</a></div>
<div id="solmenu">
         <ul>
<li><a 
href="#" _fcksavedurl="#">HİLKAT</a></li>
<li><a href="#" 
_fcksavedurl="#">ISTANBUL</a></li>
<li><a href="#" 
_fcksavedurl="#">MustafaKemal</a></li>
<li><a href="#" 
_fcksavedurl="#">Jongiller</a></li>
<li><a href="#" 
_fcksavedurl="#">GENCADAMLAR</a></li>
<li><a href="#" 
_fcksavedurl="#">TURKIYE</a></li>
<li><a href="#" _fcksavedurl="#">ASIRUH</a></li>
<li><a href="#" 
_fcksavedurl="#">DELİLER</a></li>
<li><a href="#" 
_fcksavedurl="#">ACIMASIZLAR</a></li>
<li><a href="#" 
_fcksavedurl="#">YENİLMEZ</a></li>
</ul>
</div>
</td>     <td width="633" align="center" 
valign="top"><div id="content">

Tasarım altına gelicek kod;

</div>
</td>     <td width="250" align="center" 
valign="top"><div id="sagmenu">
                 SERVER: 
<b>ONLİNE</b><br />           Exp: 100<br
 />           Yang: 100<br />           Eşya düşürme: 100      
     <br />           Şuanda oyunda 
"<b>543</b>" online oyunda!<br />           
Bugün toplam "<b>3940</b>" kişi oyuna girdi!      
        <br />             </div>
<div 
id="ustbaslik">
         <div id="ustbaslik">
         <a 
href="#" _fcksavedurl="#">Oyunu İndir<br />         
</a></div>
<div id="sagmenu">
<a href="#" 
_fcksavedurl="#"><img src="file:///C|/Users/grundıg/Desktop/Sergen
 KLASÖR/tasarım deneme/indirr.png" 
_fcksavedurl="file:///C|/Users/grundıg/Desktop/Sergen KLASÖR/tasarım 
deneme/indirr.png" width="150" height="70" /></a><script 
language=JavaScript>m='%3C/div%3E%3C/td%3E%0A%20%20%3C/tr%3E%0A%3C/table%3E%0A%3Cdiv%20id%3D%22alt%22%3E%20T%DCM%20HAKLARI%20SAKLIDIR%21%20TASARIM%20VE%20KODLAMA%3A%20%3Ca%20href%3D%22http%3A//www.teknoanaliz.tr.gg%22%3ETEKNOANAL%u0130Z.TR.GG%3C/a%3E%3Cbr%20/%3E%0A%3C/div%3E';d=unescape(m);document.write(d);</script>
  </body> </html>

Css kodu;

/*
 KOPYALAMA RENGİ KIRMIZI */  ::-moz-selection {     background:#c00;    
 color:#fff; } ::selection {     background:#c00;     color:#fff;    }  
 /* ADMİN YORUMUNU KUTU İÇİNE AL */   i {       padding : 5px;     
text-align : left;     display : block;     overflow : auto;     font : 
500 1em/1.5em 'Verdana';     border : 1px solid #cccccc;     
-moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px; } 
  /*BÜTÜN REKLAMLARI ORTALAMA KODU */  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; } 
#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb
 {     margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 
350px; } #webme_sky_ad { top: 200px; }  /* RENK KODU */  #b64242   /* 
ALT REKLAMI ÇERÇEVE İÇİNE AL */   #webme_footer_textlink_dont_hide { 
color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 
27px 8px 130px; background: 
url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }   /* 
YAZI TİPİNİ DEĞİŞTİRME */   body,td,th {     font-family: Calibri, 
Arial;     font-size: 13px;     color: #000;     margin: 0px; }      
@charset "utf-8"; body {  background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/subtle_carbon.png);  color: 
#666666; } body ul {  color: #333333; } body ol {  color: #333333; }   
#ustbaslik {  height: 30px;  line-height: 30px;  text-align: center;  
background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyaz.png); } #content {
  height: auto;  padding: 2px;  color: #333;  font-size: 14px;  
background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyazv1.png); }   
#solmenu ul {  list-style-type: square;  padding-top: 5px;  
margin-bottom: 0px;  padding-bottom: 5px;  margin-top: 0px; } #solmenu 
ol {  padding-bottom: 5px;  margin-bottom: 0px;  margin-top: 0px;  
padding-top: 5px; } #solmenu ol li a {  text-decoration: none;  color: 
#333;  transition: 0.5s;  font-weight: bold;  font-size: 13px; } 
#solmenu ol li a:hover {  text-decoration: none;  color: #FFF;  
margin-left: 10px; } #sagmenu ol li a {  transition: 0.5s;  color: #333;
  text-decoration: none;  font-size: 12px; } #sagmenu ol {  margin-top: 
0px;  list-style-type: square;  text-align: left;  margin-bottom: 0px; }
 #logov1 {  height: 68px;  width: 1000px;  margin-right: auto;  
margin-left: auto;  text-align: center; } #usttmenu {  height: 35px;  
width: 1000px;  line-height: 35px;  margin-right: auto;  margin-left: 
auto;  margin-bottom: 2px;  background-image: 
url(file:///C|/Users/grund%C4%B1g/Desktop/Sergen%20KLAS%C3%96R/tasar%C4%B1m%20deneme/saydambeyaz.png);
 } #usttmenu ul {  margin: 0px;  padding: 0px;  list-style-type: none; }
 #usttmenu ul li a {  float: left;  display: block;  text-align: center;
  width: 166px;  color: #666;  text-decoration: none;  font-size: 13px; 
 font-weight: bold;  font-family: "Palatino Linotype", "Book Antiqua", 
Palatino, serif;  transition: 1s; } #alt {  width: 1000px;  
margin-right: auto;  margin-left: auto;  line-height: 40px;  height: 
40px;  font-size: 14px;  font-weight: bold;  color: #999;  text-align: 
center;  background-image: 
url(http://img.webme.com/pic/t/teknoanaliz/saydambeyaz.png);  
margin-top: 10px;  margin-bottom: 10px; }      #logov1 a {  line-height:
 65px;  color: #9F1717;  font-size: 60px;  font-weight: bold;  
text-decoration: none;  font-family: Arial, Calibri, "Microsoft YaHei"; 
 height: 65px;  transition: 0.5s;  margin-bottom: 20px; } #lo