tasarimduragi - css vidmuzik

css vidmuzik

VidMüzik

İşte mükemmel bir tasarım daha!

TasarımDurağı ve arabeskrapin.tr.gg işbirliğiyle sizlerle buluşan bu css tasarım ile bedava-sitem'i video/müzik sitesine çevirebileceksiniz!

BS tasarımları arasında profesyonel görünümlü css tasarım bulmak zordur. Ancak bu VidMüzik teması sayesinde siteniz her zamankinden daha profesyonel görünebilir!

3 büyük reklam alanı bulunduran, sade tasarımıyla ziyaretçileri sitenize hızla ısındırabilecek, kategori işlevli menüsüyle dikkat çeken VidMüzik teması tam size göre! Hemen deneyin, tr gg sitenizi video sitesine çevirin!

Tasarımın üzerine yazı :

</table></div> <center><table style="width: 0px; height: 0px;"><tbody> <tr> <td background="https://img.webme.com/pic/o/osmantalay/bsreklambg13.png"><center> <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe>  </table> </center>    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" class="no-js" lang="tr"> <head>  <FCK:meta charset="utf-8" />  <title>Full Arabesk Rap</title>   </head> <body>  <div id="arkaplan"><div id="arkaplan2">   <div id="ana-tablo">                    <header id="header">                               <div id="logo">                  <a href="" _fcksavedurl=""></a>                 </div>                                  <div class="reklam">                 <a href="http://www.koddostu.com" _fcksavedurl="http://www.koddostu.com" target="_blank" style="display:block;width:468px;height:60px;background:transparent url(http://1.bp.blogspot.com/-KbM6MDFfqwo/T-i_si2oKwI/AAAAAAAALh4/VWNhDjsDAco/s1600/Ertty.png) no-repeat top left"></a>                 </div>                               <nav id="menu">                                       <ul>                      <li><a href="http://arabeskrapin.tr.gg/ana-sayfa.htm" _fcksavedurl="http://arabeskrapin.tr.gg/ana-sayfa.htm">                        <h3>Anasayfa</h3>                       <li><a href="http://arabeskrapin.tr.gg/admin.htm" _fcksavedurl="http://arabeskrapin.tr.gg/admin.htm">                        <h3>Admin</h3>                      </a></li>                      <li><a href="http://arabeskrapin.tr.gg/Rapciler.htm" _fcksavedurl="http://arabeskrapin.tr.gg/Rapciler.htm">                        <h3>Rapciler</h3>                      </a></li>                      <li><a href="http://arabeskrapin.tr.gg/yasal-uyari.htm" _fcksavedurl="http://arabeskrapin.tr.gg/yasal-uyari.htm">                        <h3>Yasal Uyari</h3>                      </a></li>                       <li><a href="http://arabeskrapin.tr.gg/haberler.htm" _fcksavedurl="http://arabeskrapin.tr.gg/haberler.htm">                        <h3>Haberler</h3>                      </a></li>                      <li><a href="/Forum/index.htm" _fcksavedurl="/Forum/index.htm">                        <h3>Forum</h3>                      </a></li>                      </ul>                                      </nav>                              </header>                           <div id="icerik-tablo" class="clearfix">                        <div id="sol-sutun">                                               <div class="dizi-liste-sezon">

Tasarımın altına yazı :

</div>                                                           </div>                                  <div id="sag-sutun">                                      <div class="sag-sutun-ust"></div>                   <div class="sag-sutun clearfix">                                         <div class="reklam">                         <a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/reklam.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/reklam.png" alt=""></a>                     </div>                      <div class="diger-bolumler">                         <div class="baslik"><h3> <b>Kategori</b></h3></div>                                                  <ul>                              <li><a href="" _fcksavedurl="">Eklenecek_1</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_2</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_3</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_4</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_5</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_6</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_7</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_8</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_9</a></li>                             <li><a href="" _fcksavedurl="">Eklenecek_10</a></li>                            </ul>                        </div>                     <div class="reklam">                      <a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/reklam.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/reklam.png" alt=""></a>                     </div>                                      </div>                   <div class="sag-sutun-alt"></div>                                    </div>                          </div>             <div id="icerik-alt"></div>                           <footer id="footer">                        <div class="populer">                         <h3>TEMA HAKKINDA</h3>                          <div class="linkler">                             Bu Temanin Artik bir botu vardir bu temayi sitesine ekleyenlerin sitesine otomatk olarak eklenecektir Arabeskrapin.tr.gg sitesine eklenen her video aninda sizinde sitenizde olacaktir... Sitenin Botunu Koddostu Kodlari Sayesinde Yapacagiz... Botu Görmek icin <a href="http://arabeskrapin.tr.gg/BOT.htm" _fcksavedurl="http://arabeskrapin.tr.gg/BOT.htm">TIKLA</a>                         </div>                      </div>                      <div class="footer-sag">                          <div id="footer-logom">                             <a href="/ana-sayfa.htm" _fcksavedurl="/ana-sayfa.htm"></a>                         </div>                          <div class="telif">                             (c) 2012 - ArabeskRap'in<br>                             <a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com" target="_blank" style="text-decoration:none !important;color:#fff !important;">Tüm haklari saklidir.</a>                             <br>Tema Semih Ayhan`a ait olup Serhat Gencyigitolu Tarafindan Bedava-sitem'e Cevrilmistir.  <br></br></br>                             <span>Sitemizde bulunan bütün videolar<br>                             SerhatWeb adiylan Youtube'den Desteklenmektedir.<br> <br> </br>  </span>                         </div>                      </div>              </footer>       </div>     </div></div>      <div id="arka"></div> </body> </html>             <a onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" href="http://sitedoktoru.blogspot.com" _fcksavedurl="http://sitedoktoru.blogspot.com" target="_blank" class="busited subited" style="margin:0px;padding:0px;display:block;width:120px;height:47px;background:transparent url(http://3.bp.blogspot.com/-Tg7T5HrjZ2w/T9trt_BD2KI/AAAAAAAALO4/DMas_bXsqs8/s1600/koru.png) no-repeat; center"></a> <!DOCTYPE HTML><style type="text/css">a.busited{position:fixed;z-index:99500;}a.subited{bottom:0px;right:0px;}</style><style type="text/css">a.busited{_position:absolute;}a.subited{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>

Css Kodu :

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} #arabeskrapin {display:none;} //--></style> <div id="arabeskrapin"><style type="text/css"> <!--table {margin-left: auto;margin-right: auto}      /*  Style Sheet :: style.css  ----------------------------------------------------------    Author                                      : Semih AYHAN  Author URL                             : www.smhayhan.com  bedava-sitem  Author           : Serhat Gencyigitoglu         Bedava-sitem Url                  :arabeskrapin.tr.gg  Theme                                     : FDI New Style    This theme built by Semih AYHAN.  Copyright (c) 2012 Semih AYHAN. All Rights Reserved.   -------------------------------------------------------------------------------*/  /* Reset -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }           article, aside, figure, footer, header, hgroup, nav, section {display: block;}  img, object, embed {max-width: 100%;}  html {overflow-y: scroll;}  ul, ol {list-style: none;}  blockquote, q {quotes: none;}  blockquote:before,  blockquote:after,  q:before,  q:after {content: ''; content: none;}  a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}  del {text-decoration: line-through;}  abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}  table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;}  hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}  input, select {vertical-align: middle;}  :focus {outline: none;}  input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;}  select, input, textarea {font: 99% sans-serif;}  table {font-size: inherit;}   a:hover, a:active {outline: none;}  small {font-size: 85%;}  strong, th {font-weight: bold;}  td, td img {vertical-align: top;}   sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;}  pre, code, kbd, samp {font-family: monospace, sans-serif;}  .clickable, label,  input[type=button],  input[type=submit],  button {cursor: pointer;}  button, input, select, textarea {margin: 0;}  button {width: auto; overflow: visible;}  .hidden {height: 0px; overflow: hidden; display: none; visibility: hidden;}  .clear {clear: both;} .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }   .clearfix { height: 1%; }    /* Genel -------------------------------------------------------------------------------*/ html {background: url('https://img.webme.com/pic/a/arabeskrapin/arkaplan.png') repeat center top; height: 100%;} body {background: url('http://img.

Anasayfaya eklenecek kod :

<div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div> <div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div> <div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div> <div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div> <div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div> <div class="dizi-tablo clearfix"> <div class="resim"><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo"><img border="1" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 280px; height: 110px;" src="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" _fcksavedurl="http://i3.ytimg.com/vi/Z6j63ImEKyo/default.jpg" /></a></div> <div class="dizi-isim"> <h3><a href="http://www.youtube.com/watch?v=sM0XvXEt2lo" _fcksavedurl="http://www.youtube.com/watch?v=sM0XvXEt2lo">The Call of Ktulu</a></h3> </div>  <div class="b-sayi"> <h3>Sanatçı: <span>Metallica</span></h3> </div> </div>

Alternatif sayfa içeriği :

<div style="position:absolute; overflow:hidden; width:640px; height:800px;border:0px solid #999;"><iframe width="650" scrolling="no" height="1200" frameborder="0" style="top:-310px;left:-15px;position:absolute" name="arama" src="http://arabeskrapin.tr.gg/" marginwidth="0" marginheight="0"></iframe> <div> <div align="right" style="position:absolute;bottom:0px;right:0px;z-index:5000;"><a href="http://siteneeklekodlari.blogspot.com/2011/10/baska-sitenin-sadece-istedigin-ksmn.html" _fcksavedurl="http://siteneeklekodlari.blogspot.com/2011/10/baska-sitenin-sadece-istedigin-ksmn.html"><img alt="" style="border:none;width:55;height:15px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" _fcksavedurl="http://img607.imageshack.us/img607/5117/35219057.png" /></a>  <a href="http://arabeskrapin.tr.gg" _fcksavedurl="http://arabeskrapin.tr.gg"><img alt="" style="border:none;width:55;height:15px;float:right;" src="https://img.webme.com/pic/a/arabeskrapin/botresmi.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/botresmi.png" /></a></div> </div> </div>

Alternatif sayfa içeriği

<div id="uye-profili" class="clearfix"> <div class="sol"> <div class="avatar"><img width="100" height="100" src="https://img.webme.com/pic/a/arabeskrapin/serhatweb.jpg" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/serhatweb.jpg" alt="" /> <div class="nick" style="text-align: center;">Serhat Web</div> </div>  <ul class="link">     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/ekle.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/ekle.png" alt="" />Arkadas Olarak Ekle</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/email.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/email.png" alt="" />Mesaj Gönder</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/facebook.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/facebook.png" alt="" />Facebook Profili</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/twitter.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/twitter.png" alt="" />Twitter Profili</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/friendfeed.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/friendfeed.png" alt="" />Friendfeed Profili</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/myspace.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/myspace.png" alt="" />MySpace Sayfasi</a></li>     <li><a href="" _fcksavedurl=""><img src="https://img.webme.com/pic/a/arabeskrapin/lastfm.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/lastfm.png" alt="" />LastFM Sayfasi</a></li> </ul>  <div class="clear" style="height: 25px"> </div> <div class="baslik">Arkadaslari                                 <a href="/sanatcilar.htm" _fcksavedurl="/sanatcilar.htm" id="tum-arkadaslar">tümü</a></div> <ul class="arkadaslar">     <li><a href="" _fcksavedurl="" class="resim"><img src="https://img.webme.com/pic/a/arabeskrapin/bsr.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/bsr.png" alt="" /></a>                                     <a href="" _fcksavedurl="" class="isim"><span>Bilinmeyen Sahis</span></a>                                     <a href="" _fcksavedurl="" class="davet"><span>Arkadas olarak ekle</span></a></li>     <li><a href="" _fcksavedurl="" class="resim"><img src="https://img.webme.com/pic/a/arabeskrapin/eren.png" _fcksavedurl="https://img.webme.com/pic/a/arabeskrapin/eren.png" alt="" /></a>                                     <a href="" _fcksavedurl="" class="isim"><span>Bilinmeyen Sahis</span></a>                                     <a href="" _fcksavedurl="" class="davet"><span>Arkadas olarak ekle</span></a></li> </ul> </div>  <div class="sag"> <h3 class="isim">Serhat Web</h3> <ul class="bilgi">     <li><span>Memleketi :</span> Bingöl, Türkiye</li>     <li><span>Oturdugu Yer :</span> Hainburg/Donau, Avusturya</li>     <li><span>Meslegi :</span> Wepmaster</li>     <li><span>Ilgi Alanlari :</span> Web, Müzik</li>     <li><span>Kayit Tarihi :</span> 08.09.2012</li>     <li><span>Son Aktivitesi :</span> 08.09.2012 14:53</li>     <li><span>Video Ekleme Sayisi :</span> 0</li> </ul> <div class="clear" style="height: 25px"> </div> <div class="baslik">Ekledigi Videolar</div> <ul class="favori-diziler">     <li><a href="" _fcksavedurl="" class="resim"><img src="_content/images/supernatural.png" _fcksavedurl="_content/images/supernatural.png" alt="" /></a>                                     <a href="" _fcksavedurl="" class="isim"><span>Supernatural</span></a></li>     <li><a href="" _fcksavedurl="" class="resim"><img src="_content/images/himym.png" _fcksavedurl="_content/images/himym.png" alt="" /></a>                                     <a href="" _fcksavedurl="" class="isim"><span>How I Met Your Mother</span></a></li> </ul> </div> </div>