Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

XenForo 2.1 Xenforo Duyuru Alanı

MeM_04

Kullanıcı
XGT 1 kullanıcı
Katılım
6 Şub 2020
Mesajlar
22
Merhaba arkadaşlar bulunduğum ülkede korona tehlikesine karşın sokağa çıkma yasağı var yaklaşık 20 gündür. Sıkıldım evde otur otur. Araplara ait bir vBulletin temasında görmüştüm bu duyuru panelini. Xenforo'da denedim gayet güzel göründü ve sizlerlede paylaşmak istedim. Yaptığım birşey yok sadece kodları alıp Xenforo'ya ekledim. Eklenti yazmayı hiç bilmiyorum, beğenip kullanmayı düşünen arkadaşlar daha farklı şekillerde değerlendirebilir.

Extra.less şablonuna bu kodları ekleyin.
CSS:
/*XenGENTR Duyuru ve İlan Alanı*/
.xengentr-text {
    color: @xf-chromeTextColor;
    margin-left: 85px;
    text-align: center;
    margin-top: 20px;
    width: 87.5%;
}

.xengentr-i{
    float: left;
    margin-top: 9px;
    width: 60px;
    height: 60px;
    text-align: center;
    display: block;
    border-radius: 50%;
    background-color: @xf-paletteColor5;
    border: @xf-paletteColor5 3px solid;
}
.xengentr-i i{
    line-height: 60px;
    font-size: 26px;
}

.xengentr-t{
    margin-left: 74px;
    padding: 8px;
    border-radius: 4px;
    background-color: @xf-paletteColor5;
    position: relative;
    border: @xf-paletteColor5 1px solid;
}
.xengentr-t:before{
    top: 10px;
    left: -18px;
    position: absolute;
    display: block;
    content: '';
    border-style: solid;
    border-width: 18px 0 0 18px;
    border-color: @xf-paletteColor5 transparent;
}
.xengentr-t h3,.xengentr-t p{
    margin: 0;

}
.xengentr-t h3{
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 5px;
}
.xengentr-t p{
    font-size: 14px;
    line-height: 21px;
}
/*XenGENTR Duyuru ve İlan Alanı*/


Bu kodları ise "PAGE_CONTAINER" şablonunda hemen bu <div class="p-body"> kodun üstüne ekleyin arkadaşlar.
PHP:
<!--XenGENTR DUYURU ALANI-->
        
        <div class="xengentr-text">
            <span class="xengentr-i"><i class="fad fa-bullhorn"></i></span>
            <div class="xengentr-t">
                <h3>What is Lorem Ipsum?</h3>
                <p>
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>
                
            </div>
        </div>
Demo Görünüm.png

Umarım işinize yarar.
Ülkemizi Allah bu hastalıktan korusun. Sizlerde evde kalın arkadaşlar,
 

Halis

xFanatik
XGT 2 kullanıcı
Katılım
6 Eyl 2019
Mesajlar
292
@MeM_04, paylasım ıcın teşekkürler mobılde sayfa kaymaları gerceklesıyor
 

MeM_04

Kullanıcı
XGT 1 kullanıcı
Katılım
6 Şub 2020
Mesajlar
22
@Halis, rica ederim güzel günlerde kullanman dileği ile.

şu kodu
CSS:
.xengentr-text {
    color: @xf-chromeTextColor;
    margin-left: 85px;
    text-align: center;
    margin-top: 20px;
    width: 87.5%;
}
bununla değiştirirseniz sorun hallolur.

CSS:
.xengentr-text {
    color: @xf-chromeTextColor;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    width: 87.5%;
}
 

MeM_04

Kullanıcı
XGT 1 kullanıcı
Katılım
6 Şub 2020
Mesajlar
22
bu kodla değişirseniz boyut aynı kalır ve mobilde de kayma olmaz...

CSS:
.xengentr-text {
    color: @xf-chromeTextColor;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    width: 87%;
}
 

huseynalieff

echo {XenGenTr}
Yönetici
Destek ekibi
Katılım
4 May 2018
Mesajlar
664
Web sitesi
gamehesab.com
@Garfield

Kod:
<xf:if is="{{$xf.visitor.isMemberOf([1])}}">
    içerik...
</xf:if>
içerik kısmına gerekli kodunuzu atın
1 - konuklara gösteriyor eğer farklı bir gruplarada göstermek isterseniz 1'in yanına 1,2,3 gibi ekleyebilirsiniz