Toplam 2 adet sonuctan sayfa basi 1 ile 2 arasi kadar sonuc gösteriliyor
  1. #1
    Üyelik tarihi
    03.Ekim.2014
    Mesajlar
    3,100
    Aldığı Teşekkür
    54
    Ticaret Puanı
    0

    Standart vBulletin Spoiler BBCODE

    vBulletin Spoiler BBCODE

    vBulletin forumlarınızda uzun alıntılar, çok fazla görsel barındıran sunumlar yaparken Spoiler kullanımı önerilir. Bu sayede sayfadaki yüklenme süresi düşer. Aşağıdaki görselerde de görüldüğü gibi mesajlara sadelik kazandırır.





    Peki Spoiler BBCODE nasıl eklenir?

    Admin Panel'de Kişisel BBcode'lar menüsünü açalım ve Yeni BBCode Ekle'ye tıklayalım. Açılan sayfada şu bilgileri ekleyip kaydedelim.

    Başlık : Spoiler
    BB Kodu Etiket Adı : Spoiler
    Replacement :
    scription">PHP- Kodu:
    <script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $("document").ready(
       function()
       {
          $("input.changevalue").toggle(
             function()
             {
                $(this).val('Devamına bak');
             },
             function()
             {
                $(this).val('Devamına bak');
             }
          );
       }
    );
    </script>
    <style>
    .eti-ket_spoiler {
        background-color: #CDE1F7;
        border: 1px solid #7998AD;
        border-radius: 5px;
        margin: 30px 10px 0;
        padding: 5px 10px; }
        .eti-ket_spoiler h4 {
            color: #7998AD;
            font-size: 13px;
            font-style: italic;
            text-align: right; }
    .eti-ket_spoiler_box {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #7998AD;
        border-radius: 5px;
        display: block;
        max-height: 550px;
        overflow: auto;
        padding: 10px;
        width: 98%; 
            margin-top: 5px;
           display: none;}
    </style>
    <div class=" eti-ket_spoiler">
        <span style=" background: none repeat scroll 0 0  #CDE1F7;border-radius: 5px;border-top: 1px solid #7998AD; float:  left;margin-top: -20px;padding: 0 5px;">
        <img src="images/visible.png" alt="Spoiler"/>
        </span>
        <h4>
        <input type="button" class="changevalue" value="Devamına bak"  style=" background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border:  medium none; color: #7998AD; cursor: pointer; font-size: 15px;  font-style: italic; text-align: right; "  onclick="$(this).parents('.eti-ket_spoiler').find('.eti-ket_spoiler_box').toggle('slow');">
        </h4>
        <div class="eti-ket_spoiler_box">
             {param}
        </div>
    </div> 
    Örnek: [ Spoiler ]İçerik[ /Spoiler ] (Buradaki boşluklar olmayacak. Boşluk bırakmazsak örnek kodu göremezsiniz.
    Açıklama: İçeriği kapanır açılır pencere ile gizleyebilir küçültebilirsiniz
    {option} kullanılsınmı? : Hayır
    Tuş Grafiği (Opsiyonel) : images/spoiler.png (Ekteki iki ikonu indirip, FTP'de images klasörüne atın)
    Boş ise Etiketi Kaldır: Evet
    Diğer Seçenekler :
    Hayır.

    Kaydet deyin. Hepsi bu kadar.

    spoiler ikonunu indirin:

  2. #2
    Üyelik tarihi
    11.Ocak.2014
    Mesajlar
    1,706
    Aldığı Teşekkür
    42
    Ticaret Puanı
    0
    Blog Başlıkları
    3

    Standart

    Çok güzel bir kod, eline sağlık usta.

Konu Bilgileri

Bu Konuya Gözatan Kullanıcılar

Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)

Benzer Konular

  1. Integration with vBulletin - Accelerated Mobile Pages for vBulletin
    Konu Sahibi vBulletin.Org Forum vBulletin 3.8 Official Mods
    Cevap: 0
    Son Mesaj : 02.Kasım.2016, 03:49
  2. BBCode: Embed Facebook Videos vb4
    Konu Sahibi vBulletin.Org Forum vBulletin 4.x Official Mods
    Cevap: 0
    Son Mesaj : 29.Eylül.2015, 22:50
  3. BBCode For Username HTML Markup
    Konu Sahibi vBulletin.Org Forum vBulletin 4.x Official Mods
    Cevap: 0
    Son Mesaj : 27.Eylül.2015, 02:26
  4. Ücretsiz vBulletin Desteği- vBulletin Hizmeti
    Konu Sahibi Sir.Vanity Forum vBulletin
    Cevap: 1
    Son Mesaj : 11.Temmuz.2015, 19:55
  5. vBulletin nedir?
    Konu Sahibi WeBMasteR Forum vBulletin
    Cevap: 0
    Son Mesaj : 21.Mayıs.2014, 22:20

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •  
Yasal Bildirim
Sitemizde paylaşım yapan tüm üyeler T.C.K 20. Madde ve 5651 Sayılı Kanun'un 4. maddesinin 2. fıkrasına göre kendi konu ve mesajlarından sorumludur. Webmaster.bbs.tr hakkında yapılacak olan hukuksal ve diğer şikayetler için iletişim bölümünden iletişime geçilmesi halinde site yönetimi tarafından gereken işlemler yapılacak ve ilgili kişilere/kurumlara/vekillerine bilgi verilecektir.
Sosyal Medya