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. |
