Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Blogger da yanyana spoiler kod yapimi

Merhaba arkadaslar. blogger icin yanyana acilir kapanir kutucuk yapimi hakkinda bilgi almak istiyorum.

http://www.demotestin.blogspot.com/2013/03/piyanist.html bu adresde afisin altinda 6 tane acilir kapanir spoiler kod kutusu var,goster sakla butonlari bunlar. bunlari bir arkadas sayesinde yaptim fakat gordugunuz gibi alt alta gelmis ben ise yanyana gelmesini istiyorum.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • Asiismet adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    141 cevap - 18 soru
    Şu haliyle isteginiz pek mümkün degil. çünkü input nesneleri her div elemetinin içinde tanımlanmış.
    Js kodlamasını bulamadım. lakin. şu şekilde bir çözüm getirilebilir olaya...

    <script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){
    //===============================================//
    jQuery("#movie_info").click(function () { 
      jQuery(".movie_info").fadeToggle(1000,'swing');
      return false; 
    });
    
    jQuery("#movie_trailer").click(function () { 
      jQuery(".movie_trailer").fadeToggle(1000,'swing');
      return false; 
    });
    //===============================================//
    });// End ready	
    //]]> 
    </script>
    
    <div>
    <!-- Düğmeler -->
    <input style="float:left;" id="movie_info" onclick="this.value=this.value=='Sakla'?'Göster':'Sakla';" type="button" value="Göster" />
    <input style="float:left;" id="movie_trailer" onclick="this.value=this.value=='Sakla'?'Göster':'Sakla';" type="button" value="Göster" />
    
    </div>
    <!-- Movie info -->
    <div class="movie_info">
    <pre><code>Yapımcı Roman Polański
    Oyuncular Adrien Brody
    Thomas Kretschmann
    Müzik Wojciech Kilar
    Kurgu Hervé de Luze
    Türü Biyografi, dram, savaş
    Yapım yılı 2002, Almanya, Birleşik Krallık, Fransa, Polonya
    Süre 150 dakika
    Dil İngilizce, Almanca, Rusça, Türkçe
    Bütçe 35 milyon $ (öngörülen)
    Hasılat 120,072,577 $</code></pre>
    </div>
    <!-- Movie trailer -->
    <div class="movie_trailer">
    <pre><code><object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/CIRLLPa-j9o?hl=tr_TR&version=3&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/CIRLLPa-j9o?hl=tr_TR&version=3&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></code></pre>
    </div>
    


    örnekte iki düğme ve iki adet spoiler paneli tanımladım. biraz dikkat ederseniz düğme idsine click olayı oldugunda aynı isme sahip class ile tanımlanmış div elementine fadetoggle fonksiyonu uygulayarak açıp kapatma işlemini gerçekleştirdigini görürsünüz.

    Örnegi çogaltarak diger düğmeleride yan yana dizmeniz mümkün.
    Kolay gelsin.
    • cbeyazt adlı üyenin fotoğrafı cbeyazt
      cok tesekkur ederim sayin asiismet cok faydali oldu. denedim birkac tane daha dugme ekleyebiliyorum yalniz su goster sakla butonu seklinde degil de ornegin fragman ise fragman dugmesine basicak acilacak tekrar fragman dugmesine basicak kapanacak. bununda bir ornegini vermek gerekirse http://demotestin.blogspot.com/2013/03/fun-size.html adresinde izleme secenekleri butonuna basiyorum aciliyor, tekrar basiyorum kapaniyor. Yani kisacasi goster/sakla butonlarini hakkinda,fragman,izleme secenekleri,imdb adiyla degistirmem mumkun mu.
      8 yıl önce yazılmış
    • Asiismet adlı üyenin fotoğrafı Asiismet
      düğme isimleri aynımı olsun diyorsun.

      Bunun için inputlardaki, şu kısmı silmeli ve value etiketlerindeki göster degerini isteğine göre değiştirebilirsin.
      onclick="this.value=this.value=='Sakla'?'Göster':'Sakla';"
      


      <input id="movie_info" style="float: left;" type="button" value="Film Bilgileri" />
      
      8 yıl önce yazılmış
    • cbeyazt adlı üyenin fotoğrafı cbeyazt
      Valla supersin hatta on numarasin,benim gibi kodlardan anlamayan birisi icin bu bilgiler cok sey ifade ediyor,cok tesekkur ederim.

      Blogger yorum formuyla alakali bir soru sordum, insallah ordada bilgilerinizden faydalanirim. http://www.uzmansorusu.com/soru/4377/blogger-da-yorum-yaz-ve-yorum-goster-kisimlarini-ayri-ayri-gostermek
      8 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.