Öncelikle Plugin Yönetiminden " DVZ Shoutbox (2.3.2) " yazan eklentiyi aktifleştiriyoruz.
Eklentiyi aktifleştirdikten sonra Admin KP - Temalar & Şabonlar - Temalar - Temanız - global.css'yi açıp en altına aşağıdaki kodları yapıştıralım.
(Bu kodlar olmadan .css tanımlaması olmadığından bozuk görüntü oluşur...)
Kodlardaki renkleri dilediğiniz şekilde değiştirebilirsiniz...
Eklenti kurulduğunda bütün temalara otomatik ekleme yapmıyor. Bu sebeple manuel olarak şablonlara ekleme yapıcaz.
Kullandığınız tema > Şablonlar > Ana sayfa şablonlar > index şablonunda istediğiniz yere aşağıdaki kodu ekleyin.
Şuanda başarılı şekilde eklentinin kurulumunu tamamladık. Eğer hala bozukluk varsa sayfanız açıkken "ctrl + f5" yapın...
Aşağıya eklentinin Türkçe'ye çevrilmiş haline ait resim bırakıyorum . Bu şekilde daha rahat inceleyebiliriz.
Buradaki yenileme aralığı "Refresh interval" değerini 5'ten az yapmıyoruz . Aksi takdirde sistem stabil olarak devam edemiyor...
Kısaca buradaki ayarları varsayılan olarak bırakıyoruz. Refresh interval haricinde değişmek istedikleriniz varsa yine sizin tercihiniz...
1.1 - KODLARDAKİ DEĞİŞİKLİKLER
Eklentiyi aktifleştirdikten sonra Admin KP - Temalar & Şabonlar - Temalar - Temanız - global.css'yi açıp en altına aşağıdaki kodları yapıştıralım.
(Bu kodlar olmadan .css tanımlaması olmadığından bozuk görüntü oluşur...)
PHP Kod:
/* DVZ Shoutbox Kod Düzenlemesi (destek.10tl.net) */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; border-bottom: solid 2px rgba(0,0,0,0.1); }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }
#shoutbox .panel { border-bottom: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }
#shoutbox .window { overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }
#shoutbox .entry > div { display: table-cell; padding: 6px; }
#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox .ip { margin-right: 10px; color: #CECECE; }
Kodlardaki renkleri dilediğiniz şekilde değiştirebilirsiniz...
Eklenti kurulduğunda bütün temalara otomatik ekleme yapmıyor. Bu sebeple manuel olarak şablonlara ekleme yapıcaz.
Kullandığınız tema > Şablonlar > Ana sayfa şablonlar > index şablonunda istediğiniz yere aşağıdaki kodu ekleyin.
PHP Kod:
{$dvz_shoutbox}
Şuanda başarılı şekilde eklentinin kurulumunu tamamladık. Eğer hala bozukluk varsa sayfanız açıkken "ctrl + f5" yapın...
1.2 -EKLENTİ AYARLARI
Aşağıya eklentinin Türkçe'ye çevrilmiş haline ait resim bırakıyorum . Bu şekilde daha rahat inceleyebiliriz.
Buradaki yenileme aralığı "Refresh interval" değerini 5'ten az yapmıyoruz . Aksi takdirde sistem stabil olarak devam edemiyor...
Kısaca buradaki ayarları varsayılan olarak bırakıyoruz. Refresh interval haricinde değişmek istedikleriniz varsa yine sizin tercihiniz...
1.3 - GOMOBİLE UYUMLULUĞU
Son olarak eğer kullanıyorsanız GOMobile uyumluluğundan bahsedelim. DVZ shoutbox ile GoMobile eklentisi arasında herhangi bir uyumsuzluk yok. Sorun varsayılan tema ile alakalı...
Genel Forum Ayarlarından > GoMobile Ayarlarına giriyoruz...
Burada Tema ID yazan bölümdeki numarayı silip sitemize yüklediğimiz başka bir mobil uyumlu temanın ID numarasını giriyoruz.
"ID numarasını nereden öğreneceğim ? " diyorsanız Temalar bölümünde yüklediğiniz temaların üzerinde bekleyin size urlsini gösterir. O url'nin son kısmında yazar.
Örneğin;
Kod:
http://destek.10tl.net/admin/index.php?module=style-themes&action=edit&tid=6
Bu temanın ID'si 6'ymış.
Tema ID yerine "*6" yazıp Ayarları Kaydet diyoruz. (*Sizdeki değer farklıdır.)
(Tabi yukarıdaki css kodu ve şablon düzenlemesini bu tema içinde yaptığınızı varsayıyorum.)
Hepsi bu kadar iyi kullanımlar , iyi forumlar...
-ARCH
Lütfen "Rep Ver" butonuna tıklayarak bizi değerlendirin.
✅Forum Organizatörü
Lütfen "Rep Ver" butonuna tıklayarak bizi değerlendirin.
✅Forum Organizatörü