Beğen butonu CSS ayarları

Rapmania

Kullanıcı
XGT 1 kullanıcı
Katılım
1 Ağu 2018
Mesajlar
19
Arkadaşlar ufak bir css ayarı

Ben mesaj alanındaki beğeni butonunu kendime göre düzenledim.

alttaki resimde farklı üyeleri bu şekilde görüyorum bu doğru tamam.

1.png

ama alttaki resim kendi yazmış olduğum mesaj. Kendi kendime beğeni veremiyeceğime göre o bölüm yok olması lazım. Beğeni butonunu yok ettim tamam ama arka plandaki CSS nasıl yok olacak? Kendi yazdığım mesajlarda bu olmaması lazım. Bu konuda yardımcı olabilecek var mı?

2.png


xenforo kodu;


HTML:
                                <xf:if contentcheck="true">
                                       
                                        <xf:contentcheck>

                                            <div class="postLike">
                          <div class="Likebutton">
                             <xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />
                                </div>
                           <div class="Likedetail">
                               <div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
                                   <xf:reactions content="{$post}" link="posts/reactions" />
                               </div>
                            </div>
                        </div>
                                        </xf:contentcheck>
                                       
                                    </xf:if>
 

eTiKeT™

value="{XenGenTr}"
Yönetici
XGT Master
Katılım
4 Ara 2016
Mesajlar
3,466
Konum
Ankara
Web sitesi
xenforo.gen.tr
Butonu özelleştirdim derken ben bir özlleştirme göremedi,bu tür özelleştirmeleri HTML kod yapısı ile oynamadan CSS ile yapmalısınız. Tam olarak yapmak istediğiniz özelleştirmeyi söylerseniz eğer o konuda yardımcı olalım size html yaptığınız değişiklikleride geri alın bence.
 

Rapmania

Kullanıcı
XGT 1 kullanıcı
Katılım
1 Ağu 2018
Mesajlar
19
Butonu özelleştirdim derken ben bir özlleştirme göremedi,bu tür özelleştirmeleri HTML kod yapısı ile oynamadan CSS ile yapmalısınız. Tam olarak yapmak istediğiniz özelleştirmeyi söylerseniz eğer o konuda yardımcı olalım size html yaptığınız değişiklikleride geri alın bence.
Hocam yapmak istediğim. Beğen butonunu imzanın hemen üstüne almak. alırken de beğen yaparken oluşa arka planın sürekli aktif kalmasını istiyorum. Yani sürekli beğeni olsada olmasada bu şekilde kalmasını istiyorum;

 

Ekli dosyalar

  • 64.2 KB Görüntüleme: 5

eTiKeT™

value="{XenGenTr}"
Yönetici
XGT Master
Katılım
4 Ara 2016
Mesajlar
3,466
Konum
Ankara
Web sitesi
xenforo.gen.tr
İlk olarak eski konumundaki kodları silin ve aynı şablonda istediğiniz yere şu kodları ekleyin;
HTML:
<xf:if contentcheck="true">
    <xf:contentcheck>
        <xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />
    </xf:contentcheck>
</xf:if>
Butonu özelleştirmek için ise şu css sınıfını istediğiniz gibi düzenleyerek kullanın;

CSS:
.reaction.reaction--small
{
    background: #c6c5c5;
    border: solid 2px red;
}
 

Rapmania

Kullanıcı
XGT 1 kullanıcı
Katılım
1 Ağu 2018
Mesajlar
19
İlk olarak eski konumundaki kodları silin ve aynı şablonda istediğiniz yere şu kodları ekleyin;
HTML:
<xf:if contentcheck="true">
    <xf:contentcheck>
        <xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />
    </xf:contentcheck>
</xf:if>
Butonu özelleştirmek için ise şu css sınıfını istediğiniz gibi düzenleyerek kullanın;

CSS:
.reaction.reaction--small
{
    background: #c6c5c5;
    border: solid 2px red;
}
Hocam siz benim dediğimi anlamadınız sanırım yapmak istediğim butonu renlendirmek değil.

Bakın burada örnek olarak koyuyorum.

Hiç beğeni yokken;
1.png


Beğeni olduktan sonra;
2.png

Yapmak istediğim bunun gibi hocam sürekli arkaplanın aktif kalması.
 
Google ads alanı