oyun sitemiz çocuklara en güzel oyunlar sunuyor
Oyun Ara :

Forum Candy Bedava Sitemin Favori Forumu ~~>

gamecandy

                                                                               ÖNİZLEMESİ İÇİN TIKLAYIN

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%2​0%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%7​0%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%7​4%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%7​2%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%7​6%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
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol