- Uyumlu XF 2 Sürümleri
-
Merhabalar, Forumunuzda şık gözükecek ve yararlı olacak sayfa yenilendikce değişen ipucu yapımını paylaşıcam
İlk önce size vermiş olduğum js dosyasını indirip ftp aracıyla sitenizin olduğu ana dizine atın. Daha sonra PAGE_CONTAINER'de head tagının üzerine
bunları ekliyoruz.
İkinci bir aşamada ise ipucunun görünmesini istediğimiz yere (page_container'de)
üstteki kodu atıyoruz. Sıra geliyor css-e bunun için extra.less şablonumuzada
kodlarımızı atıyoruz.
Ve sonuç
Yazıları size vermiş olduğum js dosyasının içerisine ekleyip, düzenleyebilirsiniz.
İlk önce size vermiş olduğum js dosyasını indirip ftp aracıyla sitenizin olduğu ana dizine atın. Daha sonra PAGE_CONTAINER'de head tagının üzerine
PHP:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="ipucu.js"></script>
bunları ekliyoruz.
İkinci bir aşamada ise ipucunun görünmesini istediğimiz yere (page_container'de)
PHP:
<div class="hitm">
<ul class="hit">
<li class="hit-ikon"><i class="fas fa-lightbulb"></i></li>
<li class="hitbaslik">Yararlı</li>
<li class="hityazi">
<div id="benim-hitim"></div>
</li>
</ul>
</div>
üstteki kodu atıyoruz. Sıra geliyor css-e bunun için extra.less şablonumuzada
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;
}
kodlarımızı atıyoruz.
Ve sonuç
Yazıları size vermiş olduğum js dosyasının içerisine ekleyip, düzenleyebilirsiniz.