Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

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

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Node border-left-color

Turkgucu21

xFanatik
SMS onaylı
Kullanıcı
Katılım
5 Eyl 2017
Mesajlar
128
Çözümler
1
Merhaba arkadaşlar forum node sol sınır renk vermek x kategörisi yeşil y kategörisi mavi border kullanmak istiyorum örnek resim ektedir.

Ekran görüntüsü_26-2-2024_193829_xenforo.com.jpeg
 

Nasıl yapılır ? Node border-left-color

Kategori ID numaralarına göre css yazabilirsiniz. Örneğin ID değeri 1 olan kategori için aşağıdaki less kodlarını kullanabilirsiniz.

Less:
.block.block--category.block--category1 {
    border-left: 3px solid #37b565;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    .block-body {
        background: rgba(73, 241, 132, 0.18);
    }
}

Bunu diğer kategoriler için uygulamak istiyorsak;

Less:
.block.block--category.block--category2 {
    border-left: 3px solid #37b565;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    .block-body {
        background: rgba(73, 241, 132, 0.18);
    }
}

.block.block--category.block--category3 {
    border-left: 3px solid #37b565...
Less:
/* Coloured Node Categories */
.block.block--category.block--category1 .block-header {
background: #f15050;
color: #ffffff;
}
sağ köşeye resim eklemek istersen bunlarıda ekle
Less:
height: 60px;
background-image: url("/7.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: right;
 
Sola ikon ekleme kodunu tam verebilirmisin hocam.
Birde aşağıda eklediğim resimde olduğu gibi gösterdiğim yerlerde çok ince bi siyah yada gri ince bi çizgi ile çerçevede gözükse. Çünkü bu renkleri verince normalde olan ince çizgi çerçeve kayboluyor. O bar sıkmı çok sıradan duruyor hocam. Çok ince olması bile çok şey değiştirir.
20240301-224120.jpg
 
Less:
/* Coloured Node Categories */
.block.block--category.block--category1 .block-header {
background: #f15050;
color: #ffffff;
height: 60px;
background-image: url("/7.png");
background-size: contain;
background-repeat: no-repeat;
background-position-x: right;
border-left: 3px solid #60b53e;
border-right: 3px solid #60b53e;
border-top: 3px solid #60b53e;
border-bottom: 3px solid #60b53e;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
 

Foruma hoş geldin 👋, Ziyaretçi

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