XF 2.1 Sayfa yenilenince değişen ipucu yapımı 2020-02-26

Uzun bir aradan sonra merhaba
Widgets kısmından html açarak pozisyonu seçin.
Şablon

Kod:

<div class="hitm">
<ul class="hit">
<li class="hit-ikon"><i class="fas fa-lightbulb"></i></li>   
<li class="hitbaslik">İPUCU</li>
<li class="hityazi">
<font size=2; color="darkviolet";>
    <xf:comment>İpucu, bilgiler ve diğer detaylar</xf:comment>
    <xf:set var="$ipucu.1">İpucunuz buraya! 1</xf:set>
    <xf:set var="$ipucu.2">İpucunuz buraya! 2</xf:set>
    <xf:set var="$ipucu.3">İpucunuz buraya! 3</xf:set>
    <xf:set var="$ipucu.4">İpucunuz buraya! 4</xf:set>
    <xf:set var="$ipucu.5">İpucunuz buraya! 5</xf:set>
    <xf:set var="$ipucu.6">İpucunuz buraya! 6</xf:set>
    <xf:set var="$ipucu.7">İpucunuz buraya! 7</xf:set>
    <xf:set var="$ipucu.8">İpucunuz buraya! 8</xf:set>
    <xf:set var="$ipucu.9">İpucunuz buraya! 9</xf:set>
    <xf:set var="$ipucu.X">İpucunuz buraya! 10</xf:set>
    {$ipucu.{{ ($xf.time % X) + 1 }}|raw}
</font>
</li>
</ul>
</div>

Not: Kaç adet ipucu olucaksa toplam rakamını sondaki "$xf.time % X" kodunda X yerine adetini yazın. Örn: 7 adet ipucu var sonuncu rakam normal olarak 7. "$xf.time % 7" olucak.

Extra.less

CSS:

.hitm {
    margin-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.hit {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    padding: 0px !important;
    line-height: 45px;
    list-style: none;
    display: block;
    border: 1px solid #111;
    background: #202225;
}

ul.hit li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    border-right: 1px solid #111;
}
ul.hit li:last-child {
    border: 0;
}
li.hit-ikon {
    width: 48px;
    height: 48px;
    display: block;
}
li.hit-ikon i {
    width: 100%;
    height: auto;
    display: block;
    font-size: 26px;
    text-align: center;
    color: yellow;
}

li.hitbaslik {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
li.hityazi {
    line-height: 25px;
    display: block;
}

Herkese sevgilerle

Js dosyasında yapılan güncellemeden (yazı değiştirip eklemeden) sonra forumda değişikliklerin yansımaması ve hardcache (ctrl+f5) önüne geçmek için

PAGE_CONTAINER'de size vermiş olduğum
bu kodla

Kod:

<script src="ipucu.js"></script>

bunu değiştirin

Kod:

<script>document.write('<script src="https://siteniz.com/ipucu.js?dev=' + Math.floor(Math.random() * 100) + '"\><\/script>');</script>

siteniz.com olan kısıma sitenizin url'sini girin.