Forum'da ara:
Ara


Yazar Mesaj
Mesaj02.03.2014, 18:34 (UTC)    
Mesaj konusu: oyun Teması

Arkadaşlar süper bir oyun teması

tasarım Demo : http://www.trendwp.com/wp-content/uploads/anasayfa31-459x286.png

TASARIM ÜSTÜ :::

[/code]

<!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" xml:lang="tr" lang="tr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hakkımızda | TrendOyun – Wordpress Ücretsiz Oyun teması</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="googlebot" content="index,follow" />
<meta name="robots" content="index,follow" />
<meta name="content-language" content="tr" />
<link rel="stylesheet" type="text/css" href="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/css/reset.css" />
<link rel="stylesheet" type="text/css" href="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/css/general.css" />
<link rel="stylesheet" type="text/css" href="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/css/container.css" />
<link rel="stylesheet" type="text/css" href="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/css/color.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/js/aSlider.js"></script>
<script type="text/javascript" src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/js/dReady.js"></script>
</head>
<body class="blue">

<div id="pageHead" class="wrap100">
<div class="content wrap960m">
<div id="pageLogo">
<a href="http://demo.trendwp.com/trendoyun" title="TrendOyun – Wordpress Ücretsiz Oyun teması">
<img src="http://img.webme.com/pic/x/xoyna/logo-ust.png" alt="Logo" />
</a>
</div>

<div class="clear"></div>

<div id="mainMenu">
<ul>
<li><a href="http://xoyna.tr.gg" title="Anasayfa"></a></li>
<li id="menu-item-21" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-21"><a href="http://xoyna.tr.gg/araba-oyunlari.htm">Araba Oyunları</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-22"><a href="http://xoyna.tr.gg/cocuk-oyunlari.htm">Çocuk Oyunları</a></li>
<li id="menu-item-23" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-23"><a href="http://xoyna.tr.gg/dovus-oyunlari.htm">Dövüş Oyunları</a></li>
<li id="menu-item-24" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24"><a href="http://xoyna.tr.gg/futbol-oyunlari.htm">Futbol Oyunları</a></li>
<li id="menu-item-25" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25"><a href="http://xoyna.tr.gg/kiz-oyunlari.htm">Kız Oyunları</a></li>

</ul>
<div id="search"><form action="http://demo.trendwp.com/trendoyun" method="get">
<input type="text" value="Oyun arayın.." name="s" onblur="if(this.value=='') { this.value=defaultValue; }" onfocus="if(this.value == defaultValue) { this.value=''; }" />
<input type="submit" value="" /></form>
</div>
</div>
</div>
</div>

<div class="clear"></div>

<div id="globalContainer" class="wrap960m mTop10">

<div id="sideNav" class="wrap213">
<div id="category">
<div class="title01"><span>Kategoriler</span><img src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/images/icon/category.png" alt="" /></div>
<div class="content">
<ul>
<li class="cat-item cat-item-5"><a href="http://xoyna.tr.gg/araba-oyunlari.htm" title="Araba Oyunları kategorisi altındaki tüm yazıları göster">Araba Oyunları</a>
</li>
<li class="cat-item cat-item-3"><a href="http://xoyna.tr.gg/beceri-oyunlari.htm" title="Beceri Oyunları kategorisi altındaki tüm yazıları göster">Beceri Oyunları</a>
</li>
<li class="cat-item cat-item-4"><a href="http://xoyna.tr.gg/cocuk-oyunlari.htm" title="Çocuk Oyunları kategorisi altındaki tüm yazıları göster">Çocuk Oyunları</a>
</li>
<li class="cat-item cat-item-10"><a href="http://xoyna.tr.gg/dovus-oyunlari.htm" title="Dövüş Oyunları">Dövüş Oyunları</a>
</li>
<li class="cat-item cat-item-6"><a href="http://xoyna.tr.gg/futbol-oyunlari.htm" title="Futbol Oyunları kategorisi altındaki tüm yazıları göster">Futbol Oyunları</a>
</li>
<li class="cat-item cat-item-15"><a href="http://xoyna.tr.gg/kiz-oyunlari.htm" title="Kız Oyunları">Kız Oyunları</a>
</li>
<li class="cat-item cat-item-14"><a href="http://xoyna.tr.gg/komik-oyunlar.htm" title="Komik Oyunlar">Komik Oyunlar</a>
</li>
<li class="cat-item cat-item-7"><a href="http://xoyna.tr.gg/macera-oyunlari.htm" title="Macera Oyunları kategorisi altındaki tüm yazıları göster">Macera Oyunları</a>
</li>
<li class="cat-item cat-item-1"><a href="http://xoyna.tr.gg/makyaj-oyunlari.htm" title="Makyaj Oyunları kategorisi altındaki tüm yazıları göster">Makyaj Oyunları</a>
</li>
<li class="cat-item cat-item-12"><a href="http://xoyna.tr.gg/motor-oyunlari.htm" title="Motor Oyunları">Motor Oyunları</a>
</li>
<li class="cat-item cat-item-8"><a href="http://xoyna.tr.gg/savas-oyunlari.htm" title="Savaş Oyunları kategorisi altındaki tüm yazıları göster">Savaş Oyunları</a>
</li>
<li class="cat-item cat-item-13"><a href="http://xoyna.tr.gg/zeka-oyunlari.htm" title="Zeka Oyunları">Zeka Oyunları</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>

<div class="clear"></div>

<div id="mostGames" class="mTop15">
<div class="title01"><span>En Çok Oynanan</span><img src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/images/icon/mostGames.png" alt="" /></div>
<div class="content">
<ul>
<li>
<div class="image">
<a href="http://demo.trendwp.com/trendoyun/yaramaz-cocuk/" title="Yaramaz Çocuk"><img src="http://demo.trendwp.com/trendoyun/wp-content/uploads/yaramaz-ocuk.jpg" alt="Yaramaz Çocuk" width="81" height="61" /></a>
</div>
<div class="detail">
<a href="http://demo.trendwp.com/trendoyun/yaramaz-cocuk/" title="Yaramaz Çocuk">
<span class="title">Yaramaz Çocuk</span>
<span class="rating">1.989 oynanma</span>
<span class="cat">» Komik Oyunlar</span>
</a>
</div>
</li>
<li>
<div class="image">
<a href="http://demo.trendwp.com/trendoyun/kizgin-nine/" title="Kızgın Nine"><img src="http://demo.trendwp.com/trendoyun/wp-content/uploads/kzgn-nine.jpg" alt="Kızgın Nine" width="81" height="61" /></a>
</div>
<div class="detail">
<a href="http://demo.trendwp.com/trendoyun/kizgin-nine/" title="Kızgın Nine">
<span class="title">Kızgın Nine</span>
<span class="rating">1.262 oynanma</span>
<span class="cat">» Komik Oyunlar</span>
</a>
</div>
</li>
<li>
<div class="image">
<a href="http://demo.trendwp.com/trendoyun/hava-taksi/" title="Hava Taksi"><img src="http://www.bkapisi.net/wp-content/plugins/wp-o-matic/cache/be97a_PLANE5.jpg" alt="Hava Taksi" width="81" height="61" /></a>
</div>
<div class="detail">
<a href="http://demo.trendwp.com/trendoyun/hava-taksi/" title="Hava Taksi">
<span class="title">Hava Taksi</span>
<span class="rating">1.106 oynanma</span>
<span class="cat">» Araba Oyunları</span>
</a>
</div>
</li>
<li>
<div class="image">
<a href="http://demo.trendwp.com/trendoyun/sarkozy-dustu/" title="Sarkozy Düştü"><img src="http://demo.trendwp.com/trendoyun/wp-content/uploads/sarkozy-dt.jpg" alt="Sarkozy Düştü" width="81" height="61" /></a>
</div>
<div class="detail">
<a href="http://demo.trendwp.com/trendoyun/sarkozy-dustu/" title="Sarkozy Düştü">
<span class="title">Sarkozy Düştü</span>
<span class="rating">728 oynanma</span>
<span class="cat">» Komik Oyunlar</span>
</a>
</div>
</li>
<li>
<div class="image">
<a href="http://demo.trendwp.com/trendoyun/ninja-asci/" title="Ninja Aşçı"><img src="http://demo.trendwp.com/trendoyun/wp-content/uploads/ninja-a.jpg" alt="Ninja Aşçı" width="81" height="61" /></a>
</div>
<div class="detail">
<a href="http://demo.trendwp.com/trendoyun/ninja-asci/" title="Ninja Aşçı">
<span class="title">Ninja Aşçı</span>
<span class="rating">314 oynanma</span>
<span class="cat">» Komik Oyunlar</span>
</a>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div id="container" class="wrap737 fLeft mLeft10">
<div id="detail2" class="fLeft">



TASARİM ALTI :

Kod:


<div class=""></div>   
<div class="clear"></div>

</div>



<div class="clear"></div>



<div class="clear"></div>



</div>
</div>

<div class="clear"></div>

<div id="pageFoot" class="wrap100 mTop20">
<div class="content wrap960m">
<div class="socialMedia">   

<a href="http://www.oyunuoyna.com" title="Oyun oyna" target="_blank"><img src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/images/icon/oyunuoyna.png" width="22" height="22" alt="oyun oyna" /></a>

<a href="" title="Facebook" target="_blank" class="face"></a>     <a href="" title="Google +" target="_blank" class="gplus"></a>     <a href="" title="Twitter" target="_blank" class="twit"></a>     <a href="http://demo.trendwp.com/trendoyun/feed/rss/" title="RSS" target="_blank" class="rss"></a>     <a href="" title="Friendfeed" target="_blank" class="friendfeed"></a>     <img src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/images/icon/oyunuoyna.png" width="22" height="22" alt="" /></a>

</div>

<div class="clear"></div>

<div class="container wrap960">
<ul>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-17"><a href="http://www.xoyna.tr.gg/">Anasayfa</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item menu-item-18"><a href="http://www.xoyna.tr.gg/hakkimizda.htm">Hakkımızda</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20"><a href="http://www.xoyna.tr.gg/reklam.htm">Reklam</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="http://www.xoyna.tr.gg/iletisim.htm">İletişim</a></li>
</ul>
<span class="copyright2"><a href="http://www.trendwp.com" target="_blank" title="wordpress tema"><img src="http://demo.trendwp.com/trendoyun/wp-content/themes/trendoyun/lib/images/icon/trendwp.png" width="78" height="26" alt="Wordpress" /></a></span>
<span class="copyright">Tüm Hakları Saklıdır © 2012</span>
</div>
</div>
</div>


<link rel='stylesheet' id='colorbox-theme1-css' href='http://demo.trendwp.com/trendoyun/wp-content/plugins/jquery-colorbox/themes/theme1/colorbox.css?ver=4.3' type='text/css' media='screen' />
<script type='text/javascript' src='http://demo.trendwp.com/trendoyun/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var jQueryColorboxSettingsArray = {"colorboxInline":"false","colorboxIframe":"false","colorboxGroupId":"","colorboxTitle":"","colorboxWidth":"false","colorboxHeight":"false","colorboxMaxWidth":"false","colorboxMaxHeight":"false","colorboxSlideshow":"false","colorboxSlideshowAuto":"false","colorboxScalePhotos":"true","colorboxPreloading":"false","colorboxOverlayClose":"false","colorboxLoop":"true","colorboxEscKey":"true","colorboxArrowKey":"true","colorboxScrolling":"true","colorboxOpacity":"0.85","colorboxTransition":"elastic","colorboxSpeed":"350","colorboxSlideshowSpeed":"2500","colorboxClose":"kapat","colorboxNext":"ileri","colorboxPrevious":"geri","colorboxSlideshowStart":"slayt gu00f6sterisi bau015flat","colorboxSlideshowStop":"slayt gu00f6sterisini durdur","colorboxCurrent":"{current} / {total}","colorboxImageMaxWidth":"90%","colorboxImageMaxHeight":"90%","colorboxImageHeight":"100%","colorboxImageWidth":"90%","colorboxLinkHeight":"100%","colorboxLinkWidth":"100%","colorboxInitialHeight":"100","colorboxInitialWidth":"300","autoColorboxJavaScript":"","autoHideFlash":"true","autoColorbox":"","autoColorboxGalleries":"","colorboxAddClassToLinks":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://demo.trendwp.com/trendoyun/wp-content/plugins/jquery-colorbox/js/jquery.colorbox-min.js?ver=1.3.19'></script>
<script type='text/javascript' src='http://demo.trendwp.com/trendoyun/wp-content/plugins/jquery-colorbox/js/jquery-colorbox-wrapper-min.js?ver=4.3'></script>
</body>
</html>



CSS KODU :

 


table {margin-left: auto;margin-right: auto}




lli.nav_element{display: none;}
li.nav_element a{display: none;}
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 {
background: url(http://img45.xooimage.com/files/8/c/1/footer-1cdc1f9.jpg) no-repeat center bottom;
background-color:#747D82;
margin:0px;
font-family:Verdana;
font-size:11px;
}
#wrap {
background: url(http://img49.xooimage.com/files/e/a/b/bg-1cdc1f2.jpg) center 0px no-repeat;
width:100%;
}

#main {
margin:0px auto;
width:1000px;
min-height:1809px;
}
/*-- Header Style --*/
#hdr {
width:1000px;
height:288px;
margin:0 auto;
}
#hdl {
width:240px;
height:26px;
margin:0px 0 0 500px;
padding:14px 0 0 0;
float:left;
}
#hdl a {
text-decoration:none;
color:#FFF;
margin-right:18px;
font-weight:bold;
opacity:0.7;
filter:alpha(opacity=70);
}
#hdl a:hover {
opacity:1;
filter:alpha(opacity=100);
}
#search_form {
float:left;
margin:10px 0 0 4px;
}
#s {
width:180px;
background:transparent;
border:0px none;
font-weight:bold;
}
#searchsubmit {
border:0px none;
margin:0 0 0 3px;
width:26px;
height:24px;
cursor:pointer;
padding:0px;
margin:0px;
background:transparent;
}
#logo {
background:url(http://img49.xooimage.com/files/a/2/2/logo-1cdc1ed.png) no-repeat;
width:439px;
height:115px;
position:relative;
top:92px;
left:44px;
}
#logo a {
height:100%;
width:100%;
display:block;
}
.mh, .mt, .mw, .mi, .pop_posts, .rss, .twitt, #TwitterCounter, #submit {
background:url(http://img41.xooimage.com/files/a/3/8/sprite-1cdc1e4.png) no-repeat;
}
#menu {
width:460px;
height:60px;
margin:91px 0 0 500px;
}
#menu a {
text-align:center;
display:block;
float:left;
padding:43px 0 0 0;
text-decoration:none;
color:#FFF;
font-weight:bold;
font-size:16px;
margin:0 30px 0 0;
opacity:0.7;
filter:alpha(opacity=70);
}
#menu a:hover {
opacity:1;
filter:alpha(opacity=100);
}
.mh {
background-position:7px 0;
}
.mt {
background-position:28px -60px;
}
.mw {
background-position:32px -120px;
}
.mi {
background-position:30px -180px;
}
/*-- Container Style --*/
#cnt {
width:1000px;
min-height:1560px;
background-color:#FFF;
position:relative;
background:url(http://img47.xooimage.com/files/3/5/4/cnt-1cdc1dd.jpg) repeat-y;
margin:0 auto;
}
#lcnt {
width:710px;
min-height:1300px;
float:left;
background-color:#FFF;
position:relative;
}
.post {
width:622px;
margin:50px 0 0 47px;
}
.post h1 {
font-size:29px;
}
.post h1 a {
text-decoration:none;
color:#000;
}
.post h1 a:hover {
text-decoration:underline;
}
.pic_lnk img {
border:0px none;
}
.post p {
font-size:12px;
}
.post_inf {
float:left;
border-right:1px solid;
text-align:right;
margin:0 15px 0 0;
padding:10px 0 0 0;
height:64px;
}
.post_inf span {
margin: 0 20px 0 0;
font-size:14px;
}
.post_inf a {
margin: 0 20px 0 0;
font-size:14px;
text-decoration:none;
color:#000;
}
.post_inf a:hover {
text-decoration:underline;
}
.posn {
font-style:italic;
}
.posc {
font-weight:bold;
}
.pagi {
width:622px;
margin:50px 0 0 47px;
}
.pagination {
font-size:15px;
height:20px;
width:320px;
margin:50px auto 0 auto;
}
.pagination a {
text-decoration:none;
color:#000;
display:block;
float:left;
margin:0 2px;
width:16px;
height:20px;
padding:0 0 0 5px;
}
.pagination a:hover {
background-color:#758792;
color:#FFF;
}
.pagination span {
background-color:#758792;
color:#FFF;
width:16px;
height:20px;
padding:0 0 0 5px;
display:block;
float:left;
margin:0 2px;
}
.pagination span.prev {
width:76px;
color:#758792;
background-color:#FFF;
}
.pagination a.next {
width:48px;
}
#rcnt {
width:290px;
float:left;
position:relative;
}
.rss_twitt {
background:url(http://img41.xooimage.com/files/f/b/4/rss_twitt_bg-1cdc1d7.png) no-repeat;
width:220px;
height:100px;
margin:10px 0 0 35px;
}
.rss {
background-position:30px -274px;
width:94px;
height:28px;
float:left;
padding:78px 0 0 16px;
display:block;
}
#TwitterCounter {
background-position:14px -414px;
width:110px;
height:28px;
float:left;
padding:78px 0 0 0px;
display:block;
}
#rcnt h2 {
margin:30px 0 15px 20px;
}
#rcnt img {
border:0px none;
}

.l_lnk {
margin:15px 0 0 20px;
width:260px;
height:260px;
}
.l_lnk a {
margin:0 10px 10px 0;
float:left;
}
.l_lnk div {
width:120px;
height:80px;
text-align:center;
background-color:#758792;
float:left;
font-size:18px;
padding:40px 0 0 0;
}
.l_lnk div a {
color:#8D9EA9;
text-decoration:none;
float:none;
}
.l_lnk div a:hover {
text-decoration:underline;
}
.wall {
margin:10px 0 0 20px;
display:block;
}
.pop_posts {
background-position: 0 -620px;
margin:5px 0 5px 20px;
padding:0 0 0 26px;
display:block;
height:27px;
text-decoration:none;
color:#000;
line-height:14px;
width:224px;
font-size:12px;
}
.pop_posts:hover {
text-decoration:underline;
}
/*-- Footer Style --*/
#foo {
height:322px;
}
#foo_d {
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
}
#foo_menu {
position:absolute;
top:30px;
left:84px;
}
#foo_menu a {
color:#FFF;
font-weight:bold;
text-decoration:none;
opacity:0.7;
filter:alpha(opacity=70);
font-size:15px;
margin:0 6px 0 6px;
}
#foo_menu a:hover {
opacity:1;
filter:alpha(opacity=100);
}
#foo_menu span {
color:#FFF;
font-weight:bold;
font-size:15px;
}
#foo p {
color:#FFF;
margin:70px 0 0 90px;
font-size:12px;
}
#foo_d p a {
color:#FFF;
text-decoration:none;
padding:3px 112px 6px 0px;
}
#foo_d p a:hover {
text-decoration:underline;
}
/* -- Article Style -- */
#lcnt h2 {
margin:40px 0 0 70px;
font-size:22px;
}
#lcnt h2 a {
text-decoration:none;
color:#828180;
}
#lcnt h2 a:hover {
text-decoration:underline;
}
.comments {
width:622px;
margin:50px 0 0 47px;
}
.comment {
margin:0 0 50px 0;
}
.comm_hdr, #cmnt_frm {
background:url(http://img49.xooimage.com/files/f/d/c/form-1cdc1d4.jpg) no-repeat;
}
.comm_hdr {
background-position: 0 0;
width:615px;
height:37px;
padding:15px 0 0 0;
}
.comm_hdr p {
margin:0 0 0 23px;
font-size:14px;
font-weight:bold;
}
.comm_hdr span {
font-size:12px;
color:#8F8E8D;
font-weight:normal;
}
.avat {
width:60px;
height:60px;
position:absolute;
margin:-55px 0 0 496px;
}
.avatar_frame {
width:70px;
height:66px;
position:absolute;
left:-5px;
}
.comm_txt {
margin:10px 0 0 23px;
font-size:12px;
}
#cmnt_frm {
background-position:0 -100px;
width:615px;
height:370px;
margin:20px 0 20px 47px;
padding:25px 0 0 0;
}
#cmnt_frm input {
background-color:#FFF;
margin:0 10px 0 0;
padding:5px 0 0 5px;
border:0px none;
height:24px;
width:246px;
}
#cmnt_frm p {
margin:10px 0 10px 35px;
font-weight:bold;
}
#cmnt_frm span {
font-weight:normal;
}
#cmnt_frm textarea {
background-color:#FFF;
margin:0 10px 0 0;
padding:5px 0 0 5px;
border:0px none;
}
#cmnt_frm #submit {
background-position:0 -560px;
width:149px;
height:33px;
background-color:transparent;
color:#FFF;
font-weight:bold;
padding:0px;
float:right;
margin:0 30px 0 0;
cursor:pointer;
}
#cmnt_frm #submit:hover {
color:#C3C3C3;
}








YAPAMYANLAR teknotipez.tr.gg
Mesaj02.03.2014, 20:59 (UTC)    
Mesaj konusu: tşk

tşk çok güzel bir tema
______________
Mesaj02.03.2014, 21:04 (UTC)    
Mesaj konusu:

Tasarım paylaşımlarınızı lütfen sabit başlıktan paylaşınız.
http://www.bedava-sitem.com/forum/viewtopic.php?t=229089

İyi forumlar.

______________
Mesaj02.03.2014, 21:31 (UTC)    
Mesaj konusu:

Açıklama yapılmış.
Tema paylaşımlarını sabit başlıktan yapınız.

______________

- Teknik Destek Personeli


En son aktif-dost tarafından 02.03.2014 21:32:19 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu