https://shapebootstrap.net/templates...s/template.css
bu linke tıkla, burada karışık kodlar içerisinde
#sp-topmenu .nav.menu>li>ul>li
kısmını bul (Ctrl+F ile bulabilirsin). Aradığın şey o ise 1-2 şey daha söyleyebilirim.
Verdiğiniz siteye uyelik gerekiyordu ben HELP menüsü için buldum aynı oldugunu varsayıyorum
#sp-topmenu .nav.menu{float:right;list-style:none;padding:0;margin:0;z-index:9;display:block;}
#sp-topmenu .nav.menu>li{display:inline-block;position:relative;padding:0;height:60px;line-height:60px;}
#sp-topmenu .nav.menu>li>a{display:inline-block;padding:0 10px;font-size:14px;line-height:60px;color:#888;}
#sp-topmenu .nav.menu>li.parent>a:after{font-family:"FontAwesome";content:" \f107";}
#sp-topmenu .nav.menu>li.active>a,
#sp-topmenu .nav.menu>li.active:hover>a,
#sp-topmenu .nav.menu>li:hover>a{color:#66ad44;}
#sp-topmenu .nav.menu>li>ul{position:absolute;top:60px;left:0;list-style:none;padding:10px 0;margin:0;display:none;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:10;min-width:200px;border-radius:0 0 4px 4px;}
#sp-topmenu .nav.menu>li>ul>li{display:block;padding:0;position:relative;height:auto;line-height:normal;}
#sp-topmenu .nav.menu>li>ul>li>a{display:block;padding:10px 15px;color:#888;cursor:pointer;}
#sp-topmenu .nav.menu>li>ul>li:hover>a,
#sp-topmenu .nav.menu>li>ul>li.current>a{background:#66ad44;color:#fff;}
#sp-topmenu .nav.menu>li>ul>li.active>a:hover{color:#fff;}
Arkadaşlar merhaba,
Kendi sitemin görünümünü düzeltebilmek için örnek siteler inceliyorum ve css kodlarından yararlanmak istiyorum.
Bu bağlamda,
https://shapebootstrap.net/ adresindeki temayı incelerken; kaynak kodlarından resmini eklediğim 3. numaralı kutucuktaki alanın detayı nerede bulamadım bir türlü.
Allah rızası için birisi destek olursa çok sevinirim.
Teşekkürler,
