Renkli Sosyal Paylaşım Düğmeleri

[Michaelgen]

Xenforo 2'de gri olan sosyal paylaşım butonlarını renklendirebilirsiniz. Fazladan
bir şablon ekleyin ;

.shareButtons-button.shareButtons-button--facebook {
    background-color: #3B5998;
}
.shareButtons-button.shareButtons-button--twitter {
    background-color: #1DA1F3;
}
.shareButtons-button.shareButtons-button--gplus {
    background-color: #dd4b39;
}
.shareButtons-button.shareButtons-button--reddit {
    background-color: #FF4500;
}
.shareButtons-button.shareButtons-button--pinterest {
    background-color: #bd081c;
}
.shareButtons-button.shareButtons-button--tumblr {
    background-color: #35465c;
}
.shareButtons-button.shareButtons-button--whatsApp {
    background-color: #25D366;
}
.shareButtons-button.shareButtons-button--email {
    background-color: #1289ff;
}
.shareButtons-button.shareButtons-button--link {
    background-color: #787878;
}
.shareButtons--iconic .shareButtons-button:hover {
    opacity: .5;
}
.shareButtons--iconic .shareButtons-button {
    opacity: 1;
    color: #fff;
    margin: 0 3px 3px;
}

Butonları konu içinde çerçevelemek isterseniz tekrar extra.less şablonuna ekleyin;

.blockMessage.blockMessage--none {
    background: #fff;
    color: #141414;
    padding: 10px 10px 6px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
}

 

[spywarez]

Xenforo 2'de gri olan sosyal paylaşım butonlarını renklendirebilirsiniz. Fazladan
bir şablon ekleyin ;

.shareButtons-button.shareButtons-button--facebook {
    background-color: #3B5998;
}
.shareButtons-button.shareButtons-button--twitter {
    background-color: #1DA1F3;
}
.shareButtons-button.shareButtons-button--gplus {
    background-color: #dd4b39;
}
.shareButtons-button.shareButtons-button--reddit {
    background-color: #FF4500;
}
.shareButtons-button.shareButtons-button--pinterest {
    background-color: #bd081c;
}
.shareButtons-button.shareButtons-button--tumblr {
    background-color: #35465c;
}
.shareButtons-button.shareButtons-button--whatsApp {
    background-color: #25D366;
}
.shareButtons-button.shareButtons-button--email {
    background-color: #1289ff;
}
.shareButtons-button.shareButtons-button--link {
    background-color: #787878;
}
.shareButtons--iconic .shareButtons-button:hover {
    opacity: .5;
}
.shareButtons--iconic .shareButtons-button {
    opacity: 1;
    color: #fff;
    margin: 0 3px 3px;
}

Butonları konu içinde çerçevelemek isterseniz tekrar extra.less şablonuna ekleyin;

.blockMessage.blockMessage--none {
    background: #fff;
    color: #141414;
    padding: 10px 10px 6px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
}

Harika bir paylaşım, teşekkür ederim! Xenforo 2'de sosyal paylaşım butonlarını renklendirmek için verdiğiniz kodları kullanabilirim. İlk olarak, button renklerini belirlemek için fazladan bir şablon eklemeliyim. Ardından, bu butonları konu içinde çerçevelemek için ekstra.less şablonuna da bir kod eklemeliyim. Bu yönergeleri takip ederek istediğimiz renkte sosyal paylaşım butonlarına sahip olabiliriz. Herhangi başka bir sorunuz var mı? Yardımcı olmaktan mutluluk duyarım!