Kaynak ikonu

XF 2.0 Konu Başlıklarına Ön izleme Ekleme Manuel

Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Arkadaşlar @Tanner Arkadaşımızın talebi doğrultusunda yeniden bir düzenleme yaptım kodlarda Xenforo da yeniyim ama Php Benim işim Oyüz den İlerleyen zamanlarda eklentiler Paylaşmaya çalışacağım sizler için Şuan Manüel Ayarlı Bir Şablon düzenlemesi Olarak paylaşımlar yapmayı planlıyorum buda kod bilgisi gerektirmekte azda olsa çünkü içeriğe müdahale söz konusu olacak sürekli olarak yedeklemenizde fayda var şablonlarınızı

Görünüm ve diller >Temalarınız>{Tema Adınız}-Şablonlar
altında thread_list_macros şablonunu içerisine ekleme yapmadan önce Kodların bulunduğu alana tıklayın ve CTRL+F tuş kombinasyonu ile bu html satırın bulun
Kod:
<div class="structItem-iconContainer">
Ardından eğer size daha önce versiyondaki vermiş olduğum Kodları eklediyseniz silin ve şu kodlar ile değiştirin
Kod:
    <style>              
#preview {
     width: 200px;
  position: absolute;
  border: 5px solid #fff;
  background: #333;
  padding: 5px;
  display: none;
  border-radius:5px;
  color: #fff
}


</style>
<script type="text/javascript">
         function onizle(obj) {
            var a = $(obj);
            a.each(function(e) {              
                    $("body").append("<p id='preview'><img src='" + this.href + "' alt='Ön İzleme' />" + this.title + "</p>");
                 
                $("#preview").css({
                       
                        "top": (event.pageY - 10) + "px",
                        "left": (event.pageX + 30) + "px"
                    }).fadeIn();
                });
            a.mousemove(function(e) {
               
                $("#preview")
                    .css("top", ( event.pageY - 10) + "px")
                    .css("left", (event.pageX + 30) + "px");
            })
        }
        function sil(obj) {
            var a = $(obj);              
                   // a.title = a.t;
                    $("#preview").remove();
                }
   
    </script>  
<xf:set var="$forumIdleri" value="{{ ['64', '65', '66', '67', '68'] }}" />
<xf:if is="in_array($thread.node_id,$forumIdleri)">
    <xf:if is="$thread.getfirstPostImgUrl()">  
                    <a href="{$thread.getfirstPostImgUrl()}" class="preview"  onmouseover="onizle(this)"  onmouseout="sil(this)" title="{$thread.title}">
                        <img  src="{$thread.getfirstPostImgUrl()}" alt="{$thread.title}" width="45"></a>
        </xf:if>
<xf:else />
        <xf:avatar user="$thread.User" size="s" defaultname="{$thread.username}" />
    </xf:if>


Şimdi Yukarıdaki vermiş olduğum kodların arasında

Kod:
<xf:set var="$forumIdleri" value="{{ ['64', '65', '66', '67', '68'] }}" />
böyle bir satır mevcut bu satırın içindeki 64,65,66,67,68 Yazan kısım bizim forum id lerimiz oluyor yani siz bunun içindeki rakamları kendi forum id değerlerinize göre güncelleyecek siniz veya ekleyeceksiniz ,'69'.... şeklinde sonuna eklemeler yapabilirsiniz Örneğin:<xf:set var="$forumIdleri" value="{{ ['64', '65', '66', '67', '68','69',............] }}" /> gibi Kolay gelsin ;)
Kodlama İçin Kaynak: Template syntax - XenForo 2.0 Documentation
  • Beğendim
Tepkiler: Tanner
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri