tasarimduragi - css video paylasim

css video paylasim

Video Paylaşım

Video paylaşım teması burada!
İlk kez Erbilen.net tarafınca dağıtılmış ve TasarımDurağı 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 üzerine yazı :

<script>function tasarimsepetinoadd(){window.scrollTo(0,110)};tasarimsepetinoadd();
</script><style onload_fckprotectedatt="%20onload%3D%22tasarimsepetinoadd()%3B%22">h6{box-shadow:none;}</style>   <div id="navbar">  <div class="navbar">        <div id="dilSecenegi">    <a href="http://demo.gorkemkara.com/bvsy" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/ingilizce.png" alt="English" /></a>   </div>              <div class="miniIstatistik">    <strong>DUYURU</strong> Burada duyurularımızı görebileceksiniz. <strong>Lütfen sitemize yorum yapın!</strong>    </div>        </div> </div>    <div id="header">  <div class="header">          <div id="navMenu">    <ul>     <li><a href="http://demo.gorkemkara.com/bvsy/wp-login.php?action=register" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-login.php?action=register"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/kayitikon.png" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/kayitikon.png" alt="" /> kayit ol</a></li>     <li><a href="#" _fcksavedurl="#" id="girisYap"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/girisikon.png" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/girisikon.png" alt="" /> giris yap</a></li>    </ul>   </div>                <div id="girisForm">     <h1>     <span style="float: right"><a href="#" _fcksavedurl="#"><img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/kapat.png" _fcksavedurl="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" _fcksavedurl="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>            <div class="logo">    <a href="http://demo.gorkemkara.com/bvsy" _fcksavedurl="http://demo.gorkemkara.com/bvsy" title="Video Izle">     <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/logo.png" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/logo.png" alt="Video Izle" />    </a>   </div>            <div id="menu">    <ul>     <li class="aktif"><a href="http://demo.gorkemkara.com/bvsy" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/ornek-sayfa-2">Örnek sayfa</a></li>     <li><a href="http://demo.gorkemkara.com/bvsy/?rastgele" _fcksavedurl="http://demo.gorkemkara.com/bvsy/?rastgele">rastgele</a></li>    </ul>   </div>         <div class="clear"></div>         <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>       </div> </div>    <div id="genel">   <div id="sag">            <div class="sagReklam">      <a href="#" _fcksavedurl="#">     <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/reklam2.png" _fcksavedurl="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/reklam2.png" alt="" />    </a>     </div>             <h1>Kategoriler</h1>   <div id="kategoriler">    <ul>      <li class="cat-item cat-item-3"><a href="http://demo.gorkemkara.com/bvsy/kategori/amator" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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>            <h1>Etiket Bulutu</h1>   <div id="etiketler">    <a href='http://demo.gorkemkara.com/bvsy/etiket/akilli-tv' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='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' _fcksavedurl='http://demo.gorkemkara.com/bvsy/etiket/zapkolik' class='tag-link-27' title='1 konu' style='font-size: 10pt;'>zapkolik</a>  </div>          <h1>Son Yorumlanan Videolar</h1>   <div class="sonYorumlananlar">    <ul>     <li>      <a href="http://demo.gorkemkara.com/bvsy/video-tamindir.html" _fcksavedurl="http://demo.gorkemkara.com/bvsy/video-tamindir.html" title="Video Tamindir">       <img src="http://img.tamindir.com/v/1/202/img.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/dailymotion.html" title="Dailymotion">       <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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>              <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>         </div>      <div id="sol">

Tasarım altına yazı :

</div>      <div class="clear"></div>      <div id="footer">        <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>           <div class="copyright">     <a href="http://demo.gorkemkara.com/bvsy" _fcksavedurl="http://demo.gorkemkara.com/bvsy">© 2012</a> - <a href="http://www.prototurk.com" _fcksavedurl="http://www.prototurk.com">Tasarim: prototürk.com</a> <a href="http://www.gorkemkara.com" _fcksavedurl="http://www.gorkemkara.com">WordPress: gorkemkara.com</a>   </div>            <div class="alexa">    <a href="http://www.alexa.com/siteinfo/http://demo.gorkemkara.com/bvsy" _fcksavedurl="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>           <ul class="fMenu">    <li class="baslik">Hizli Menü</li>    <li class="aktif"><a href="http://demo.gorkemkara.com/bvsy" _fcksavedurl="http://demo.gorkemkara.com/bvsy">. anasayfa</a></li>    <li><a href="#" _fcksavedurl="#">. hakkimizda</a></li> <li><a href="#" _fcksavedurl="#">. kategoriler</a></li> <li><a href="#" _fcksavedurl="#">. kanallar</a></li> <li><a href="#" _fcksavedurl="#">. sss</a></li> <li><a href="#" _fcksavedurl="#">. iletisim</a></li>  </ul>            <ul class="fSosyal">    <li class="baslik">Sosyal Aglar</li>    <li class="facebook"><a href="http://www.facebook.com/gorkemkaracom" _fcksavedurl="http://www.facebook.com/gorkemkaracom">Facebook Sayfamiz</a></li>    <li class="twitter"><a href="http://twitter.com/gorkemkaracom" _fcksavedurl="http://twitter.com/gorkemkaracom">Twitter'dan Takip Edin!</a></li>    <li class="abone"><a href="http://feeds.feedburner.com/gorkemkaracom" _fcksavedurl="http://feeds.feedburner.com/gorkemkaracom">Videolara Abone Olun!</a></li>    <li class="mail"><a href="mailto:info@gorkemkara.com" _fcksavedurl="mailto:info@gorkemkara.com">Iletisime Geçin!</a></li>   </ul>       </div>     </div>

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/" _fcksavedurl="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}

Anasayfaya eklenecek kod :

<h1>Popüler Videolar</h1>   <div class="solBlok">    <ul class="solVideoListe">     <li>         <a href="http://demo.gorkemkara.com/bvsy/jw-player.html" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/video-tamindir.html" rel="bookmark" title="Video Tamindir">          <img src="http://img.tamindir.com/v/1/202/img.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/dailymotion.html" rel="bookmark" title="Dailymotion">          <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" _fcksavedurl="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>            <h1 class="mavi">    <span class="rss">     <a href="http://feeds.feedburner.com/gorkemkaracom" _fcksavedurl="http://feeds.feedburner.com/gorkemkaracom">      <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/rss.png" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/zapkolik.html" rel="bookmark" title="Zapkolik">       <img src="http://cdn.zapkolik.com/resimler/robot-denizanasi-313040.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/timsah.html" rel="bookmark" title="Timsah">       <img src="http://i01so.timsah.com/videos/501/d0drQRh7QSR/9_150.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/video-ekolay.html" rel="bookmark" title="Video – Ekolay">       <img src="http://video.ekolay.net/http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/thumbnail/5/55000000000055545.jpg" _fcksavedurl="http://video.ekolay.net/http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/thumbnail/5/55000000000055545.jpg" alt="Video – Ekolay"/>       <span class="vlPlay">Videoyu Oynat</span>       <span class="vlBaslik">Video – Ekolay</span>       <span class="vlSure">00:16</span>      </a>     </li>                    <li>      <a href="http://demo.gorkemkara.com/bvsy/dailymotion.html" _fcksavedurl="http://demo.gorkemkara.com/bvsy/dailymotion.html" rel="bookmark" title="Dailymotion">       <img src="http://img262.imageshack.us/img262/4470/manga1.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/video-tamindir.html" rel="bookmark" title="Video Tamindir">       <img src="http://img.tamindir.com/v/1/202/img.jpg" _fcksavedurl="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" _fcksavedurl="http://demo.gorkemkara.com/bvsy/izlesene.html" rel="bookmark" title="Izlesene">       <img src="http://i0.imgiz.com/data/videoshots/1725/1725653-11.jpg" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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="#" _fcksavedurl="#">       <img src="http://demo.gorkemkara.com/bvsy/wp-content/themes/bvsy/images/reklam.png" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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" _fcksavedurl="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>