gamecandy
Tasarım Üstüne:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Gametopia</title>
<link href="style.css" media="screen" rel="stylesheet"/>
</head>
<body>
<div id='wrapper'>
<!-- logo & menu -->
<div id='banner'>
<div id='logo'><img alt="" src="http://www.resimagaci.com/img/51f46n.gif"/></div>
<div id='menu'>
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Yeni</a></li>
<li><a href="#">Toplist</a></li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
<!-- header -->
<div id='header'>
<div id="header-txt">
<div class='big-headline'>OYUNLAR</div>
<div id='header-copy'>Sitemizin Açılmasıyla Birlikte Yeni Oyunlar Eklenmiştir</div>
<div style="margin-top:10px;"><a href="#"><img alt="" src="http://b1304.hizliresim.com/18/1/lpdl1.png" border="0"/></a></div>
</div>
</div>
<!-- content -->
<div id='content'>
<div id='left-content'>
<!-- games by platforms -->
<div class='box' style="margin-top:30px;">
<div class='title'><div class='title-txt'>Katagoriler</div></div>
<div>
<ul class='games-cat'>
<li><a href="#">Zeka</a></li>
<li><a href="#">Spor</a></li>
<li><a href="#">Yarış</a></li>
</ul>
<ul class='games-cat'>
<li><a href="#">Macera</a></li>
<li><a href="#">Beceri</a></li>
<li><a href="#">Strateji</a></li>
</ul>
<ul class='games-cat'>
<li><a href="#">Komik</a></li>
<li><a href="#">Çocuk</a></li>
<li><a href="#">Dövüş</a></li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
<div class='divider'></div>
<!-- search -->
<div class='box' style="height:50px; padding-top:15px;">
<form action="">
<div id='search-txt'>Arama</div>
<div style="float:left; clear:none; margin-left:-8px;"><input class='form-box' type='text' value=''/></div>
<div id="search-btn"><input type='image' src="http://d1304.hizliresim.com/18/1/lpdcl.jpg" align="bottom" onclick='return false;'/></div>
</form>
<div style="clear:both;"></div>
</div>
<div class='divider'></div>
<!-- log in -->
<div class='box' style="padding-top:15px; padding-bottom:15px;">
<form action="">
<input class="form-box" type='text' name='login' value='Kullanıcı ID'/>
<input class="form-box" type='password' name='password' value='password'/>
<input id='login-btn' type='image' src="http://c1304.hizliresim.com/18/1/lpd44.jpg" onclick='return false;'/>
</form>
<div class='login-link'><a href="http://forumcandy.tr.gg/iletisim.htm">Şifremi Unuttum</a></div>
<div class='login-link'><a href="http://forumcandy.tr.gg/forum/anmelden.htm">Kayıt Olmak istiyorum.</a></div>
</div>
</div>
<div id='right-content'>
<!-- whats hot -->
<div class='box2' style="margin-top:30px;">
<div class='title2'><div class='title-txt'
style="margin-left:50px;">Candy Games Oyunda Lider</div></div>
<div class='whats-hot-content'>
<div><img alt=""
src="http://f1304.hizliresim.com/18/1/lpbx3.jpg"/></div>
<div class='headline'>Oyun Genel</div>
<div>Oyun Hakkında Genel Bilgi Yazabilirsiniz.</div>
<div style="margin-top:10px;"><a href="#"><img alt="" src="http://a1304.hizliresim.com/18/1/lpdpp.png" border="0"/></a></div>
</div>
<div class='whats-hot-content'>
<div><img alt="" src="http://f1304.hizliresim.com/18/1/lpbyt.jpg"/></div>
<div class='headline'>Oyun Genel</div>
<div>Oyun Hakkında Genel Bilgi Yazabilirsiniz.</div>
<div style="margin-top:10px;"><a href="#"><img alt="" src="http://a1304.hizliresim.com/18/1/lpdpp.png" border="0"/></a></div>
</div>
<div class='whats-hot-content'>
<div><img alt="" src="http://f1304.hizliresim.com/18/1/lpbxs.jpg"/></div>
<div class='headline'>Oyun Genel</div>
<div>Oyun Hakkında Genel Bilgi Yazabilirsiniz.</div>
<div style="margin-top:10px;"><a href="#"><img alt="" src="http://a1304.hizliresim.com/18/1/lpdpp.png" border="0"/></a></div>
</div>
<!--forumcandy.tr.gg Yukarı Çık Kodu Başlangıcı--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src='http://www.weebly.com/uploads/1/5/7/6/15762290/toplist24-yukaricik3.js' type='text/javascript'></script> <!--forumcandy.tr.gg Yukarı Çık Kodu Sonu-->
<style>/*ForumCandy Cursor START*/ body, a:hover, h2, h1, table, td, div, p, img{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur865.png), progress !important;} /*ForumCandy Cursor STOP*/</style>
Tasarım Altına:
<div style="clear:both;"></div>
</div>
<!-- forumcandy.tr.gg tasarım altı -->
<div class='box2' style="margin-top:15px;">
<div class='headline' style="margin-left:32px;">Son Eklenenler</div>
<div class='commingSoon-content'>
<ul>
<li>Arabaya Oyunu</li>
<li>Ralli Oyunu</li>
<li>Kaykay</li>
</ul>
</div>
<div class='commingSoon-content'>
<ul>
<li>Kuafor işlet </li>
<li>Komik Oyunlar</li>
<li>Zombi Avcısı</li>
</ul>
</div>
<div class='commingSoon-content'>
<ul>
<li>Makyaj Yap</li>
<li>Counter Strike</li>
<li>Fighter</li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
<script type="text/javascript">
<!-- wmaraci html şifreleyici http://wmaraci.com -->
document.write(unescape('%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6C%65%61%72%3A%62%6F%74%68%3B%22%3E%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%3C%64%69%76%20%69%64%3D%27%66%6F%6F%74%65%72%27%3E%0A%20%20%20%20%20%20%20%20%09%3C%64%69%76%20%73%74%79%6C%65%3D%22%66%6C%6F%61%74%3A%6C%65%66%74%3B%20%63%6C%65%61%72%3A%6E%6F%6E%65%3B%20%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%32%30%70%78%3B%22%3E%A9%20%32%30%31%33%20%42%65%64%61%76%61%53%69%74%65%6D%2E%20%41%6C%6C%20%52%69%67%68%74%73%20%52%65%73%65%72%76%65%64%2E%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%64%69%76%20%73%74%79%6C%65%3D%22%66%6C%6F%61%74%3A%72%69%67%68%74%3B%20%63%6C%65%61%72%3A%6E%6F%6E%65%3B%22%3E%54%61%73%61%72%31%6D%20%4B%6F%64%6C%61%6D%61%73%31%20%42%79%3A%20%3C%61%20%73%74%79%6C%65%3D%27%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%20%63%6F%6C%6F%72%3A%23%66%66%66%66%66%66%3B%27%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%66%6F%72%75%6D%63%61%6E%64%79%2E%74%72%2E%67%67%22%3E%46%6F%72%75%6D%43%61%6E%64%79%3C%2F%61%3E%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%09%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6C%65%61%72%3A%62%6F%74%68%3B%22%3E%3C%2F%64%69%76%3E%0A%20%20%20%20%20%20%20%20%3C%2F%64%69%76%3E%0A%20%20%20%20%3C%2F%64%69%76%3E%0A%3C%2F%62%6F%64%79%3E%0A%3C%2F%68%74%6D%6C%3E%0A'));
</script>
Css Kısmına:
<!--- gerekleehtmlkodlari.tr.gg- Kod Baslangici ---> 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;} <!--- kod-on.tr.gg --->
@charset "UTF-8";
/* CSS Document */
body{
background-color:#1a1e21;
margin:0px;
padding:0px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
#wrapper{
background:url(http://c1304.hizliresim.com/18/1/lpbuw.png) top left repeat-y;
width:986px;
margin:0 auto;
}
#banner{
background:#cfd5de;
width:960px;
height:100px;
margin-left:9px;
}
#logo{
float:left;
clear:none;
margin-top:30px;
margin-left:30px;
}
#menu{
float:right;
clear:none;
background:url(http://www.resimagaci.com/img/f7f4vd0.png) center left no-repeat;
width:624px;
height:82px;
margin-top:8px;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu ul li{
float:left;
background: url(http://www.resimagaci.com/img/f272dv7.png) top left no-repeat;
width:162px;
height:82px;
margin-right:-75px;
}
#menu ul li a{
display:block;
width:65px;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
cursor:pointer;
margin-top:28px;
margin-left:8px;
text-align:center;
}
#header{
background:url(http://www.resimagaci.com/img/b9240r5.jpg) top left no-repeat;
width:960px;
height:201px;
margin-left:9px;
}
.big-headline{
font-size:40px;
color:#b70304;
font-weight:bold;
}
#header-copy{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
width:300px;
}
#header-txt{
width:300px;
float:right;
margin-right:70px;
margin-top:20px;
}
#left-content{
float:left;
clear:none;
}
.box{
background:#384047;
border:1px solid #707781;
width:277px;
margin-left:23px;
margin-top:15px;
}
.title{
background:url(http://www.resimagaci.com/img/f2vp7p2.png) center no-repeat;
width:258px;
height:41px;
text-align:center;
margin-top:-20px;
margin-left:8px;
}
.title-txt{
font-size:14px;
color:#7d0203;
padding-left:45px;
padding-top:8px;
}
.games-cat{
list-style:none;
float:left;
clear:none;
color:#cfd5de;
margin-bottom:25px;
}
.games-cat li a{
color:#cfd5de;
}
.divider{
background:url(images/divider.gif) top left no-repeat;
width:276px;
height:17px;
margin-left:23px;
margin-top:15px;
}
.form-box{
background:#cfd5de;
height:20px;
margin-left:15px;
width:150px;
}
#search-txt{
float:left;
clear:none;
padding-top:2px;
color:#FFFFFF;
padding-left:10px;
}
#search-btn{
float:left;
clear:none;
margin-top:-3px;
margin-left:7px;
}
#login-btn{
margin-left:7px;
margin-top:-15px;
}
.login-link a{
font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
margin-left:15px;
}
.login-link{
margin-top:15px;
}
#right-content{
float:left;
clear:none;
}
.box2{
background:#22272b;
border:1px solid #707781;
width:590px;
margin-left:23px;
margin-top:15px;
padding-bottom:15px;
}
.title2{
background:url(http://www.resimagaci.com/img/5plr7n3.png) center no-repeat;
width:570px;
height:41px;
margin-top:-20px;
margin-left:8px;
}
.whats-hot-content{
width:180px;
margin-left:16px;
float:left;
clear:none;
}
.headline{
font-size:18px;
color:#7d0203;
margin-bottom:7px;
margin-top:7px;
}
.commingSoon-content{
float:left;
clear:none;
width:180px;
margin-left:10px;
list-style-image:url(http://www.resimagaci.com/img/5jhv73t.png);
margin-top:-10px;
}
#footer{
background:#0d0f11;
width:940px;
height:30px;
font-size:11px;
color:#FFFFFF;
padding-top:10px;
margin-bottom:0px;
margin-top:25px;
margin-left:9px;
padding-right:20px;
}
::-webkit-scrollbar { height: 12px; width: 12px; } ::-webkit-scrollbar-thumb { background: #AA0000; opacity: 0.5; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-track-piece { background-color: transparent; border-left: transparent; } div::-webkit-scrollbar-track { background: transparent; } div::-webkit-scrollbar-track-piece { background: transparent; border-left: transparent; }
Read more: http://forumcandy.tr.gg