Tk-Blog V2

Bugün Sizlerle daha öncede sözünü ettiğimiz bir tasarımı paylaşacağız yani; TK-Blog V2 i. Tasarım ilk versiyonuna göre çok yeri değişti. Slider kaldırıldı onun yerine kısa konu anlatımları getirildi. Renklerde değişiklik oldu kısacası işte 'TK-Blog v2' ve kodları Güle Güle Kullanın. Sizden Tek Ricam En Alttaki 'Copyright' Bölümünü Değiştirmeyin..!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Duyuru Paneli
• Sol ve Üst Menü
• 728x90 Reklam Alanı

Tasarımın üzerindeki yazı: <div id="tasarim"> <div id="enust"> <table width="898" height="37" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;"><table width="650" border="0" align="left" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="21"><img src="http://img.webme.com/pic/t/tasarimkurdu/mvdyr.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/mvdyr.png" width="21" height="20" alt="" /></td> <td> <script type="text/javascript" src="http://www.mehmetduran.com/files/inner_fade/jquery.js"></script> <script type="text/javascript" src="http://www.mehmetduran.com/files/inner_fade/jquery.innerfade.js"></script> <script type="text/javascript"> $(document).ready( function(){ $('.yazi').innerfade({ animationtype: 'slide', speed: 850, timeout: 4000, type: 'random', containerheight: '20px' }); $('.resim').innerfade({ animationtype: 'fade', speed: 750, timeout: 2000, type: 'random', containerheight: '230px' }); }); </script> <div class="yazi"> <p><a href='#' _fcksavedurl='#'>Buraya Küçük Duyurularınızı , Eklediğiniz Konuların Başlıklarını Ekleyebilirsiniz.</a> </p> <p><a href='#' _fcksavedurl='#'> Buraya İkinci Duyurunuzu Ekleyebilirsiniz </a></p> <p><a href='#' _fcksavedurl='#'> Buraya Üçüncü Duyurunuzu Ekleyebilirsiniz </a></p> </div></td> </tr> </tbody> </table></td> <td style="text-align: right;"><table width="160" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="bulanik"><a href="https://www.facebook.com/Prestij94" _fcksavedurl="https://www.facebook.com/Prestij94"><img src="http://img.webme.com/pic/t/tasarimkurdu/facebook2.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/facebook2.png" width="22" height="21" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="https://twitter.com/aaabsent" _fcksavedurl="https://twitter.com/aaabsent"><img src="http://img.webme.com/pic/t/tasarimkurdu/twitter2.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/twitter2.png" width="22" height="21" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="https://plus.google.com/u/0/108099423071095698098/posts" _fcksavedurl="https://plus.google.com/u/0/108099423071095698098/posts"><img src="http://img.webme.com/pic/t/tasarimkurdu/gplus.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/gplus.png" width="22" height="20" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/linkedin.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/linkedin.png" width="22" height="21" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/email.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/email.png" width="22" height="21" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/rss2.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/rss2.png" width="22" height="21" alt="" /></a></div> </td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> <div id="ust"> <table width="898" height="120" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <div style="text-align: left;"><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/tbv2logo.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/tbv2logo.png" width="155" height="75" alt="" /></a></div></div> </td> <td><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/72890banner.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/72890banner.png" alt="" /></a> </td> </tr> </tbody> </table> </div> <div id="ustmenuarka"> <div id="ustmenu"> <li class="active"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/hme.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/hme.png" width="28" height="21" alt="" /></a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="http://tasarimkurdu.tr.gg/Forum.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/Forum.htm">Forum</a></li> <li><a href="#" _fcksavedurl="#">Yazarlarımız</a></li> <li><a href="#" _fcksavedurl="#">Galeri</a></li> <li><a href="#" _fcksavedurl="#">Köşe Yazıları</a></li> <li><a href="#" _fcksavedurl="#">Üye Ol</a></li> <li><a href="#" _fcksavedurl="#">Üye Girişi</a></li> <li><a href="#" _fcksavedurl="#">Reklam</a></li> </ul> </div> </div><div id="ustkonu"> <table width="895" height="180" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td align="center"> <div id="altack"> <div id="oyunack"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/konuresim12.jpg" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/konuresim12.jpg" width="144" height="145" alt="" /></a><table width="143" height="144" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center"> Buraya Konunuz ile İlgili Yazılar Yazınız.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Buraya Konunuz ile İlgili Yazılar </td> </tr> </tbody> </table></div> </div> </td> <td align="center"> <div id="altack"> <div id="oyunack"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/konuresim1.jpg" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/konuresim1.jpg" width="144" height="145" alt="" /></a><table width="143" height="144" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center"> Buraya Konunuz ile İlgili Yazılar Yazınız.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Buraya Konunuz ile İlgili Yazılar </td> </tr> </tbody> </table></div> </div> </td> <td align="center"> <div id="altack"> <div id="oyunack"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/konuresim3.jpg" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/konuresim3.jpg" width="144" height="145" alt="" /></a><table width="143" height="144" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center"> Buraya Konunuz ile İlgili Yazılar Yazınız.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Buraya Konunuz ile İlgili Yazılar </td> </tr> </tbody> </table></div> </div> </td> </tr> </tbody> </table></div> <div id="icerik"> <div id="yanmenusol"> <table width="175" border="0" cellpadding="1" cellspacing="1" align="center"> <tbody> <tr> <td><img src="http://img.webme.com/pic/b/belenlee-tr/ktgri.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ktgri.png" alt="" /></td> </tr> <tr> <td> <div id="cssmenu"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html"><span>Css</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Bilgisayar</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Teknoloji</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Sosyal Medya</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Telefon</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Eğitim</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Oyunlar</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Tasarım</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Gündem</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Magazin</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Spor</span></a></li> <li class="last"><a href="#" _fcksavedurl="#"><span>Kültür</span></a></li> </ul> </div> </td> </tr> <tr> <td><img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="191" height="3" alt="" /></td> </tr> <tr> <td><img src="http://img.webme.com/pic/b/belenlee-tr/sek.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/sek.png" alt="" /> </td> </tr> <tr> <td><table width="191" cellspacing="0" cellpadding="0" border="0" align="center" height="123"> <tbody> <tr> <td height="5" colspan="2"> </td> </tr> <tr> <td rowspan="1"> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a><br /> <img src="http://img.webme.com/pic/b/belenlee-tr/tik4.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik4.png" alt="" /> <a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı </a></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td> </td> </tr> </tbody> </table></td> </tr> <tr> <td><img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="190" height="3" alt="" /></td> </tr> <tr> <td><img src="http://img.webme.com/pic/d/designbelenlee/dosts.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/dosts.png" width="117" height="19" alt="" /></td> </tr> <tr> <td><table width="110" border="0" align="left" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" alt="" /></td> <td><div id="linksov"><a href="#" _fcksavedurl="#">Dost Site Linki</a></div></td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div><div id="icerik2"> <div id="icerik3">

Tasarımın altındaki yazı: </div></div> </div> <div id="alt"> <table width="894" height="140" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="222" style="text-align: center;" height="35"> <div style="text-align: left;"><br /><span style="font-size: medium;">Hakkımızda</span></div> <div style="text-align: left;"><img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="200" height="3" alt="" /></div> </td> <td width="222" rowspan="1"><br /><span style="font-size: medium;">Ana Sayfa</span><br /> <img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="200" height="3" alt="" /></td> <td width="222" rowspan="1"><br /><span style="font-size: medium;">Galeri</span><br /> <img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="200" height="3" alt="" /></td> <td rowspan="1"><br /><span style="font-size: medium;">Hızlı Erişim</span><br /> <img src="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mviczgi.png" width="200" height="3" alt="" /></td> </tr> <tr> <td><table width="200" height="50" border="0" align="left" cellpadding="0" cellspacing="0"> <tbody> <tr> <td>Buraya Hakkınızda Kısa bir Bilgi Yazabilirsiniz.Buraya Hakkınızda Kısa bir Bilgi Yazabilirsiniz.Buraya Hakkınızda Kısa bir Bilgi Yazabilirsiniz. Buraya Hakkınızda Kısa bir Bilgi Yazabilirsiniz. Buraya Hakkınızda Kısa bir Bilgi Yazabilirsiniz.<br /></td> </tr> </tbody> </table></td> <td rowspan="1"><table width="120" border="0" align="left" cellpadding="2" cellspacing="2"> <tbody> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Vizyonumuz</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Misyonumuz</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Bize Ulaşın</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Yorumlar</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Toplist</a></div> </td> </tr> <tr> <td width="10"> </td> <td> <div id="linksov"> </div> </td> </tr> </tbody> </table></td> <td rowspan="1"><table width="200" height="110" border="0" align="left" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;"><div id="resgaleri"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/galeri01.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/galeri01.png" width="90" height="50" alt="" /></a></div></td> <td style="text-align: left;"><div id="resgaleri"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/galeri01.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/galeri01.png" width="90" height="50" alt="" /></a></div></td> </tr> <tr> <td style="text-align: left;"><div id="resgaleri"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/galeri01.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/galeri01.png" width="90" height="50" alt="" /></a></div></td> <td style="text-align: left;"><div id="resgaleri"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/d/designbelenlee/galeri01.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/galeri01.png" width="90" height="50" alt="" /></a></div></td> </tr> </tbody> </table></td> <td rowspan="1"><table width="120" border="0" align="left" cellpadding="2" cellspacing="2"> <tbody> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Son Dakika</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Spor</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Teknoloji</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Telefon</a></div> </td> </tr> <tr> <td width="10"><img src="http://img.webme.com/pic/d/designbelenlee/mvok.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/mvok.png" alt="" /></td> <td> <div id="linksov"><a href="#" _fcksavedurl="#">Magazin</a></div> </td> </tr> <tr> <td width="10"> </td> <td> <div id="linksov"> </div> </td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> <div id="enalt"> <table width="896" height="33" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="text-align: left;">© 2014 <a href="#" _fcksavedurl="#">Siteadı</a> | Tüm Hakları Saklıdır | <a href="#" _fcksavedurl="#">TK-Blog V2</a> | Bu Blogtaki Yazılar Şahsımıza Aittir, Kaynak Gösterilmeden Kullanılması Halinde Gerekli İşlemler Yapılacaktır</td> <td style="text-align: right;">Bugünkü Hit: 11 | Klik:100</td> </tr> </tbody> </table> </div> </div><center><br /><table width="130" border="0" cellpadding="1" cellspacing="1" height="10" align="center"> <tbody> <tr> <td><span style="font-size: x-small;"><span style="color: #2C8EB4;">Tema:</span></span></td> <td><a href="http://tasarimkurdu.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://tasarimkurdu.tr.gg/Ana-Sayfa.htm" target="_blank"><img src="http://img.webme.com/pic/d/designbelenlee/altlogo02.png" _fcksavedurl="http://img.webme.com/pic/d/designbelenlee/altlogo02.png" width="76" height="9" alt="" /></a></td> </tr> </tbody> </table><br />

CSS kodu: /*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table{margin-left:auto;margin-right:auto;} 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 { margin:0; padding:0; width:100%; color:#333333; font:normal 13px/1.8em Arial, Helvetica, sans-serif; background:#538136 url(http://img.webme.com/pic/d/designbelenlee/3202.jpg) fixed top center; background-size:cover; -moz-background-size:cover; } html, .main { padding:0; margin:0; } .main { } .clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; } .logo { margin:0; padding:0; float:left; width:auto; } h1 { margin:0; padding:36px 0 36px 40px; color:#feffff; font:bold 40px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px; } h1 a, h1 a:hover { color:#feffff; text-decoration:none; } h1 small { display:block; padding-left:80px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; color:#edf3f6; letter-spacing:normal; } h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#323a3f; } p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec { text-align:left; } a { color:#0E16F0; text-decoration:underline; } a.com { } #taarim { margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; } .logo{ border: 0px solid #ffffff; margin-top: 10px; margin-left: ; } a { font-size: 13px; color:#009cff; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#39DB47; text-decoration: crosses the cut; } #tasarim{ margin-left:auto; width:900px; margin-right:auto; } img { border: 0px; } #enust{ box-shadow:0px 0px 0px #000000; border: px solid #ffffff; text-align: right; height: 37px; border: px solid #000000; background: #ffffff url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top; padding-top: 0px; padding-right: 0px; width:900px; border-radius: 0px 0px 0px 0px; margin:auto; color:#A6C0CC; font-size:12px; font-family: Arial; filter: alpha(opacity=80); opacity: 0.8; } .yazi { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; margin-top:-40px; } .yazi a { color: #94C4DA; } .yazi a:hover { color: #65CA85; } #ust{ box-shadow:0px 3px 1px #; border: px solid #ffffff; text-align: right; height: 120px; border: px solid #000000; background: #ffffff url(http://img.webme.com/pic/d/designbelenlee/tkblogv2mv.png) no-repeat left; background-size:cover; -moz-background-size:cover; padding-top: 0px; padding-right: 0px; width:900px; border-radius: 0px 0px 0px 0px; } #ustmenuarka{ box-shadow:0px 0px 0px #000000; padding-top:px; font-size:17px; color:#ffffff; height:40px; clear:both; margin-top:0px; background: #ffffff url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x bottom; filter: alpha(opacity=80); opacity: 0.8; } #ustmenu { list-style-type: none; padding-top: 3px; margin-left: 5px; } #ustmenu li { display: inline; } #ustmenu li a { font-size:13px; font-family: Arial; font-weight:bold; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; text-decoration: none; padding: .9em 0.7em; color: #94C4DA; background-color: none; } #ustmenu .active a, #ustmenu li a:hover { box-shadow:0px 0px 0px #; color: #ffffff; background: #23A0DA; url(http://img.webme.com/pic/d/designbelenlee/menuok02.png)no-repeat bottom center; border-radius: 0px 0px 0px 0px; } #ustkonu { box-shadow:0px 0px 5px #AAAAAA; width: 900px; height: 172px; margin-top: 5px; overflow: hidden; font-size: 13px; color: #808080; font-family: Arial; text-decoration: none; padding: px; background: #ffffff; url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top; margin-left:auto; margin-right:auto; } #yanmenusol { float: left; margin-top: 10px; margin-left: 10px; margin-bottom: 30px; height: auto; width: 195px; padding-top:5px; color: #94C4DA; font-size:17px; font-family: ımpact; text-align: left; background: #FAFDFF url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top center; box-shadow:0px 0px 3px #5A5A5A; } #yanmenusol a { font-size:12px; font-family: Arial; color:#A6C0CC; } #yanmenusol a:hover { font-size:12px; font-family: Arial; color:#65CA85; } #linksov { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } #linksov:hover { padding-left:10px; } #icerik{ width: 900px; height: auto; margin-top:8px; overflow: hidden; background-color: #ffffff; background-repeat: no-repeat; background-image: none; box-shadow:0px 0px 5px #AAAAAA; } #icerik2{ background: #FAFDFF url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top center; box-shadow:0px 0px 3px #5A5A5A; margin-right: 10px; margin-top: 10px; margin-bottom: 30px; width: 670px; color: #A6C0CC; font-size: 15px; font-family: tahoma; text-align: left; float:right; } #icerik3{ margin-top: -50px; margin-bottom: 10px; width: 670px; height: auto; } #alt { box-shadow:0px 0px 5px #AAAAAA; width: 900px; height: 160px; margin-top: 5px; overflow: hidden; font-size: 12px; color: #3E97B3; font-family: Arial; text-decoration: none; padding: px; background: #FAFDFF url(http://img.webme.com/pic/d/designbelenlee/tkblogv2mv.png)repeat top; margin-left:auto; margin-right:auto; line-height:1.2em; background-size:cover; -moz-background-size:cover; } #alt a{ font-family: Arial; font-size: 12px; color: #2C8EB4; text-decoration: none; } #alt a:hover{ font-size: 12px; color: #A6C0CC; text-decoration: none; } #altack{ margin-top: -15px; height: 146px; width: 290px; padding-top:5px; color: #A6C0CC; font-size:12px; font-family: Arial; text-align: left; background: #F8FDFF url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top center; box-shadow:0px 0px 1px #BDBDBD; line-height:1.2em; } #enalt { box-shadow:0px 0px 0px #000000; width: 900px; height: 35px; margin-top: 0px; overflow: hidden; font-size: 11px; color: #3E97B3; font-family: Arial; text-decoration: none; padding: px; background: #F0FBFF url(http://img.webme.com/pic/d/designbelenlee/mviczgi.png)repeat-x top; margin-left:auto; margin-right:auto; } #enalt a{ font-family: Arial; font-size: 11px; color: #2C8EB4; text-decoration: none; } #enalt a:hover{ font-size: 11px; color: #A6C0CC; text-decoration: none; } ::-moz-selection { background:#99C8DD; color:#ffffff; } ::selection { background:#99C8DD; color:#ffffff; } #konudevam img:hover {opacity:0.1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #konudevam:hover {background-image:url(http://img.webme.com/pic/b/bskurdu/konud.png);background-repeat: no-repeat;background-position: 50% 45%; } input[type="text"] { resize:none; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 none repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 13px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 none repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 none repeat-x top; } #cssmenu { margin: 0; padding: 0; font-family: Arial, sans-serif; } #cssmenu { width: 191px; } #cssmenu ul { list-style: none; text-indent: 0px; list-style: none; margin: 0; padding: 0; border: 0; } #cssmenu li { margin-top: 4px; } #cssmenu a { font: 12px arial; padding-top:3px; color: #94C4DA; display: block; padding-left:20px; height: 20px; text-decoration: none; background: #ffffff url(http://img.webme.com/pic/d/designbelenlee/tbv2maviok.png)no-repeat left; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } #cssmenu a:hover { color: #ffffff; background: #6EBEF3 url(http://img.webme.com/pic/d/designbelenlee/tbv2byzok.png)no-repeat left; padding-left:30px; padding-top:3px; } #blogkutu{ padding-top: 5px; margin-top: 7px; margin-bottom: 15px; width:212px; height: 300px; border-radius: 1px 1px 1px 1px; overflow: hidden; background: #ffffff; url(http://img.webme.com/pic/b/bskurdu/siyahbg.png)repeat-x; box-shadow:0px 0px 3px #BDBDBD; font-size: 12px; font-family: Arial; color: #A6C0CC; text-align:center; float:left; margin-left:7px; line-height:1.2em; } #oyunack img:hover {opacity:0.05; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #oyunack:hover {background-image:url(http://img.webme.com/pic/b/bskurdu/konud.png);background-repeat: no-repeat;background-position: 4% 45%;} #resgaleri img:hover {opacity:0.3; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #resgaleri:hover {background-image:url(http://img.webme.com/pic/d/designbelenlee/tbv2maviok.png);background-repeat: no-repeat;background-position: 45% 54%;} .bulanik img{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik img:hover{ opacity:0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; } #webme_footer_textlink_dont_hide { z-index: 10000; color: #868686; background: none; }

Ana sayfaya eklenecek kod: <div id="blogkutu"><div id="konudevam"><a href="#"><img src="https://www.agreedo.com/blog/upload//2013/11/blog-world.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> <div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://img.webme.com/pic/y/yazan-blog/seos.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> <div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://img.webme.com/pic/y/yazan-blog/yazar.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> <div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://bumhaber.hurriyet.com.tr/wp-content/uploads/2010/09/2010-9-publishers-blog.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> <div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://www.smartis.com.tr/blog/wp-content/yuklenen/2013/12/1.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> <div id="blogkutu"><div id="konudevam"><a href="#"><img src="http://www.capoon.com/blog/wp-content/themes/wegraphics_bello/custom-uploads/Fotolia_14245172_M1.jpg" width="180" height="130" alt="" /></a></div><hr /> <br /> Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.Buraya Konunuz ile İlgili Yazılar Yazabilirsiniz.</div> </div> </div>

Benzer Tasarımlar: