Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Е еще,я могу код $POWERED_BY$ оставить в шапке?
Посмотрите у меня футер,мне бы туда как то если можно нужно добавить иконки фейсбука и инсты, и коипарайт
Прочтите материал https://www.ucoz.ru/qa/index.php/35814 там наведен пример как использовать иконки и как добавить.
#catmenu a:hover {color:#f0bf39}
Я добавил это в стили,но при наведении на пункт меню ничего не изменяется
<footer style="background:#323232;margin:0 auto;width:100%;max-width:1200px;"> <div style="background:#323232" class="wrapper"> <div style="background:#323232" id="header"> <div style="background:#323232;margin-top:7px;height:111px" class="logo2"> <a href="$HOME_PAGE_LINK$"><img src="/logo2.png"></a> </div> <div style="background:#323232" class=head-top> </div> <div style="background:#323232;" id="catmenu"> <nav> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Home</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Over Ons</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Shop</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Contact</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Garantie en reclamatie</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Incpectie en reclamatie</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Algemene Voorwaarden</a> </nav> <div class="clr"></div> </div> </div> </div> </footer>
<footer style="background:#323232;margin:0 auto;width:100%;max-width:1200px;"> <div style="background:#323232" class="wrapper"> <div style="background:#323232" id="header"> <div style="background:#323232;margin-top:7px;height:111px" class="logo2"> <a href="$HOME_PAGE_LINK$"><img src="/logo2.png"></a> </div>
<div style="background:#323232" class=head-top>
</div> <div style="background:#323232;" id="catmenu"> <nav> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Home</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Over Ons</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Shop</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Contact</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Garantie en reclamatie</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Incpectie en reclamatie</a> <a style="padding-left:20px;color:#fff;font-size:16px;text-transform: uppercase;" href="">Algemene Voorwaarden</a> </nav> <div class="clr"></div> </div>
</div> </div> </footer>
Вопрос начинался с иконок и перешел в меню сайта. Вы добавили стили в сообщении выше правильно, но на сайте вы в стилях не закрыли последнюю кавычку. Вот так как-то должно быть:
#catmenu a:hover { color:#a02020!important; text-decoration: underline; }
только вместо выделенного красным пропишите свой цвет. Вы там прописали белый цвет, в итоге никаких изменений не увидите так как меню у вас и так белое. Чтобы поставить иконки в ряд, вы прежде всего их должны добавить на сайте, пока ничего не добавлено, соответственно никак не сделать в ряд.