XF 2.1 XenForo 2.1 ziyaretçilere sağ tarafta sabit Kayıt Ol butonu göster

ADANALI

Flatkolik.Net
Moderatör
Katılım
26 Nis 2017
Mesajlar
261
Tepki puanı
349
Puanları
63
Yaş
31
Konum
Adana
Web Sitesi
www.flatkolik.net
XenForo 2.1 sürümleri için hazırlamış olduğum sağ tarafta sabit olarak duran "Kayıt Ol" butonu eklemek için aşağıdaki kodları temanız da ilgili yerlere ekleyebilirsiniz.

Ekran görüntüsü (Sağ tarafta sabit olarak görüntülenir):



Temanızın PAGE_CONTAINER şablonunda bulun;
Kod:
<div class="p-pageWrapper" id="top">
Altına ekleyin;
Kod:
<xf:if is="!$xf.visitor.user_id">
<div class="uyeol" style="display: inline-block;">
<a href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</a>
</div>
</xf:if>
Aşağıdaki kodu temanızın extra.less şablonuna ekleyin.
Kod:
.uyeol {background: #38a9ff;border: 0;padding: 8px;border-radius: 4px;text-transform: uppercase;position: fixed;top: 50%;right: 1%;width: 120px;display: none;z-index: 9999;text-align: center;}
.uyeol a {color: #ffffff;}
.uyeol a:hover {text-decoration: none;}
 

MySimS3k®

Yönetici
Admin
Katılım
31 Ara 2016
Mesajlar
2,277
Tepki puanı
4,099
Puanları
115
Yaş
39
Konum
Adana
Web Sitesi
xenforotr.com
XenForo 2.1 sürümleri için hazırlamış olduğum sağ tarafta sabit olarak duran "Kayıt Ol" butonu eklemek için aşağıdaki kodları temanız da ilgili yerlere ekleyebilirsiniz.

Ekran görüntüsü (Sağ tarafta sabit olarak görüntülenir):



Temanızın PAGE_CONTAINER şablonunda bulun;
Kod:
<div class="p-pageWrapper" id="top">
Altına ekleyin;
Kod:
<xf:if is="!$xf.visitor.user_id">
<div class="uyeol" style="display: inline-block;">
<a href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</a>
</div>
</xf:if>
Aşağıdaki kodu temanızın extra.less şablonuna ekleyin.
Kod:
.uyeol {background: #38a9ff;border: 0;padding: 8px;border-radius: 4px;text-transform: uppercase;position: fixed;top: 50%;right: 1%;width: 120px;display: none;z-index: 9999;text-align: center;}
.uyeol a {color: #ffffff;}
.uyeol a:hover {text-decoration: none;}
Paylaşım için teşekkürler Mehmet
 

Bizi sosyal sitelerde takip edin


Üst Alt