Vbulletin spoiler ekleme - açılır kapanır pemcere içine resim alıntı v - Havas Okulu
 

Go Back   Havas Okulu > Serbest Bölüm > Web & internet > vBulletin

Acil işlemleriniz için instagram: @HavasOkulu
Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 11.11.17, 10:04
HeartLess - ait Kullanıcı Resmi (Avatar)
Administrator
 
Üyelik tarihi: 18.08.14
Bulunduğu yer: Dip..
Mesajlar: 3,557
Etiketlendiği Mesaj: 2190 Mesaj
Etiketlendiği Konu: 0 Konu
Standart Vbulletin spoiler ekleme - açılır kapanır pemcere içine resim alıntı v

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: [Görünüm]
Kod:
<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.
__________________
öLürüm yoLuna öLürümde yine boyun eğmem, yakarım dünyayı uğruna ama sana eğiLmem.. öyLe sInIrsIz öyLe Derin öyLe Çok Severim ki KORKARSIN!! Kuruyup çöLe dönsemde Pare Pare oLsamda YENiLMEM!!..
Alıntı ile Cevapla
  #2  
Alt 02.05.18, 09:07
Daimi Üye
 
Üyelik tarihi: 28.04.15
Bulunduğu yer: Nefes Aldığım Yerde
Mesajlar: 15,059
Etiketlendiği Mesaj: 884 Mesaj
Etiketlendiği Konu: 0 Konu
Standart

Sayın HeartLess, konu paylaşımınız için teşekkür ederiz.
__________________
Sözün kıymetini '' Lal'' olandan,
Ekmeğini kıymetini ''Aç '' olandan,
Aşkın kıymetini ''Hiç'' olandan öğren..

Alıntı ile Cevapla
Cevapla

Etiketler
acilir, acilor, alinti, ekleme, icine, kapanir, pemcere, resim, spoiler, vbulletin

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
vBulletin Login kısmına icon ekleme HeartLess vBulletin 3 23.01.21 01:36
Navbar'a resim ekleme HeartLess vBulletin 2 07.05.18 09:17
vBulletin Kullanıcı adlarına parıltı ekleme HeartLess vBulletin 2 07.05.18 09:17
Vbulletin Logo Yanına Banner Ekleme HeartLess vBulletin 1 01.05.18 09:39
vBulletin Konu içerisinde sağa ya da sola resim ekleme HeartLess vBulletin 2 01.05.18 09:25


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 07:34.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
HavasOkulu.Com

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147