Video Paylaşım

Video paylaşım teması burada!
TASARIM SEPETİ tarafından düzenlenerek tr.gg sitelere uyarlanmış bu css tasarım sayesinde bedava-sitem sitenizi tam bir video paylaşım platformuna çevirebilirsiniz!

Sitenin altında ve üstünde bulunan video arama panelini düzenleyerek sitenize tam kontrollü bir arama işlevi katabilirsiniz!
Sağ menüsü ve gümüş renkli şık görünümüyle dikkat çeken Video Paylaşım tasarımı, sahip olduğu kategorilendirme menüsü ve giriş&üyelik bağlantısı ile sitenizi çok daha işlevsel kılacak!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarım Özellikleri:

TS Reklam Saklayıcı
Site İçi Arama Paneli
Duyuru Paneli
Sağ Menü
Kategorilendirme
Kayıt&Giriş Bağlantıları

Tasarımın üzerindeki yazı:

<!--Tasarım Sepeti Reklam Gizleme START-->
<script>function tasarimsepetinoadd(){window.scrollTo(0,110)};tasarimsepetinoadd();
</script><style onload="tasarimsepetinoadd();">h6{box-shadow:none;}</style>
<!--Tasarım Sepeti Reklam Gizleme STOP-->
<!-- Navbar -->
<div id="navbar">
 <div class="navbar">
 
  <!-- Dil Seçenegi -->
  <div id="dilSecenegi">
   <a href="http://demo.gorkemkara.com/bvsy" title="Türkçe" class="aktif"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/turkce.png" alt="Türkçe" /></a>
   <a href="http://translate.google.com/translate?hl=en&sl=tr&tl=en&u=http://demo.gorkemkara.com/bvsy" title="English"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/ingilizce.png" alt="English" /></a>
  </div>
  
  <!--#Dil Seçenegi -->
 
  <!-- Mini Istatistik -->
  <div class="miniIstatistik">
   <strong>DUYURU</strong> Burada duyurularımızı görebileceksiniz. <strong>Lütfen sitemize yorum yapın!</strong> 
  </div>
  <!--#Mini Istatistik -->
  
 </div>
</div>
<!--#Navbar -->

<!-- Header -->
<div id="header">
 <div class="header">
 
  <!-- Nav Menü -->
    <div id="navMenu">
   <ul>
    <li><a href="http://demo.gorkemkara.com/bvsy/wp-login.php?action=register"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/kayitikon.png" alt="" /> kayit ol</a></li>
    <li><a href="#" id="girisYap"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/girisikon.png" alt="" /> giris yap</a></li>
   </ul>
  </div>
    <!--#Nav Menü -->
  
   <!-- Giris Yap -->
   <div id="girisForm">
    <h1>
    <span style="float: right"><a href="#"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/kapat.png" alt="" id="formKapat" /></a></span>
    Giris Yap
    </h1>
    <div class="gForm">
     <form name="loginform" id="loginform" action="http://demo.gorkemkara.com/bvsy/wp-login.php" method="post">
      <span>Kullanici Adi:</span>
      <span><input type="text" name="log" id="user_login" class="gInput" /></span>
      <span>Sifre:</span>
      <span><input type="password" name="pwd" id="user_pass" class="gInput" /></span>
      <span>
       <span style="float: right; margin-top: -8px"><a href="http://demo.gorkemkara.com/bvsy/wp-login.php?action=lostpassword">Sifremi Unuttum?</a></span>
      <input type="submit" name="wp-submit" id="wp-submit" value="Giris Yap" class="btn" style="cursor: pointer" />
      <input type="hidden" name="redirect_to" value="http://demo.gorkemkara.com/bvsy" />
      <input type="hidden" name="testcookie" value="1" />
      </span>
     </form>
    </div>
   </div>
   <!--#Giris Yap -->
 
  <!-- Logo -->
  <div class="logo">
   <a href="http://demo.gorkemkara.com/bvsy" title="Video Izle">
    <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/logo.png" alt="Video Izle" />
   </a>
  </div>
  <!--#Logo -->
  
  <!-- Menü -->
  <div id="menu">
   <ul>
    <li class="aktif"><a href="http://demo.gorkemkara.com/bvsy">anasayfa</a></li>
    <li class="page_item page-item-6"><a href="http://demo.gorkemkara.com/bvsy/ornek-sayfa-2">Örnek sayfa</a></li>
    <li><a href="http://demo.gorkemkara.com/bvsy/?rastgele">rastgele</a></li>
   </ul>
  </div>
  <!--#Menü -->
  
  <div class="clear"></div>
  
  <!-- Arama -->
  <div id="arama">
   <form method="get" id="searchform" action="http://demo.gorkemkara.com/bvsy">
    <span class="a1"><input type="image" src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/araBtn.png" /></span>
    <span class="a2"><input type="text" name="s" id="s" value="" placeholder="Sitedeki videolarda ara..." /></span>
   </form>
  </div>
  <!--#Arama -->
 
 </div>
</div>
<!--#Header -->

<!-- Genel -->
<div id="genel"> <!-- Sag -->
 <div id="sag">
 
 
    <!-- Reklam -->
  <div class="sagReklam">
     <a href="#">
    <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/reklam2.png" alt="" />
   </a>
    </div>
  <!--#Reklam -->
   
  <!-- Kategoriler -->
  <h1>Kategoriler</h1>
  <div id="kategoriler">
   <ul>
     <li class="cat-item cat-item-3"><a href="http://demo.gorkemkara.com/bvsy/kategori/amator" title="Amatör kategorisi altindaki tüm yazilari göster">Amatör</a>
</li>
 <li class="cat-item cat-item-4"><a href="http://demo.gorkemkara.com/bvsy/kategori/film" title="Film kategorisi altindaki tüm yazilari göster">Film</a>
</li>
 <li class="cat-item cat-item-5"><a href="http://demo.gorkemkara.com/bvsy/kategori/hayvanlar" title="Hayvanlar kategorisi altindaki tüm yazilari göster">Hayvanlar</a>
</li>
 <li class="cat-item cat-item-6"><a href="http://demo.gorkemkara.com/bvsy/kategori/komik" title="Komik kategorisi altindaki tüm yazilari göster">Komik</a>
</li>
 <li class="cat-item cat-item-7"><a href="http://demo.gorkemkara.com/bvsy/kategori/korkunc" title="Korkunç kategorisi altindaki tüm yazilari göster">Korkunç</a>
</li>
 <li class="cat-item cat-item-8"><a href="http://demo.gorkemkara.com/bvsy/kategori/muzik" title="Müzik kategorisi altindaki tüm yazilari göster">Müzik</a>
</li>
 <li class="cat-item cat-item-9"><a href="http://demo.gorkemkara.com/bvsy/kategori/otomobil" title="Otomobil kategorisi altindaki tüm yazilari göster">Otomobil</a>
</li>
 <li class="cat-item cat-item-10"><a href="http://demo.gorkemkara.com/bvsy/kategori/spor" title="Spor kategorisi altindaki tüm yazilari göster">Spor</a>
</li>
 <li class="cat-item cat-item-11"><a href="http://demo.gorkemkara.com/bvsy/kategori/teknoloji" title="Teknoloji kategorisi altindaki tüm yazilari göster">Teknoloji</a>
</li>
 <li class="cat-item cat-item-12"><a href="http://demo.gorkemkara.com/bvsy/kategori/video" title="Video kategorisi altindaki tüm yazilari göster">Video</a>
</li>
   </ul>
   <div class="clear"></div>
  </div>
  <!--#Kategoriler -->
  
  <!-- Etiketler -->
  <h1>Etiket Bulutu</h1>
  <div id="etiketler">
   <a href='http://demo.gorkemkara.com/bvsy/etiket/akilli-tv' class='tag-link-13' title='1 konu' style='font-size: 10pt;'>akilli tv</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/dailymotion' class='tag-link-14' title='1 konu' style='font-size: 10pt;'>dailymotion</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/ekolay' class='tag-link-15' title='1 konu' style='font-size: 10pt;'>ekolay</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/izlesene' class='tag-link-16' title='1 konu' style='font-size: 10pt;'>izlesene</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/jw-player' class='tag-link-17' title='1 konu' style='font-size: 10pt;'>jw player</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/mp4' class='tag-link-18' title='1 konu' style='font-size: 10pt;'>mp4</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/prototurk-video' class='tag-link-19' title='10 konu' style='font-size: 10pt;'>prototürk video</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/tamindir' class='tag-link-20' title='1 konu' style='font-size: 10pt;'>tamindir</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/timsah' class='tag-link-21' title='1 konu' style='font-size: 10pt;'>timsah</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/video-ekolay' class='tag-link-22' title='1 konu' style='font-size: 10pt;'>video ekolay</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/video-tamindir' class='tag-link-23' title='1 konu' style='font-size: 10pt;'>video tamindir</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/video-temasi' class='tag-link-24' title='10 konu' style='font-size: 10pt;'>video temasi</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/vidivodo' class='tag-link-25' title='1 konu' style='font-size: 10pt;'>vidivodo</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/youtube' class='tag-link-26' title='1 konu' style='font-size: 10pt;'>youtube</a>
<a href='http://demo.gorkemkara.com/bvsy/etiket/zapkolik' class='tag-link-27' title='1 konu' style='font-size: 10pt;'>zapkolik</a>  </div>
  <!--#Etiketler -->

  <!-- Son Yorumlanan Videolar -->
  <h1>Son Yorumlanan Videolar</h1>
  <div class="sonYorumlananlar">
   <ul>
    <li>
     <a href="http://demo.gorkemkara.com/bvsy/video-tamindir.html" title="Video Tamindir">
      <img src="http://img.tamindir.com/v/1/202/img.jpg" alt="Video Tamindir" />
      <span class="syBaslik">Video Tamindir</span>
      <span class="syKategori">Teknoloji </span>
     </a>
    </li><li>
     <a href="http://demo.gorkemkara.com/bvsy/dailymotion.html" title="Dailymotion">
      <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" alt="Dailymotion" />
      <span class="syBaslik">Dailymotion</span>
      <span class="syKategori">Müzik </span>
     </a>
    </li><li>
     <a href="http://demo.gorkemkara.com/bvsy/youtube.html" title="YouTube">
      <img src="http://video.vidivodo.com/vidservers/server01/videos/2008/09/15/17/v200809151728030191857.flv.jpg" alt="YouTube" />
      <span class="syBaslik">YouTube</span>
      <span class="syKategori">Hayvanlar </span>
     </a>
    </li><li>
     <a href="http://demo.gorkemkara.com/bvsy/jw-player.html" title="JW Player">
      <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/demo.jpg" alt="JW Player" />
      <span class="syBaslik">JW Player</span>
      <span class="syKategori">Video </span>
     </a>
    </li><li>
     <a href="http://demo.gorkemkara.com/bvsy/jw-player.html" title="JW Player">
      <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/demo.jpg" alt="JW Player" />
      <span class="syBaslik">JW Player</span>
      <span class="syKategori">Video </span>
     </a>
    </li>   </ul>
  </div>
  <!--#Son Yorumlanan Videolar -->
  
    <!-- Facebook -->
  <div class="fb-like-box" data-href="http://www.facebook.com/gorkemkaracom" data-width="250" data-show-faces="true" data-stream="false" data-header="false"></div>
  <!--#Facebook -->
   
 </div>
 <!--#Sag -->
 <!-- Sol -->
 <div id="sol">

Tasarımın altındaki yazı:

 </div>
 <!--#Sol -->
 
 <div class="clear"></div>
 
 <!-- Footer -->
 <div id="footer">
 
  <!-- Footer Arama -->
  <div id="footerArama">
   <form method="get" id="searchform" action="http://demo.gorkemkara.com/bvsy">
    <span class="fa2"><input type="submit" value="" /></span>
    <span class="fa1"><input type="text" name="s" id="s" value="" placeholder="Video Ara..." /></span>
   </form>
  </div>
  <!--#Footer Arama -->
 
  <!-- Copyright -->
  <div class="copyright">
    <a href="http://demo.gorkemkara.com/bvsy">&copy; 2012</a> - <a href="http://www.prototurk.com">Tasarim: prototürk.com</a> <a href="http://www.gorkemkara.com">WordPress: gorkemkara.com</a>
  </div>
  <!--#Copyright -->
  
  <!-- Alexa -->
  <div class="alexa">
   <a href="http://www.alexa.com/siteinfo/http://demo.gorkemkara.com/bvsy"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=http://demo.gorkemkara.com/bvsy'></script></a>
  </div>
  <!--#Alexa -->
 
  <!-- Hizli Menü -->
  <ul class="fMenu">
   <li class="baslik">Hizli Menü</li>
   <li class="aktif"><a href="http://demo.gorkemkara.com/bvsy">. anasayfa</a></li>
   <li><a href="#">. hakkimizda</a></li>
<li><a href="#">. kategoriler</a></li>
<li><a href="#">. kanallar</a></li>
<li><a href="#">. sss</a></li>
<li><a href="#">. iletisim</a></li>  </ul>
  <!--#Hizli Menü -->
  
  <!-- Sosyal Aglar -->
  <ul class="fSosyal">
   <li class="baslik">Sosyal Aglar</li>
   <li class="facebook"><a href="http://www.facebook.com/gorkemkaracom">Facebook Sayfamiz</a></li>
   <li class="twitter"><a href="http://twitter.com/gorkemkaracom">Twitter'dan Takip Edin!</a></li>
   <li class="abone"><a href="http://feeds.feedburner.com/gorkemkaracom">Videolara Abone Olun!</a></li>
   <li class="mail"><a href="mailto:info@gorkemkara.com">Iletisime Geçin!</a></li>
  </ul>
  <!--#Sosyal Aglar -->
 
 </div>
 <!--#Footer -->
 
</div>
<!--#Genel -->

CSS kodu:


/*
 Theme Name: PrototÃ¼rk Video TemasÄ±
 Description: BVSY iÃ§in hazÄ±rlanmÄ±ÅŸ, sade ve kullanÄ±ÅŸlÄ± WordPress video temasÄ±. WordPress entegrasyonu <a href="http://www.gorkemkara.com/">Ä°smail GÃ¶rkem Kara</a> tarafÄ±ndan yapÄ±lmÄ±ÅŸtÄ±r.
 Theme URI: http://demo.gorkemkara.com/bvsy/
 Version: 1.0
 Author: Tayfun Erbilen
 Author URI: http://www.prototÃ¼rk.com/
 Tags: wordpress tema, wordpress theme, video tema, video theme, prototÃ¼rk
*/

@import url("izle.css");

body {background-color: #f1f1f1; margin: auto; font: 12px/20px sans-serif}
table, tr, td, ol, ul, li, h1, h2, h3, h4, h5, h6, p, input, form, textarea, button, select {padding: 0; margin: 0; list-style: none; border: 0}
a {text-decoration: none}
img {border: 0}
* :focus {outline: 0}
.clear {clear: both}
* html ul li {display: inline-block}
#sol{min-height:700px;}
/* Tipsy CSS */
.tipsy {padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/tipsy.gif")}
.tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center}
.tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-north {background-position: top center}
.tipsy-south {background-position: bottom center}
.tipsy-east {background-position: right center}
.tipsy-west {background-position: left center}

/* Genel */
#genel {width: 950px; margin: 0 auto; overflow: hidden}

 /* Navbar */
 #navbar {background-color: #333; padding: 5px 10px}
 .navbar {width: 950px; margin: 0 auto; color: #fff; font-size: 11px}
  .navbar strong {color: yellow}
  
  /* Dil SeÃ§eneÄŸi */
  #dilSecenegi {float: right}
  #dilSecenegi a {display: block; padding: 4px 5px; float: left; margin-left: 5px}
  #dilSecenegi a:hover {background-color: #444}
  #dilSecenegi a.aktif {background-color: #656565}
 
 /* Header */
 #header {background: #eee url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/seffaf.png") no-repeat top center; height: 140px; margin-bottom: 10px; border-top: 6px solid #ddd}
 .header {width: 950px; margin: 0 auto; position: relative}
 
  /* Logo */
  .logo {margin-top: 5px}
  
  /* Arama */
  #arama {background: #fff url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/aramaBg.png") repeat-x; height: 40px; border: 1px solid #ddd; border-bottom-width: 3px; position: relative}
  #arama:hover {border-color: #adadad}
   .a1 {float: right}
   .a2 {position: absolute; top: 0; left: 0}
    .a2 input {width: 845px; color: #656565; height: 20px; padding: 10px 5px 10px 10px; color: #333; line-height: 20px; background: transparent}
    
  /* Nav MenÃ¼ */
  #navMenu {float: right; background-color: #ddd; padding: 2px 5px; margin-top: -5px; height: 25px}
  #navMenu ul li {float: left}
  #navMenu ul li a img {float: left; margin-right: 4px; margin-top: 2px}
  #navMenu ul li a {display: block; float: left; padding: 0 5px; background-color: #eee; margin: 0 3px; color: #333}
   #navMenu ul li a:hover {background-color: #fff}

  /* MenÃ¼ */
  #menu {position: absolute; right: 0; bottom: 50px}
  #menu ul li {float: left}
  #menu ul li a {font-size: 14px; font-weight: bold; color: #333; padding: 6px; text-transform: lowercase}
   #menu ul li.aktif a {color: red}
   #menu ul li a:hover {text-decoration: underline}
  #menu ul li.current_page_item a, .current_page_item a:visited {color: red}
   
 /* SaÄŸ */
 #sag {float: right; width: 250px}
 #sag h1 {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/baslikBg.png"); height: 45px; line-height: 45px; font-size: 17px; text-shadow: 1px 1px #eee; padding-left: 15px}
 
  /* SaÄŸ Reklam */
  .sagReklam {margin-bottom: 10px}
 
  /* Kategoriler */
  #kategoriler {border: 1px solid #adadad; border-top: none; padding: 5px; background-color: #fff; margin-bottom: 10px; overflow: auto}
  #kategoriler ul li {border-bottom: 1px solid #f1f1f1; float: left; width: 119px}
  #kategoriler ul li a {padding: 5px 5px 5px 20px; display: block; color: #656565; background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/ok.png") no-repeat 5px}
  
  /* Etiketler */
  #etiketler {border: 1px solid #adadad; border-top: none; padding: 5px; background-color: #fff; margin-bottom: 10px}
  #etiketler a {color: #333; font-size: 13px; padding: 5px; line-height: 23px}
  
  /* Son Yorumlananlar */
  .sonYorumlananlar  {border: 1px solid #adadad; border-top: none; padding: 7px 5px 0 5px; background-color: #fff; margin-bottom: 10px; overflow: auto}
  .sonYorumlananlar ul li {height: 65px; margin-bottom: 8px; border-bottom: 1px solid #ddd}
  .sonYorumlananlar ul li a {font-size: 11px; display: block}
  .sonYorumlananlar ul li a:hover img {border-color: #b10909}
  .sonYorumlananlar ul li a:hover span {color: #b10909}
  .sonYorumlananlar ul li a img {width: 70px; height: 50px; border: 3px solid #aaa; float: left; margin-right: 10px}
  .sonYorumlananlar ul li a span {display: block; color: #333}
  .sonYorumlananlar ul li a span.syKategori {display: block; background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/katikon.png") no-repeat 2px; float: left; padding-left: 18px}
  
  /* Facebook */
  .fb-like-box {background-color: #fff; margin-bottom: 10px}
  
 /* Sol */
 #sol {float: left; width: 690px}
 #sol h1 {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/baslikBg3.png"); height: 45px; line-height: 45px; font-size: 17px; text-shadow: 1px 1px #eee; padding-left: 15px; color: #455905; position: relative; width: 675px}
 #sol h1.mavi {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/solBaslik_mavi.png"); color: #284952}
 #sol h1.mavi li a {color: #284952}
 
  /* Rss */
  .rss {float: right; margin: 8px 7px 0 0; height: 25px}
   .rss img {width: 25px}
 
  /* Video Listesi */
  .solBlok {border: 1px solid #afb795; padding: 5px 0 5px 5px; background-color: #fff; border-top: none; overflow: auto; margin-bottom: 10px}
   ul.solVideoListe li {float: left; width: 160px; margin: 4px; height: 165px; overflow: hidden; position: relative}
   ul.solVideoListe li a img {width: 160px; height: 120px; background-color: #eee}
   ul.solVideoListe li a span.vlBaslik {display: block; padding-top: 5px; color: #656565}
   ul.solVideoListe li a span.vlSure {position: absolute; bottom: 50px; right: 3px; background-color: #000; padding: 0 3px; color: #fff}
   ul.solVideoListe li a span.vlPlay {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/playBg.png"); width: 160px; height: 120px; position: absolute; top: 0; left: 0; z-index: 4; text-indent: -9999px; display: none}
   ul.solVideoListe li.reklam {width: 671px; height: 117px; margin: 10px 3px}
   ul.solVideoListe li.reklam img {width: 671px; height: 117px}
   
 /* Footer */
 #footer {border-top: 3px solid #ddd; padding: 14px 0; font-size: 11px; text-shadow: 1px 1px #fff; position: relative; width: 950px; margin-bottom: 20px; height: 150px}
  
  /* Footer MenÃ¼ */
  #footer ul.fMenu {width: 150px; float: left}
  #footer ul li.baslik {font-size: 15px; padding-left: 5px; font-weight: bold; color: #b10909; border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 3px}
  #footer ul.fMenu li a {display: block; padding: 0 5px; color: #697150; text-transform: lowercase}
   #footer ul.fMenu li.aktif a {color: #333; font-weight: bold}
   #footer ul.fMenu li a:hover {text-decoration: underline}
  
  /* Sosyal AÄŸlar */
  #footer ul.fSosyal {float: left; width: 200px; margin-left: 20px}
  #footer ul.fSosyal li a {display: block; font-size: 12px; color: #333}
  #footer ul.fSosyal li a:hover {background-color: #fff!important}
  #footer ul.fSosyal li.facebook a {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/s_facebook.png") no-repeat 5px; padding: 4px 4px 4px 30px}
  #footer ul.fSosyal li.twitter a {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/s_twitter.png") no-repeat 5px; padding: 4px 4px 4px 30px}
  #footer ul.fSosyal li.abone a {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/s_rss.png") no-repeat 5px; padding: 4px 4px 4px 30px}
  #footer ul.fSosyal li.mail a {background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/s_mail.png") no-repeat 5px; padding: 4px 4px 4px 30px}
   
  /* Facebook BeÄŸen */
  .facebookBegen {float: right; margin-left: 20px}
   
  /* Copyright */
  .copyright {position: absolute; right: 0; top: 65px}
  .copyright a {color: #656565; font-style: oblique}
  #header_container{display:none;}
#nav_container{display:none;}
  /* Alexa */
  .alexa {position: absolute; right: 0; top: 85px}
  .alexa a img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5}
  .alexa:hover a img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0}
  
  /* Footer Arama */
  #footerArama {float: right; background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/footerAramaBg.png"); width: 555px; height: 50px; position: relative}
   .fa1 {position: absolute; left: 10px; top: 10px}
    .fa1 input {padding: 6px; width: 425px}
   .fa2 {position: absolute; right: 5px; top: 5px}
    .fa2 input {width: 100px; height: 40px; cursor: pointer; background: transparent}
    
 /* Ekstralar */
 #karart {background-color: #000; opacity: 0.6; filter: alpha(opacity=60); position: fixed; width: 100%; height: 100%; z-index: 9998}

 
  /* GiriÅŸ Yap */
  #girisForm {width: 300px; height: 235px; background-color: #fff; margin: 0 auto; position: absolute; left: 310px; top: -400px; z-index: 9999; border: 1px solid #000}
  #girisForm h1 {background: #333 url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/girisBaslikBg.png") repeat-x bottom; color: #fff; padding: 12px; font: normal 20px sans-serif; margin-bottom: 6px}
   .gForm span {display: block; padding: 5px 10px}
   .gForm span input.gInput {border: 2px solid #ddd; padding: 5px; width: 260px}
  #girisForm a {color: #fa6565; font-size: 11px}
  #girisForm a:hover {text-decoration: underline}
  .btn {height: 19px; display: block; background: url("http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/btnBg.png") repeat-x; line-height: 19px; color: #fff; text-align: center; padding: 0 5px}

Ana sayfaya eklenecek kod:


  <!-- Popüler Videolar -->
  <h1>Popüler Videolar</h1>
  <div class="solBlok">
   <ul class="solVideoListe">
    <li>
        <a href="http://demo.gorkemkara.com/bvsy/jw-player.html" rel="bookmark" title="JW Player">
         <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/demo.jpg" alt="JW Player" />
         <span class="vlPlay">Videoyu Oynat</span>
         <span class="vlBaslik">JW Player</span>
         <span class="vlSure">04:24</span>
        </a>
       </li>
   <li>
        <a href="http://demo.gorkemkara.com/bvsy/youtube.html" rel="bookmark" title="YouTube">
         <img src="http://video.vidivodo.com/vidservers/server01/videos/2008/09/15/17/v200809151728030191857.flv.jpg" alt="YouTube" />
         <span class="vlPlay">Videoyu Oynat</span>
         <span class="vlBaslik">YouTube</span>
         <span class="vlSure">04:25</span>
        </a>
       </li>
   <li>
        <a href="http://demo.gorkemkara.com/bvsy/video-tamindir.html" rel="bookmark" title="Video Tamindir">
         <img src="http://img.tamindir.com/v/1/202/img.jpg" alt="Video Tamindir" />
         <span class="vlPlay">Videoyu Oynat</span>
         <span class="vlBaslik">Video Tamindir</span>
         <span class="vlSure">02:09</span>
        </a>
       </li>
   <li>
        <a href="http://demo.gorkemkara.com/bvsy/dailymotion.html" rel="bookmark" title="Dailymotion">
         <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" alt="Dailymotion" />
         <span class="vlPlay">Videoyu Oynat</span>
         <span class="vlBaslik">Dailymotion</span>
         <span class="vlSure">05:24</span>
        </a>
       </li>
      </ul>
   <div class="clear"></div>
  </div>
  <!--#Popüler Videolar -->
  
  <!-- Son Eklenen Videolar -->
  <h1 class="mavi">
   <span class="rss">
    <a href="http://feeds.feedburner.com/gorkemkaracom">
     <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/rss.png" alt="RSS" rel="_prototurk" title="Son Videolara Abone Ol {RSS}" />
    </a>
   </span>
   Son Eklenen Videolar
  </h1>
  <div class="solBlok">
   <ul class="solVideoListe">
          <li>
     <a href="http://demo.gorkemkara.com/bvsy/akilli-tv.html" rel="bookmark" title="Akilli Tv">
      <img src="http://i2.akilli.tv/videothumbs/0592/Citroen-DS3-test-e372f1_002.jpg" alt="Akilli Tv"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Akilli Tv</span>
      <span class="vlSure">03:20</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/zapkolik.html" rel="bookmark" title="Zapkolik">
      <img src="http://cdn.zapkolik.com/resimler/robot-denizanasi-313040.jpg" alt="Zapkolik"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Zapkolik</span>
      <span class="vlSure">01:00</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/timsah.html" rel="bookmark" title="Timsah">
      <img src="http://i01so.timsah.com/videos/501/d0drQRh7QSR/9_150.jpg" alt="Timsah"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Timsah</span>
      <span class="vlSure">03:21</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/video-ekolay.html" rel="bookmark" title="Video &#8211; Ekolay">
      <img src="http://video.ekolay.net/http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/thumbnail/5/55000000000055545.jpg" alt="Video &#8211; Ekolay"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Video &#8211; Ekolay</span>
      <span class="vlSure">00:16</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/dailymotion.html" rel="bookmark" title="Dailymotion">
      <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" alt="Dailymotion"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Dailymotion</span>
      <span class="vlSure">05:24</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/video-tamindir.html" rel="bookmark" title="Video Tamindir">
      <img src="http://img.tamindir.com/v/1/202/img.jpg" alt="Video Tamindir"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Video Tamindir</span>
      <span class="vlSure">02:09</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/izlesene.html" rel="bookmark" title="Izlesene">
      <img src="http://i0.imgiz.com/data/videoshots/1725/1725653-11.jpg" alt="Izlesene"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Izlesene</span>
      <span class="vlSure">03:19</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/vidivodo.html" rel="bookmark" title="Vidivodo">
      <img src="http://video.vidivodo.com/vidservers/server01/videos/2010/11/19/15/v201011191552210465303.flv.jpg" alt="Vidivodo"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">Vidivodo</span>
      <span class="vlSure">02:16</span>
     </a>
    </li>
            <li class="reklam">
         <a href="#">
      <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/reklam.png" alt=""/>
     </a>
        </li>
               <li>
     <a href="http://demo.gorkemkara.com/bvsy/youtube.html" rel="bookmark" title="YouTube">
      <img src="http://video.vidivodo.com/vidservers/server01/videos/2008/09/15/17/v200809151728030191857.flv.jpg" alt="YouTube"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">YouTube</span>
      <span class="vlSure">04:25</span>
     </a>
    </li>
                   <li>
     <a href="http://demo.gorkemkara.com/bvsy/jw-player.html" rel="bookmark" title="JW Player">
      <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/demo.jpg" alt="JW Player"/>
      <span class="vlPlay">Videoyu Oynat</span>
      <span class="vlBaslik">JW Player</span>
      <span class="vlSure">04:24</span>
     </a>
    </li>
               </ul>
   <div class="clear"></div>
     </div>
  <!--#Son Eklenen Videolar -->