Zaman: 04-22-2018, 05:36 AM Hoşgeldin Misafir ! (GirişÜye Olun)
Birdamlabilgi.com - Web Master - Download - Paylaşım Forumu



Video Teması - Video İzle Site Tasarımı
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
Konu Bilgileri
Cevaplar: 0 İzlenme: 346
Video Teması - Video İzle Site Tasarımı
05-14-2013, 10:25 PM
Video Teması - Video İzle Site Tasarımı

Demo: Linki görebilmek için giriş yapmanız ya da üye olmanız gerekir.

Kod:
<style type="text/css">



/*



*    @Tayfun Erbilen



*    @Mail - ben@tayfunerbilen.com



*    @20.11.2011, 20:49



*    @Ücretli Satana Hakkımı Helal Etmem :)



*/







@import url("../video-temasi/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}







/* Tipsy CSS */



.tipsy {padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url("http://img.webme.com/pic/t/tasarimfrmbestlive/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://img.webme.com/pic/t/tasarimfrmbestlive/seffaf.png") no-repeat top center; height: 140px; margin-bottom: 10px; border-top: 6px solid #ddd}



    .header2 {width: 950px; margin: 0 auto; position: relative}



    



        /* Logo */



        .logo {margin-top: 5px; height: 80px; padding-top: 10px}



        



        /* Arama */



        #arama {background: #fff url("http://img.webme.com/pic/t/tasarimfrmbestlive/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}



            #menu ul li.aktif a {color: red}



            #menu ul li a:hover {text-decoration: underline}



            



    /* Sağ */



    #sag {float: right; width: 250px}



    #sag h1 {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/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://img.webme.com/pic/t/tasarimfrmbestlive/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 {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/katikon.png") no-repeat 2px; float: left; padding-left: 18px}



        



    /* Sol */



    #sol {float: left; width: 690px}



    #sol h1 {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/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://img.webme.com/pic/t/tasarimfrmbestlive/solbaslik_mavi.png"); 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://img.webme.com/pic/t/tasarimfrmbestlive/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}



            #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://img.webme.com/pic/t/tasarimfrmbestlive/s_facebook.png") no-repeat 5px; padding: 4px 4px 4px 30px}



        #footer ul.fSosyal li.twitter a {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/s_twitter.png") no-repeat 5px; padding: 4px 4px 4px 30px}



        #footer ul.fSosyal li.abone a {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/s_rss.png") no-repeat 5px; padding: 4px 4px 4px 30px}



        #footer ul.fSosyal li.mail a {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/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: 70px; text-align: right}



        .copyright a {color: #656565; font-style: oblique}



        



        /* Footer Arama */



        #footerArama {float: right; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/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://img.webme.com/pic/t/tasarimfrmbestlive/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}



/* Video Blok */



.videoBlok {}



.videoBlok h2 {font-size: 18px; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 4px solid #ddd; height: 27px}







    /* Video Kod */



    .videoKod {height: 300px}







    /* Video Geniþlet */



    #genislet {float: right; font-size: 14px; color: red; cursor: pointer; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/genislet.png") no-repeat 5px; padding: 5px 5px 5px 45px}



    #genislet img {vertical-align: middle; margin-right: 5px}







    /* Beðen Kutusu */



    .begenKutusu {float: right; width: 300px; border: 1px solid #ccc; padding: 5px; margin-top: 10px; background-color: #fff; position: relative; border-radius: 5px}



    .begenButonlar {width: 92px}



    .begenButonlar a {display: block; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/begenbtn.png") no-repeat; height: 22px; line-height: 22px; padding-left: 10px; color: #333; font-size: 11px; color: green}



        .begenButonlar a#begenme {background-position: 0 -22px; color: red; margin-top: 5px}



    .begenButonlar a:hover {opacity: 0.8; filter: alpha(opacity=80)}



        .begenmeOrani {float: right; width: 190px; margin-top: 5px; margin-right: 5px; height: 10px; background-color: #eee}



        .oran {height: 10px; background-color: green; width: 50%}



    .begenenToplam {position: absolute; right: 10px; bottom: 10px; font-size: 11px}



    



    /* Video Ýzlenme */



    #videoSol {width: 370px; float: left; margin-top: 10px}



    #videoIzlenme {font-style: oblique; color: #656565; border-bottom: 2px solid #ddd; padding-bottom: 10px}



    #videoIzlenme span {font-size: 20px; margin-right: 4px; background: #fff url("http://img.webme.com/pic/t/tasarimfrmbestlive/izlenme.png") no-repeat 5px; border: 1px solid #ddd; padding: 0 10px 0 25px; border-radius: 5px; color: #a90000; vertical-align: middle}



        #videoIzlenme span strong {font-size: 11px; font-weight: normal; color: #333; vertical-align: top}



    #videoIzlenme img {vertical-align: text-top; margin-top: -8px}



        * html #videoIzlenme span strong {display: inline-block; margin-top: 5px}



    .vTarih {float: right; font-size: 12px; color: #333; padding-top: 2px; padding-right: 7px}



        #videoKategori {background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/katikon2.png") no-repeat 5px; padding: 3px 5px 3px 23px; font-size: 11px; float: left}



            #videoKategori a {color: #333; display: block}



            #videoKategori a:hover {text-decoration: underline}



    #videoSosyal {float: right; margin-top: 2px; color: #656565}



    #videoSosyal img {vertical-align: middle}



    



/* Yorum Yap */



#yorumYap {background-color: #fff; padding: 10px; margin-top: 10px}



#yorumYap textarea {width: 659px; height: 15px; border: 1px solid #ddd; font: 11px Arial; padding: 5px; resize: none; overflow: auto; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/textareabg.png") repeat-x}



#yorumYap h3 {font-size: 14px; border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 4px; color: #333}



    .btn {height: 19px; display: block; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/btnbg.png") repeat-x; line-height: 19px; color: #fff; text-align: center; padding: 0 5px}



        #gonder {float: right; margin-top: 5px}



        #yGonder {display: none}



        #yGonder span {font-size: 11px; color: #656565; padding: 5px 5px 5px 0; display: block; cursor: pointer; float: left}



        



/* Yorumlar */



#yorumlar {background-color: #fff; padding: 10px}







    /* Yorum */



    .yorum {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px solid #f1f1f1; line-height: 20px; color: #333}



    .cevapla {float: right; border: 1px solid #ddd; padding: 0 3px; box-shadow: 0 0 5px #aaa; display: none; margin-top: -4px; font-size: 11px; cursor: pointer; background-color: #fff}



        .cevapla:hover {background-color: #333; color: #fff}



        .yorumaYorumYap {background-color: #eee; padding: 5px; display: none}



            .yorumaYorumYap textarea {width: 650px; padding: 5px; height: 40px; font: 12px Arial; color: red; resize: none; overflow: auto}



        .yyyGizli {overflow: auto; padding: 0}



        .yyyGizli span {display: block; padding-top: 5px; font-size: 11px; cursor: pointer; float: left}



        



        /* Alt Yorumlar */



        #altYorumlar {padding-left: 60px; border-top: 3px solid #f1f1f1; margin-top: 10px; background: url("http://img.webme.com/pic/t/tasarimfrmbestlive/altyorumbg.png") no-repeat top left}



        .alt_yorum {padding: 5px}



        



        /* Daha Fazlasý */



        .dahaFazlasi {background-color: #f1f1f1; border: 1px solid #ddd; padding: 5px; text-align: center; cursor: pointer; font-size: 11px}



        .dahaFazlasi:hover {background-color: #eee; border: 1px solid #ccc}



</style>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Video Sitesi</title>
<link rel="stylesheet" href="../style/style.css" type="text/css" />        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>        <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/jquery.effects.core1.java"></script>        <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/jquery.tipsy1.java"></script>        <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/site1.java"></script>                <!-- Navbar -->
<div id="navbar">
<div class="navbar"><!-- Dil Seçeneği -->
<div id="dilSecenegi"><a href="#" title="T&uuml;rk&ccedil;e" class="aktif"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/turkce.png" alt="" /></a>                <a href="#" title="English"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/ingilizce.png" alt="" /></a></div>
<!--#Dil Seçeneği -->                    <!-- Mini İstatistik -->
<div class="miniIstatistik">Şuan sitedeki <strong>13 kişi</strong> toplam <strong>3,457 video</strong>'nun keyfini &ccedil;ıkarıyor.. Sizde onlardan birisi olun!</div>
<!--#Mini İstatistik --></div>
</div>
<!--#Navbar -->        <!-- Header -->
<div id="header">
<div class="header2"><!-- Nav Menü -->
<div id="navMenu">
<ul>
    <li><a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/kayitikon.png" alt="" /> kayıt ol</a></li>
    <li><a href="#" id="girisYap"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/girisikon.png" alt="" /> giriş yap</a></li>
</ul>
</div>
<!--#Nav Menü -->                            <!-- Giriş Yap -->
<div id="girisForm">
<h1><span style="float: right"><a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/kapat.png" alt="" id="formKapat" /></a></span>                    Giriş Yap</h1>
<div class="gForm"><span>Kullanıcı Adı:</span>                        <span><input type="text" name="kadi" class="gInput" /></span>                        <span>Şifre:</span>                        <span><input type="password" name="kadi" class="gInput" /></span>                        <span>                            <span style="float: right; margin-top: -8px"><a href="#">Şifremi Unuttum?</a></span>                        <input type="submit" value="Giriş Yap" class="btn" style="cursor: pointer" />                        </span></div>
</div>
<!--#Giriş Yap -->                    <!-- Logo -->
<div class="logo"><a href="#">                    <img src="http://img.webme.com/pic/f/frmbestlive/logo_frmbestlive.png" alt="" />                </a></div>
<!--#Logo -->                        <!-- Menü -->
<div id="menu">
<ul>
    <li class="aktif"><a href="#">anasayfa</a></li>
    <li><a href="#">kategoriler</a></li>
    <li><a href="#">kanallar</a></li>
</ul>
</div>
<!--#Menü -->
<div class="clear">&nbsp;</div>
<!-- Arama -->
<div id="arama">
<form action="" method="get">
    <span class="a1"><input type="image" src="http://img.webme.com/pic/t/tasarimfrmbestlive//arabtn.png" /></span>                    <span class="a2"><input type="text" name="kelime" placeholder="Sitedeki videolarda ara.." /></span>
</form>
</div>
<!--#Arama --></div>
</div>
<!--#Header -->        <!-- Genel -->
<div id="genel"><!-- Sağ -->
<div id="sag"><!-- Benzer Videolar -->
<h1>Benzer Videolar</h1>
<div id="sonYorumlananlar" style="height: 587px">
<ul>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
    <li><a href="#">                            <img src="http://i.ytimg.com/vi/De4bPBVnDEI/hqdefault.jpg" alt="" />                            <span class="syBaslik">1 Kalp (Tayfun &amp; Murat)</span>                            <span class="syKategori">Komedi</span>                        </a></li>
</ul>
</div>
<!--#Benzer Videolar -->                    <!-- Reklam -->
<div class="sagReklam"><a href="#">                    <img src="http://img.webme.com/pic/t/tasarimfrmbestlive/reklam2.png" alt="" />                </a></div>
<!--#Reklam -->                    <!-- Kategoriler -->
<h1>Kategoriler</h1>
<div id="kategoriler">
<ul>
    <li><a href="#">M&uuml;zik</a></li>
    <li><a href="#">Spor</a></li>
    <li><a href="#">Magazin</a></li>
    <li><a href="#">Film</a></li>
    <li><a href="#">Video</a></li>
    <li><a href="#">M&uuml;zik</a></li>
    <li><a href="#">Spor</a></li>
    <li><a href="#">Magazin</a></li>
    <li><a href="#">Film</a></li>
    <li><a href="#">Video</a></li>
</ul>
<div class="clear">&nbsp;</div>
</div>
<!--#Kategoriler -->                        <!-- Etiketler -->
<h1>Etiket Bulutu</h1>
<div id="etiketler"><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a><a href="#">erkek</a>                <a href="#">zenci</a>                <a href="#">yahni</a></div>
<!--#Etiketler --></div>
<!--#Sağ -->            <!-- Sol -->
<div id="sol"><!-- Video -->
<div class="videoBlok">
<h2><span id="genislet">Videoyu Genişlet</span>                1 Kalp (Tayfun | Murat)</h2>
<div class="videoKod"><iframe width="100%" height="100%" src="http://www.youtube.com/embed/mZwSqbrM1Rg" frameborder="0" allowfullscreen></iframe></div>
</div>
<!--#Video -->                        <!-- Beğen Kutusu -->
<div class="begenKutusu">
<div class="begenmeOrani" style="background-color: #eee">
<div class="oran">&nbsp;</div>
</div>
<div class="begenenToplam"><strong>14 kişi</strong> beğendi / <strong>1 kişi</strong> beğenmedi</div>
<div class="begenButonlar"><a href="#" id="begen">Beğen</a>                    <a href="#" id="begenme">Beğenme</a></div>
</div>
<!--#Beğen Kutusu -->                        <!-- Video İzlenme -->
<div id="videoSol">
<div id="videoIzlenme">
<div class="vTarih"><strong>17 g&uuml;n</strong> &ouml;nce eklendi</div>
<span>1,547<strong> kez izlendi</strong></span></div>
<div id="videoSosyal"><strong>Paylaş: </strong>                    <a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/facebook.png" alt="" rel="_prototurk" title="Facebook'da Paylaş" /></a>                    <a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/twitter.png" alt="" rel="_prototurk" title="Twitter'da Paylaş" /></a>                    <a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/linkedin.png" alt="" rel="_prototurk" title="Linkedin'de Paylaş" /></a>                    <a href="#"><img src="http://img.webme.com/pic/t/tasarimfrmbestlive/google.png" alt="" rel="_prototurk" title="Google'da Paylaş" /></a></div>
<div id="videoKategori"><a href="#">M&uuml;zik</a></div>
</div>
<!--#Video İzlenme -->
<div class="clear">&nbsp;</div>
<!-- Yorum Yap -->
<div id="yorumYap">
<h3>T&uuml;m Yorumlar (5)</h3>
<div class="clear">&nbsp;</div>
<textarea name="yorum">Yorum Yazın..</textarea>
<div id="yGonder"><a href="#" id="gonder" class="btn">Yorum G&ouml;nder</a>                    <span>İptal Et</span></div>
<div class="clear">&nbsp;</div>
</div>
<!-- Yorum Yap -->
<div class="clear">&nbsp;</div>
<!-- Yorumlar -->
<div id="yorumlar">
<div class="yorum">
<div class="yorumSag">
<div class="cevapla">Cevapla</div>
<strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="yorumaYorumYap"><textarea name="yorum" rows="0" cols="0"></textarea>
<div class="clear">&nbsp;</div>
<div class="yyyGizli"><a href="#" id="gonder" class="btn">G&ouml;nder</a>                            <span>İptal Et</span></div>
</div>
<!-- Alt Yorumlar -->
<div id="altYorumlar">
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="alt_yorum"><strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
</div>
<!--#Alt Yorumlar --></div>
<div class="yorum">
<div class="yorumSag">
<div class="cevapla">Cevapla</div>
<strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="yorumaYorumYap"><textarea name="yorum" rows="0" cols="0"></textarea>
<div class="clear">&nbsp;</div>
<div class="yyyGizli"><a href="#" id="gonder" class="btn">G&ouml;nder</a>                            <span>İptal Et</span></div>
</div>
</div>
<div class="yorum">
<div class="yorumSag">
<div class="cevapla">Cevapla</div>
<strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="yorumaYorumYap"><textarea name="yorum" rows="0" cols="0"></textarea>
<div class="clear">&nbsp;</div>
<div class="yyyGizli"><a href="#" id="gonder" class="btn">G&ouml;nder</a>                            <span>İptal Et</span></div>
</div>
</div>
<div class="yorum">
<div class="yorumSag">
<div class="cevapla">Cevapla</div>
<strong>@tayfunerbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="yorumaYorumYap"><textarea name="yorum" rows="0" cols="0"></textarea>
<div class="clear">&nbsp;</div>
<div class="yyyGizli"><a href="#" id="gonder" class="btn">G&ouml;nder</a>                            <span>İptal Et</span></div>
</div>
</div>
<div class="yorum">
<div class="yorumSag">
<div class="cevapla">Cevapla</div>
<strong>@terbilen</strong>
<div class="clear">&nbsp;</div>
<p>bu bir deneme yorumu olup paylaşılan şarkının g&uuml;zel olduğuda s&ouml;ylenmeden ge&ccedil;ilemez.. ama birazda melodramik değil mi sanki?</p>
</div>
<div class="yorumaYorumYap"><textarea name="yorum" rows="0" cols="0"></textarea>
<div class="clear">&nbsp;</div>
<div class="yyyGizli"><a href="#" id="gonder" class="btn">G&ouml;nder</a>                            <span>İptal Et</span></div>
</div>
</div>
<div class="clear">&nbsp;</div>
<div class="dahaFazlasi"># Daha Fazla Yorum G&ouml;ster #</div>
</div>
<!--#Yorumlar --></div>
<!--#Sol -->
<div class="clear">&nbsp;</div>
<!-- Footer -->
<div id="footer"><!-- Footer Arama -->
<div id="footerArama"><span class="fa2"><input type="submit" value="" /></span>                <span class="fa1"><input type="text" name="kelime" placeholder="Videolarda Ara.." /></span></div>
<!--#Footer Arama -->                    <!-- Copyright -->
<div class="copyright"><a href="http://www.erbilen.net" title="Tasarlayan - Tayfun Erbilen">                    Tasarlayan - Tayfun Erbilen                </a>                <br />
<a href="#">T&uuml;m Hakları Saklıdır. &copy; 2012 - Erbilen.NET</a><br />
<a href="http://frmbestlive.tr.gg" title="D&uuml;zenleyen &amp; Uyarlayan - FrmBestLive">                    D&uuml;zenleyen &amp; Uyarlayan - FrmBestLive                </a></div>
<!--#Copyright -->
<ul class="fMenu">
    <li class="baslik">Hızlı Men&uuml;</li>
    <li class="aktif"><a href="#">. anasayfa</a></li>
    <li><a href="#">. hakkımızda</a></li>
    <li><a href="#">. kategoriler</a></li>
    <li><a href="#">. kanallar</a></li>
    <li><a href="#">. sss</a></li>
    <li><a href="#">. iletişim</a></li>
</ul>
<!-- Sosyal Ağlar -->
<ul class="fSosyal">
    <li class="baslik">Sosyal Ağlar</li>
    <li class="facebook"><a href="#">Facebook Sayfamız</a></li>
    <li class="twitter"><a href="#">Twitter'dan Takip Edin!</a></li>
    <li class="abone"><a href="#">Videolara Abone Olun!</a></li>
    <li class="mail"><a href="#">İletişime Ge&ccedil;in!</a></li>
</ul>
<!--#Sosyal Ağlar --></div>
<!--#Footer --></div>
<!--#Genel -->            </meta>
Sitemizdeki reklamlara günde 1 kere tıklarsanız bize en büyük desteği sağlamış olursunuz.

İçerik Yetkilisi, Deneme Moderatör ve Destek Ekibi alımları başlamıştır. Başvurular Site Adminlerine..

Emek verilmiş konulara Teşekkür etmeyi unutmayalım.
Forumda vakit geçirdiğiniz sürece bir aile ortamında olduğunuzu ve bu sebeple de yazdıklarınıza dikkat etmeniz gerektiğini unutmayınız.
Konu içerisinde gördüğünüz hataları veya kurallara aykırı davranışları bildir butonunu kullanarak bizlere iletebilirsiniz.
« Önceki | Sonraki »




Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Bedava-Sitem Üye Paneli, Üye Profili Tasarımı DaggeroN 1 854 03-11-2014 08:52 PM
Son Mesaj: Himmet50
  CSS Paylaşım Site Tasarımı DaggeroN 4 745 03-11-2014 08:49 PM
Son Mesaj: Himmet50
  Film Sitesi Tasarımı DaggeroN 1 576 03-11-2014 08:48 PM
Son Mesaj: Himmet50
  Metin2 Forum Tasarımı - CSS Tasarım DaggeroN 2 960 02-22-2014 03:02 PM
Son Mesaj: maraz123
  CSS Forum Sitesi Tasarımı DaggeroN 1 614 09-09-2013 06:40 PM
Son Mesaj: İzinsiz

Forum'a Git:


Konuyu görüntüleyenler: 1 Misafir