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.
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
- Konbuyu başlatan Turkgucu21
- Başlangıç tarihi
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.
Bunu diğer kategoriler için uygulamak istiyorsak;
Şeklinde çoğaltarak gideceksiniz. Renkleri vs kendinize göre ayarlarsınız dikkat ederseniz yaptığımız tek işlem
.block.block--category.block--category1
.block.block--category.block--category2
.block.block--category.block--category3
Şeklinde kategori ID numaralarımızı belirliyoruz.
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;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
.block-body {
background: rgba(73, 241, 132, 0.18);
}
}
.block.block--category.block--category4 {
border-left: 3px solid #37b565;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
.block-body {
background: rgba(73, 241, 132, 0.18);
}
}Şeklinde çoğaltarak gideceksiniz. Renkleri vs kendinize göre ayarlarsınız dikkat ederseniz yaptığımız tek işlem
.block.block--category.block--category1
.block.block--category.block--category2
.block.block--category.block--category3
Şeklinde kategori ID numaralarımızı belirliyoruz.
Şöyle deneyin;çok teşekkür ederimnetr0n hocam node linklerinide bu şekilde düzenleyebilirmiyiz?
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);
.node-body {
a {
//node bağlantı rengi
color: #f00;
}
}
}
}Ellerinizde sağlık hocam tekrar tekrar teşekkür ederim CSS harika birşey sonuç bu ben çok beğendim
.block-body alanı silin
Olmadı hocam.
.block-body alanı silin
Less:
.block.block--category.block--category1 {
border-left: 3px solid #37b565;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
.block-body {
.node-body {
a {
//node bağlantı rengi
color: #f00;
}
}
}
}
