Sipsi V2

Çok sevilen Sipsi V2 tasarımı sizlerle! Burak İşçi tarafından tasarlanan ve TasarimKodu tarafından tr.gg'ye uyarlanan bu hoş ve sade tasarım, bs sitenize çok şık bir görünüm katacak! Sipsi v2 isimli bu css tasarımı özellikle üst ve sağ menüsüyle sade renkleriyle dikkat çekiyor. Kısaltılmış kodlarıyla artık daha da hızlı sayfa yüklenmeleri sağlayan bu güzel bedava-sitem css-design tasarımını denemeden geçmeyin! Tasarımda ayrıca dikkat çekici bir anasayfa haber yayınlama bulunduruyor.

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Arama Çubuğu
Duyuru Paneli
Sağ ve Üst Menü
125lik Reklam Alanı

Tasarımın üzerindeki yazı:

<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<title>Hakkımızda | Sipsi v2 Wordpress Teması Demo Sayfası</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://demo.ertandonmez.com.tr/xmlrpc.php" />
<link rel="shortcut icon" href="http://demo.ertandonmez.com.tr/wp-content/themes/sipsiv2/http://demo.ertandonmez.com.tr/wp-content/themes/sipsiv2/resimler/favicon.ico" />
<script type="text/javascript" src="https://site-temasi.googlecode.com/svn/trunk/jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("div.tab:not(:first)").hide();
  $("ul#tabbaslik li").click(function(){
   $("div.tab").slideUp();
   $("ul#tabbaslik li").removeClass("aktif");
   $(this).addClass("aktif");
   var indis = $(this).index();
   $("div.tab:eq("+indis+")").slideDown();
  });
  $("img").hover(function() {
            $(this).stop().animate({ 
                "opacity": "0.5"
            }, 1000 );
        }, function() {
            $(this).animate({
                "opacity": "1"
            }, 1000 );
        });
 });
</script>
<link rel="alternate" type="application/rss+xml" title="Sipsi v2 Wordpress Teması Demo Sayfası » Hakkımızda Yorum Beslemesi" href="http://demo.ertandonmez.com.tr/hakkimizda/feed/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demo.ertandonmez.com.tr/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demo.ertandonmez.com.tr/wp-includes/wlwmanifest.xml" /> 
<link rel='next' title='Reklam' href='http://demo.ertandonmez.com.tr/reklam/' />
<meta name="generator" content="WordPress 3.8.5" />
<link rel='shortlink' href='http://demo.ertandonmez.com.tr/?p=33' />

<!-- All in One SEO Pack 2.0 by Michael Torbert of Semper Fi Web Design[54,116] -->
<meta name="description" content="Praesent a nisi in dolor bibendum ullamcorper. Pellentesque accumsan viverra varius. In adipiscing, velit varius euismod adipiscing, ipsum arcu egestas libero," />

<link rel="canonical" href="http://demo.ertandonmez.com.tr/hakkimizda/" />
<!-- /all in one seo pack -->
</head>
<body>
<div class="govde">
    <div class="ust">
     <div class="ustmenu">
         <div class="menu"><ul><li class="page_item page-item-37"><a href="http://site-temasi.blogspot.com/">Ana Sayfa</a></li><li class="page_item page-item-33 current_page_item"><a href="http://site-temasi.blogspot.com/">Kurulum</a></li><li class="page_item page-item-2"><a href="http://site-temasi.blogspot.com/">Hata Bildir</a></li><li class="page_item page-item-34"><a href="http://site-temasi.blogspot.com/">Tasarımını Yolla</a></li></ul></div>
        </div>
        <div class="arama">
         <form method="get" id="searchform" action="/Arama.htm" >
<input class="searchbg" type="text" name="s" id="s" onfocus="if (this.value == 'Ara ...') {this.value = 'Ara...';}" onblur="if (this.value == 'Ara...') {this.value = 'Ara ...';}" placeholder="Aranacak Kelime..." />
<button type=submit >Ara</button>
</form>
            <div class="temizle"></div>
        </div>
        <div class="temizle"></div>
    </div>
    <div class="header1">
     <div class="logo"><a href="http://tasarimkodu.blogspot.com/" title="TasarimKodu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh67L1ZtVRPK8TGrXG757ZvYEqa6bZJKUffaDQ89mfgCSS5qi3UAvgWy_XT_k6bMBwjc3txp38eugYynM6x3qkWdfh31OzyhLABx33kEDTAxOr9XqzYQqTnBrxQFzrzfoL7VQb61l4sqTI/s1600/tasarimkodu-logo-1.png" width="400" height="80" alt="Site Temasi Css Tr.gg Blogger Wordpress Html Kodlar" /></a></div>
    <div class="ustreklam"><img src="http://img.webme.com/pic/s/site-temasi/reklamalani.png" width="468" height="60" alt="reklam" /></div>
        <div class="temizle"></div>
    </div>
    <div class="alt">
     <div class="altmenu">
         <div class="menu"><ul><li class="page_item page-item-37"><a href="http://tasarimkodu.blogspot.com/">Ana Sayfa</a></li><li class="page_item page-item-33 current_page_item"><a href="#">Tr.gg Temaları</a></li><li class="page_item page-item-2"><a href="#">Blogger Temaları</a></li><li class="page_item page-item-34"><a href="#">WordPress Temaları</a></li>
<li class="page_item page-item-33 current_page_item"><a href="#">Html Kodlar</a></li>
<li class="page_item page-item-33 current_page_item"><a href="http://site-temasi.tr.gg/Ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-33 current_page_item"><a href="#">Toplist</a></li>
</ul></div>
        </div>
        <div class="sosyallink">
         <a href="https://www.facebook.com/mertcaglarrr" title="Facebook Hesabım" ><div class="facebook"></div></a>
            <a href="#" title="Twitter Adresim" ><div class="twitter"></div></a>
            <a href="#" title="RSS Beslemeleri"><div class="rss"></div></a>
        </div>
        <div class="temizle"></div>
    </div>
    <div class="temizle"></div>
    <div class="icerik"><div class="navigasyon"> Kategori »</div>
<div class="temizle"></div>
<div class="cizgi"></div>
<div class="temizle"></div>

Tasarımın altındaki yazı:

<div class="temizle"></div>
<div class="cizgi"></div> <br/>
 </div>
<div class="sidebar">

          <div class="ciftsutun">
         <div class="bilesenbaslik">Kategoriler</div>
         <ul>
     <li class="cat-item cat-item-2"><a href="http://site-temasi.blogspot.com/" title="Tr.gg Temaları">Tr.gg Temaları</a>
<span dir='ltr'>(23)</span>
</li>
 <li class="cat-item cat-item-3"><a href="#" title="Blogger Temaları">Blogger Temaları</a>
<span dir='ltr'>(4)</span>
</li>
 <li class="cat-item cat-item-4"><a href="#" title="WordPress Temaları">WordPress Temaları</a>
<span dir='ltr'>(1)</span>
</li>
 <li class="cat-item cat-item-5"><a href="#" title="Html Kodlar">Html Kodlar</a>
</li>
 <li class="cat-item cat-item-6"><a href="http://site-temasi.tr.gg/Ziyaretci-defteri.htm" title="Ziyaretçi Defteri">Ziyaretçi Defteri</a>
</li>
 <li class="cat-item cat-item-7"><a href="#" title="Toplist">Toplist</a>
</li>
            </ul>
            <div class="temizle"></div>
        </div>  


          <div class="bilesenbaslik">Sponsor Reklamlar</div>
  <div class="sponsorreklamlar">
         <div class="reklam125"><a href="http://tasarimkodu.blogspot.com/" title="TasarimKodu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJwG8zzqCzAv6JBjDX-kq7wyypnUAqpOAYNRVOXCPSvbXERrE01Q7lMGI1lqcJpCYd5wv79NC_S8wx9QeVJ_dwIyUHEbLyxkbMK2tu6N-XupLxlcODHTGnvm-bLKHAsthHrkYeouc-xf4/s1600/TasarimKodu-125x125-Reklam.gif" alt="Reklam" width="125" height="125" /></a></div>
            <div class="reklam125"><a href="#" title="Reklam Açıklaması"><img src="http://img.webme.com/pic/s/site-temasi/125reklam.png" alt="Reklam" width="125" height="125" /></a></div>
   <div class="reklam125"><a href="#" title="Reklam Açıklaması"><img src="http://img.webme.com/pic/s/site-temasi/125reklam.png" alt="Reklam" width="125" height="125" /></a></div>
   <div class="reklam125"><a href="#" title="Reklam Açıklaması"><img src="http://img.webme.com/pic/s/site-temasi/125reklam.png" alt="Reklam" width="125" height="125" /></a></div>
            <div class="temizle"></div>
        </div>


          <div id="tabmenu">
         <ul id="tabbaslik">
             <li class="aktif">Son Temalar</li>
                <li>Popüler Tema</li>
                <li>Son Yorumlar</li>
            </ul>
            <div class="temizle"></div>
            <div class="tab">
                             <div class="sonyazi">
    <div class="sonresim"><img width="166" height="125" src="http://img.webme.com/pic/s/sitetemasi/Psdup-Temasi.png" class="attachment-post-thumbnail wp-post-image" alt="zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Psdup Teması">Psdup Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">24 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Psdup Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                       <div class="sonyazi">
    <div class="sonresim"><img width="102" height="125" src="http://img.webme.com/pic/s/sitetemasi/Grim-Si-v3-Temasi.png" class="attachment-post-thumbnail wp-post-image" alt="koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Grim-Si v3 Teması">Grim-Si v3 Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">20 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Grim-Si v3 Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                       <div class="sonyazi">
    <div class="sonresim"><img width="212" height="125" src="http://img.webme.com/pic/s/sitetemasi/Kavanoz-V1-Tasarim.png" class="attachment-post-thumbnail wp-post-image" alt="dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Kavanoz v1 Teması">Kavanoz v1 Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">19 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Kavanoz v1 Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                                               </div>
            <div class="tab">
                             <div class="sonyazi">
    <div class="sonresim"><img width="212" height="125" src="http://img.webme.com/pic/s/sitetemasi/Echo-v2-Web-Portal.png" class="attachment-post-thumbnail wp-post-image" alt="dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Echo V2 Portal Teması">Echo V2 Portal Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">10 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Echo V2 Portal Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                       <div class="sonyazi">
    <div class="sonresim"><img width="102" height="125" src="http://img.webme.com/pic/s/sitetemasi/Ruzgar-v1.png" class="attachment-post-thumbnail wp-post-image" alt="koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Rüzgar v1 Teması">Rüzgar v1 Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">9 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Rüzgar v1 Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                       <div class="sonyazi">
    <div class="sonresim"><img width="166" height="125" src="http://img.webme.com/pic/s/sitetemasi/portakalblog.png" class="attachment-post-thumbnail wp-post-image" alt="zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b" /></div>
                <div class="sonsag">
                 <div class="sonbaslik"><a href="http://site-temasi.blogspot.com/" title="Portakal Blog Teması">Portakal Blog Teması</a></div>
                    <div class="sonbilgiler">
                     <div class="sontarih">3 Aralık 2014</div>
                        <div class="sonyazar">Mert Çağlar</div>
                        <div class="sonyorum"><a href="#" title="Portakal Blog Teması için yapılan yorumlar">Yorumları Gör</a></div>
                        <div class="sonokunma">Okunma</div>
                        <div class="temizle"></div>
                    </div>
                    <div class="temizle"></div>
                </div>
                </div>
                <div class="temizle"></div>
                                               </div>
            <div class="tab">
              
 
<div class="sonyorumm"><div class="sonyorumisim">www1internetinkrali</div><div class="sonyorumyorum"><a href="#" rel="external nofollow" title="Ziyaretçi Defteri'ne Yazılan Yorum">Baharat V1 İşe Yaramadı :'( :'( :'(</a></div><div class="temizlik"></div>
</div> 
 
<div class="sonyorumm"><div class="sonyorumisim">mustafaozkara</div><div class="sonyorumyorum"><a href="#" rel="external nofollow" title="Ziyaretçi Defteri'ne Yazılan Yorum">site biraz karışık ve tasarımların alıntıdır.kardasim bilgin olsun ???</a></div><div class="temizlik"></div>
</div> 
 
<div class="sonyorumm"><div class="sonyorumisim">404fm</div><div class="sonyorumyorum"><a href="#" rel="external nofollow" title="Ziyaretçi Defteri'ne Yazılan Yorum">Siteniz güzel dahada geliştirebilirsiniz başarılar :)</a></div><div class="temizlik"></div>
</div> 
 
<div class="temizle"></div>
        </div></div>
            </div>
    <div class="temizle"></div>
<div class="footeryapi">
               <div class="temizle"></div>
    </div>
    <div class="footeralt">
      <div class="telif">Copyright © Tüm Hakları Saklıdır - Sitenizin İsmi Buraya</div><div class="imza">Tasarımcı:<a href="http://burakisci.com/" title="Burak İşci">Burak İşci</a></div><div class="imza">Entegre Sahibi:<a href="http://tasarimkodu.blogspot.com/" title="TasarimKodu">TasarimKodu  </a></div><div class="temizle"></div>
    </div>
</div>
</body>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41881209-1', 'ertandonmez.com.tr');
  ga('send', 'pageview');

</script>

</html>
<center>

CSS kodu:

h1#title{display: none;}
h2#title span {enable: none;
float: left;
margin-top:-30px;
margin-left:64px;
font-size:10px;
color:#999;
text-transform:uppercase;
}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}



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




/*
Theme Name: Sipsi
Theme URI: http://www.ertandonmez.com.tr/
Author: Ertan Dönmez
Author URI: http://www.ertandonmez.com.tr/
Description: Sade , şık ve SEO uyumlu olarak hazırlanmış Sipsi V2 portal teması
Version: 2
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body {background:url(http://img.webme.com/pic/s/site-temasi/arkaplan.png);margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#888;}
.temizle {clear:both;}
.govde {width:960px;margin-left:auto;margin-right:auto;background:#fff;box-shadow: 0px 0px 25px #999999;}
ul {margin:0;}
img {border:none;}
.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.alignright {float:right; margin:0 0 1em 1em} 
.alignleft {float:left; margin:0 1em 1em 0}
blockquote {background:#fafafa;border:1px solid #eee;padding:5px;font-style:italic;background-image:url(http://img.webme.com/pic/s/site-temasi/alinti.png);background-repeat:no-repeat;background-position:5px 5px;}
blockquote p {margin-left:25px;}
h1{font-size:18px;margin:10px;}
h2{font-size:15px;margin:10px;}
h3{font-size:13px;margin:10px;}
h4{font-size:11px;margin:10px;}
h5{font-size:9px;margin:10px;}
h5{font-size:8px;margin:10px;}
a {text-decoration:none;color:#328cd6;}
a:hover {text-decoration:underline;}
.ust {height:40px;background:url(http://img.webme.com/pic/s/site-temasi/ust.png);overflow:hidden;}
.ustmenu {width:700px;overflow:hidden;}
.ustmenu ul {padding:0;margin-top:10px;margin-left:10px;}
.ustmenu a {color:#fff;}
.ustmenu li {float:left;list-style:none;margin-right:15px;}
.arama {float:right;width:260px;overflow:hidden;margin-top:-18px;text-align:right;margin-right:10px;}
.arama input{width:127px;font-size:10px;height:13px;margin-left:5px;padding:3px;border:1px solid #000;background:#fff;color:#aaa;}
.arama button{width:25px;height:21px;color:#fff;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);text-indent:-9999px;background-repeat:no-repeat;border:none;cursor:pointer;margin-left:-5px;font-size:11px;padding:0;background-position: 0 0;}
.header1 {height:100px;width:960px;background:#fff;background: -moz-linear-gradient(#fff, #f6f6f6);background: -webkit-linear-gradient(#fff,#f6f6f6);background: -o-linear-gradient(#fff,#f6f6f6);background: -ms-linear-gradient(#fff,#f6f6f6);background: linear-gradient(#fff,#f6f6f6);}
.logo {float:left;width:400px;height:80px;margin-left:20px;margin-top:10px;}
.logo img {width:400px;height:80px;}
.ustreklam {width:468px;height:60px;float:right;margin-right:30px;margin-top:20px;border:2px solid #eaeaea;}
.ustreklam img {width:468px;height:60px;}
.alt {height:30px;background:#328cd6;background: -moz-linear-gradient(#328cd6, #1f6dad);background: -webkit-linear-gradient(#328cd6,#1f6dad);background: -o-linear-gradient(#328cd6,#1f6dad);background: -ms-linear-gradient(#328cd6,#1f6dad);background: linear-gradient(#328cd6,#1f6dad);}
.altmenu {float:left;width:870px;overflow:hidden;}
.altmenu ul {padding:0;margin-top:6px;}
.altmenu a {color:#fff;}
.altmenu li {float:left;list-style:none;font-size:12px;margin-right:10px;border-left:1px solid #1f6dad;padding-left:10px;}
.sosyallink {float:right;padding:7px;width:70px;overflow:hidden;}
.facebook {background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -71px;width:16px;height:16px;float:left;margin-right:7px;}
.twitter {background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -649px;width:16px;height:16px;float:left;margin-right:7px;}
.rss {background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -285px;width:16px;height:16px;float:left;}
.icerik {width:620px;float:left;}
.indexkutu {width:290px;float:left;margin-left:18px;margin-top:20px;border:1px solid #ddd;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.indexresim {width:290px;height:125px;}
.indexresim img {width:290px;height:125px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px;border-bottom:1px solid #ddd;}
.indexbaslik {margin:5px;height:15px;overflow:hidden;}
.indexbaslik a {color:#328cd6;font-weight:bold;font-size:12px;}
.indexyazi {font-size:11px;line-height:17px;margin:5px;height:50px;overflow:hidden;}
.indexalt {width:280px;background:#f3f3f3;padding:5px;font-size:10px;color:#aaa;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px;}
.indextarih {float:left;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -588px;background-repeat:no-repeat;padding-left:15px;}
.indexyorum {float:right;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-repeat:no-repeat;background-position: 0 -787px;padding-left:15px;}
.indexyorum a {color:#aaa;}
.sidebar {width:298px;float:right;padding:10px;border-left:1px solid #ddd;}
.bilesen {margin-bottom:20px;}
.bilesen ul {padding-left:20px;}
.bilesen li {padding:3px;border-bottom:1px dashed #ddd;}
.bilesen li a {color:#888;}
.bilesen a:hover {color:#328cd6;}
.bilesen a {color:#328cd6;}
.bilesenbaslik {height:20px;background:#328cd6;background: -moz-linear-gradient(#328cd6, #1f6dad);background: -webkit-linear-gradient(#328cd6,#1f6dad);background: -o-linear-gradient(#328cd6,#1f6dad);background: -ms-linear-gradient(#328cd6,#1f6dad);background: linear-gradient(#328cd6,#1f6dad);font-weight:bold;font-size:12px;margin-bottom:10px;color:#fff;padding-left:10px;padding-top:5px;}
.ciftsutun {margin-bottom:20px;}
.ciftsutun ul {padding-left:0;}
.ciftsutun li {padding:3px;border-bottom:1px dashed #ddd;width:120px;float:left;margin-right:20px;list-style:none;}
.ciftsutun li a {color:#888;}
.ciftsutun a:hover {color:#328cd6;}
.sponsorreklamlar {width:296px;padding-bottom:10px;margin-bottom:20px;}
.reklam125 {float:left;border:1px solid #ddd;margin-top:10px;margin-left:13px;}
#tabmenu {width:298px;margin-top:20px;border:1px solid #ddd;background:#328cd6;background: -moz-linear-gradient(#328cd6, #1f6dad);background: -webkit-linear-gradient(#328cd6,#1f6dad);background: -o-linear-gradient(#328cd6,#1f6dad);background: -ms-linear-gradient(#328cd6,#1f6dad);background: linear-gradient(#328cd6,#1f6dad);margin-bottom:20px;}
ul#tabbaslik {width:298px;margin-left:-41px;}
#tabmenu .aktif {background:#328cd6;background: -moz-linear-gradient(#328cd6, #1a5585);background: -webkit-linear-gradient(#328cd6,#1a5585);background: -o-linear-gradient(#328cd6,#1a5585);background: -ms-linear-gradient(#328cd6,#1a5585);background: linear-gradient(#328cd6,#1a5585);}
ul#tabbaslik li {float:left;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;border-left:1px solid #1f6dad;background:#328cd6; background:-moz-linear-gradient(#328cd6, #1f6dad);background: -webkit-linear-gradient(#328cd6,#1f6dad);background: -o-linear-gradient(#328cd6,#1f6dad);background: -ms-linear-gradient(#328cd6,#1f6dad);background: linear-gradient(#328cd6,#1f6dad);color:#fff;font-size:12px;font-weight:bold;list-style:none;}
ul#tabbaslik li a {display:block;}
.tab {background:#fff;padding:0px 10px 10px 10px;border-top:1px solid #ddd;}
.sonyazi {margin-top:15px;}
.sonresim {border:1px solid #eee;width:64px;height:64px;float:left;}
.sonresim img {width:64px;height:64px;}
.sonsag {float:right;width:200px;}
.sonbaslik {font-size:11px;font-weight:bold;overflow:hidden; max-height:25px;}
.sonbilgiler {color:#aaa;font-size:10px;margin-top:5px;}
.sonbilgiler a {color:#aaa;}
.sontarih {float:left;width:85px;background-image:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -409px;height: 12px;background-repeat:no-repeat;;padding-left:15px;margin-bottom:5px;}
.sonyazar {float:left;width:85px;background-image:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -469px;height: 11px;background-repeat:no-repeat;padding-left:15px;margin-bottom:5px;}
.sonyorum {float:left;width:85px;background-image:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -528px;height: 12px;background-repeat:no-repeat;padding-left:15px;}
.sonokunma {float:left;width:85px;background-image:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -349px;height: 12px;background-repeat:no-repeat;padding-left:15px;margin-top:-12px;}
.sonyorumm {margin-top:15px;}
.sonyorumisim {font-weight:bold;}
.sonyorumyorum {font-size:10px;color:#aaa;}
.footeryapi {background:#f9f9f9;background: -moz-linear-gradient(#f9f9f9, #f3f3f3);background: -webkit-linear-gradient(#f9f9f9,#f3f3f3);background: -o-linear-gradient(#f9f9f9,#f3f3f3);background: -ms-linear-gradient(#f9f9f9,#f3f3f3);border-top:1px solid #ddd;}
.footerbilesen {width:300px;float:left;margin:20px 10px;}
.footerbilesen ul {padding-left:20px;color:#328cd6;}
.footerbilesen li {padding-left:0px;}
.footerbilesen li a {color:#888;}
.footerbilesen a:hover {text-decoration:underline;}
.footerbaslik {font-weight:bold;font-size:14px;padding-bottom:3px;border-bottom:2px solid #328cd6;color:#328cd6;margin-bottom:10px;}
.footeralt {background:url(http://img.webme.com/pic/s/site-temasi/ust.png);height:20px;border-top:3px solid #328cd6;overflow:hidden;padding:10px;font-size:11px;color:#ddd;}
.telif {float:left;}
.imza {float:right;}
.imza a {color:#ddd;}
.navigasyon {font-size:10px;padding:5px 10px;width:621px;color:#999;background:#f9f9f9;background: -moz-linear-gradient(#f9f9f9, #f3f3f3);background: -webkit-linear-gradient(#f9f9f9,#f3f3f3);background: -o-linear-gradient(#f9f9f9,#f3f3f3);background: -ms-linear-gradient(#f9f9f9,#f3f3f3);background: linear-gradient(#f9f9f9,#f3f3f3);border-bottom:1px solid #ddd;height:11px;overflow:hidden;
text-transform:uppercase;
font-weight: bold;
}
.navigasyon a {color:#999;}
.icerik h2 {margin:10px;color:#666;font-size:14px;}
.yazireklam {width:250px;height:250px;float:left;margin-right:10px;border:1px solid #eee;}
.konu {margin-left:10px;}
.konu h2 {margin:10px;color:#666;font-size:14px;}
.konubilgi {font-size:10px;margin-left:10px;margin-top:-10px;}
.konubilgi a {color:#888;}
.konubaslik {background:#328cd6;padding:5px 10px;font-weight:bold;color:#fafafa;width:100px;}
.konubaslik a {color:#fafafa;}
.etiket {font-size:10px;margin-left:10px;margin-bottom:15px;}
.sosyal {width:100%;}
.facebook_p {width:24px;height:24px;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -137px;float:right;opacity:0.75;margin-left:1%;}
.twitter_p {width:24px;height:24px;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -715px;float:right;opacity:0.75;margin-left:1%;}
.gplus_p {width:24px;height:24px;background:url(http://img.webme.com/pic/s/site-temasi/blog.png);background-position: 0 -211px;float:right;opacity:0.75;margin-left:1%;}
.facebook_p:hover, .twitter_p:hover, .gplus_p:hover {opacity:1;}
.cizgi {background:#328cd6;height:3px;}
.benzerkutu {width:290px;margin:10px;float:left;}
.benzerresim {width:290px;height:125px;border:1px solid #eee;}
.benzerresim img {width:290px;height:125px;}
.benzerbaslik {font-weight:bold;font-size:12px;margin:5px 0px;width:290px;height:15px;overflow:hidden;}
.benzerbilgi {width:290px;font-size:11px;}
.benzerbilgi a {color:#888;}
.benzertarih {float:left;background:url(http://img.webme.com/pic/s/site-temasi/blog.png) no-repeat;background-position: 0 -409px;padding-left:13px;}
.benzeryorum {float:right;background:url(http://img.webme.com/pic/s/site-temasi/blog.png) no-repeat;background-position: 0 -528px;padding-left:13px;}
.wp-pagenavi{clear:both;margin-top:20px;text-align:center;margin-bottom:10px;width:630px;}
.wp-pagenavi a, .wp-pagenavi span{color:#aaa;text-decoration:none;border:1px solid #ddd;padding:3px 5px;margin:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.wp-pagenavi a:hover{background:#f3f3f3;;color:#aaa;}
.wp-pagenavi span.current{color:#aaa;font-weight:bold;background:#f3f3f3;}
#commentsbox{margin-top:10px;margin-left:-15px;width:655px;}
h3#comments{font-size:24px;color:#222827;font-weight:bold;padding:10px 25px;margin-top:10px;}
.commentlist{margin-left:-40px;clear:both;overflow:hidden;list-style:none;}
.commentlist li{margin:5px 25px;line-height:18px;padding:10px;border:1px solid #eee;background:#fefefc;width:90%;list-style:none;height:auto;}
.comment-author{color:#393631;}
.comment-author a:link,.comment-author a:visited{color:#393631;font-weight:bold;text-decoration:none;}
.fn{color:#393631;}
.fn{color:#393631;font-style:normal;}
.avatar{float:right;border:1px solid #ddd;background:#fff;padding:3px;}
.comment-meta{font-size:10px;}
.commentmetadata{color:#000;}
.comment-meta a{color:#898989;text-decoration:none;}
.reply{margin-top:10px;font-size:10px;}
.reply a{background:#328cd6;border:1px solid #1f6dad;color:#fff;text-decoration:none;padding:3px 10px;}
.children{list-style:none;margin:1em 0 0;text-indent:0;}
.depth-2{margin:0 0 0px 50px;}
.depth-3{margin:0 0 0px 50px;}
.depth-4{margin:0 0 0px 50px;}
.depth-5{margin:0 0 0px 50px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#00608F;}
#respond{padding:0px 0px;margin:10px 0px;}
#respond a{color:#DF4E00;}
#respond h3{font-size:14px;color:#fff;background:#FFAB06;font-weight:bold;padding:10px 10px;}
#commentform{padding:10px 0px;margin:0px 25px;}
#commentform p{margin:5px 0px;color:#444;}
#respond label{display:block;padding:5px 0;color:#444;}
#respond label small{font-size:10px;}
#respond input{margin-bottom:10px;padding:5px 5px;margin:0 10px 10px 0;background:#f5f6f9;border:1px solid #ddd;color:#555;}
#commentform input{width:50%;}
#commentSubmit{background:#fefefe;border:1px solid #eee;color:#fff;text-decoration:none;padding:3px 10px;width:100px;margin:10px 0px;cursor:pointer;}
#comment{background:#f5f6f9;border:1px solid #DEE0E5;width:80%;margin:0px 0px 0px 0px;padding:5px 5px;color:#555;}

Ana sayfaya eklenecek kod:

    <div class="icerik"><div class="indexkutu">
   <a href="#" title="Cras non rutrum leo"><div class="indexresim"><img width="166" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b.jpg" class="attachment-post-thumbnail wp-post-image" alt="zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b" /></div></a>
            <div class="indexbaslik"><a href="#" title="Cras non rutrum leo">Cras non rutrum leo</a></div>
            <div class="indexyazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in cons...</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Cras non rutrum leo için yapılan yorumlar">6 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="indexkutu">
   <a href="#" title="Praesent fermentum risus diam"><div class="indexresim"><img width="102" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5.jpg" class="attachment-post-thumbnail wp-post-image" alt="koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5" /></div></a>
            <div class="indexbaslik"><a href="#" title="Praesent fermentum risus diam">Praesent fermentum risus diam</a></div>
            <div class="indexyazi">In tempor tincidunt justo at facilisis. Nam iaculis pellentesque dignissim. Maecenas dapibus enim quis nulla condimentum commodo. Cras eget turpis elementum metus porttitor congue sed ut dol...</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Praesent fermentum risus diam için yapılan yorumlar">6 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="indexkutu">
   <a href="#" title="Nam quis semper massa"><div class="indexresim"><img width="212" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6.jpg" class="attachment-post-thumbnail wp-post-image" alt="dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6" /></div></a>
            <div class="indexbaslik"><a href="#" title="Nam quis semper massa">Nam quis semper massa</a></div>
            <div class="indexyazi">Praesent a nisi in dolor bibendum ullamcorper. Pellentesque accumsan viverra varius. In adipiscing, velit varius euismod adipiscing, ipsum arcu egestas libero, at bibendum nisl libero a est....</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Nam quis semper massa için yapılan yorumlar">6 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="indexkutu">
   <a href="#" title="Praesent fermentum risus diam"><div class="indexresim"><img width="166" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b.jpg" class="attachment-post-thumbnail wp-post-image" alt="zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b" /></div></a>
            <div class="indexbaslik"><a href="#" title="Praesent fermentum risus diam">Praesent fermentum risus diam</a></div>
            <div class="indexyazi">In imperdiet fringilla augue, nec interdum enim euismod non. Proin feugiat hendrerit elit. In hendrerit ornare enim, sed ultricies ligula pulvinar in. Vestibulum tempor est at lorem interdum...</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Praesent fermentum risus diam için yapılan yorumlar">4 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="indexkutu">
   <a href="#" title="Proin feugiat hendrerit elit"><div class="indexresim"><img width="102" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5.jpg" class="attachment-post-thumbnail wp-post-image" alt="koton-ceket-102x125_ca9308b68020cc657280dd7dec8d7cb5" /></div></a>
            <div class="indexbaslik"><a href="#" title="Proin feugiat hendrerit elit">Proin feugiat hendrerit elit</a></div>
            <div class="indexyazi">Aliquam nisi est, ullamcorper vel rutrum et, volutpat a est. Aliquam vel lorem gravida leo scelerisque pellentesque vel id magna. Suspendisse a mi dignissim tortor dignissim pulvinar a non p...</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Proin feugiat hendrerit elit için yapılan yorumlar">3 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="indexkutu">
   <a href="#" title="Nam iaculis pellentesque dignissim"><div class="indexresim"><img width="212" height="125" src="http://demo.ertandonmez.com.tr/wp-content/uploads/2012/12/dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6.jpg" class="attachment-post-thumbnail wp-post-image" alt="dedeye-sahip-_C3_A7_C4_B1kal_C4_B1m-212x125_008f8bdb119e5b7db7db4897082044d6" /></div></a>
            <div class="indexbaslik"><a href="#" title="Nam iaculis pellentesque dignissim">Nam iaculis pellentesque dignissim</a></div>
            <div class="indexyazi">In tempor tincidunt justo at facilisis. Nam iaculis pellentesque dignissim. Maecenas dapibus enim quis nulla condimentum commodo. Cras eget turpis elementum metus porttitor congue sed ut dol...</div>
            <div class="indexalt">
             <div class="indextarih">2 sene önce yazıldı</div>
                <div class="indexyorum"><a href="#" title="Nam iaculis pellentesque dignissim için yapılan yorumlar">1 yorum</a></div>
                <div class="temizle"></div>
            </div>
         </div>
<div class="temizle"></div>
<div class='wp-pagenavi'><span>1/2</span><span class='current'>1</span><a href='#' class='inactive' >2</a></div></div>

Sipsi V2

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar