- Katılım
- 3 yıl 8 ay 12 gün
- Mesajlar
- 25,269
- Tepkime puanı
- 8,715
- Yaş
- 35
- Konum
- Memed' Home
- İsim
- CHRS
- Memleket
- Neresi?
- Meslek
- IzdırapÇI
- Cinsiyet
- Medeni Hal
Direk çözüm odaklı konuya girmek istiyorum uzatmıycam ..
Bizim sitemiz burada örnektir... bir çok kişi aşşağıdaki görüntüyü eklenti şeklinde farklı kullanıyor..
Bu yukarıda görmüş olduğunuz görsel tamamen css kodları ile şekillendirilmiştir... Bunun böyle görünmesi için öncelikle widget konumlandırmalarını istatistiklerin kenar çubuğu değil forum görüntülenirken altında olarak seçilmesi gerekmektedir.. Yoksa sağ taraftan siteniz takla atar yani kayar... Bu şekilde altta kullananlar için ...
Kodlar Css'dir
Extra.less Şablonun temiz bir satırına konumlandırın işlem tamamlanacaktır... RENK AYARLAMASI YAPMAK İSTERSENİZ EĞER yeni bir kod atarak değil mevcut kodları düzenleyerek renk ayarı yapın..
Bizim sitemiz burada örnektir... bir çok kişi aşşağıdaki görüntüyü eklenti şeklinde farklı kullanıyor..
Bu yukarıda görmüş olduğunuz görsel tamamen css kodları ile şekillendirilmiştir... Bunun böyle görünmesi için öncelikle widget konumlandırmalarını istatistiklerin kenar çubuğu değil forum görüntülenirken altında olarak seçilmesi gerekmektedir.. Yoksa sağ taraftan siteniz takla atar yani kayar... Bu şekilde altta kullananlar için ...
Kodlar Css'dir
CSS:
.block[data-widget-key="forum_overview_forum_statistics"] {
.block-minorHeader {
display: none;
}
.block-body.block-row {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
&:before {
display: none;
}
.pairs.pairs--justified {
padding: 15px 12px;
border-right: 1px solid @xf-borderColor;
&:before {
.m-faBase();
font-size: 37px;
color: @xf-textColorFeature;
float: left;
}
&:nth-child(1) {
.m-faBefore(@fa-var-comment-alt);
}
&:nth-child(2) {
.m-faBefore(@fa-var-comments-alt);
}
&:nth-child(3) {
.m-faBefore(@fa-var-users);
}
&:nth-child(4) {
.m-faBefore(@fa-var-user);
border-right: none;
}
& > dt {
float: unset;
margin-right: 0;
text-align: right;
&:after {
content: "";
}
}
& > dd {
font-weight: 500;
font-size: 20px;
}
}
}
}
@media (max-width: @xf-responsiveMedium) {
.block[data-widget-key="forum_overview_forum_statistics"] {
.block-body.block-row {
grid-template-columns: 50% 50%;
.pairs.pairs--justified {
text-align: center;
&:before {
float: unset;
display: block;
}
&:nth-child(1) {
border-bottom: 1px solid @xf-borderColor;
}
&:nth-child(2) {
border-bottom: 1px solid @xf-borderColor;
border-right: none;
}
&:nth-child(3) {
}
&:nth-child(4) {
border-right: none;
}
& > dt {
text-align: center;
}
& > dd {
text-align: center;
float: unset;
}
}
}
}
}
.block[data-widget-key="forum_overview_forum_statistics"] .block-body.block-row .pairs.pairs--justified {
padding: 15px 12px;
border-right: 1px solid #47a7eb;
}Extra.less Şablonun temiz bir satırına konumlandırın işlem tamamlanacaktır... RENK AYARLAMASI YAPMAK İSTERSENİZ EĞER yeni bir kod atarak değil mevcut kodları düzenleyerek renk ayarı yapın..
