Приветствую! Сейчас занимаюсь версткой сайта, все идет хорошо, но остановился на боковом меню. Верхнее меню создано с помощью шестеренки menu и вставлено в шаблон header переменной {$menu.main}.
Боковое меню необходимо вставить в область content, выровнять по левой стороне и прописать для него альтернативные стили. Дело в том, что в область контента оно вставляется, но как для него применить альтернативные стили? Шаблон меню я использую simple-menu, из него и берутся уже прописанные стили для бокового.
Еще, на скрине видно, что поиск располагается в подменю, которое создано с помощью tabs menu. Пока не представляю, как его туда разместить. Если, у вас есть опыт переноса поиска, пожалуйста подскажите!
Хотелось бы переделать шестеренкку points, то есть сделать расчеты голосов и рейтинга, как на Хабре или ЛС.
Буду признателен за помощь:)
P.S Пытался опубликовать пост в сообщество, вылизит ошибка о_0
Боковое меню необходимо вставить в область content, выровнять по левой стороне и прописать для него альтернативные стили. Дело в том, что в область контента оно вставляется, но как для него применить альтернативные стили? Шаблон меню я использую simple-menu, из него и берутся уже прописанные стили для бокового.
Еще, на скрине видно, что поиск располагается в подменю, которое создано с помощью tabs menu. Пока не представляю, как его туда разместить. Если, у вас есть опыт переноса поиска, пожалуйста подскажите!
Хотелось бы переделать шестеренкку points, то есть сделать расчеты голосов и рейтинга, как на Хабре или ЛС.
Буду признателен за помощь:)
P.S Пытался опубликовать пост в сообщество, вылизит ошибка о_0
в нужное место вставляешь код
<form method="get" id="search_widget" action="'.l('/search/').'"> <div class="field"><input type="text" class="text" name="query" id="query"><input type="submit" id="search-submit"/></div> </form>ну и в css прописываешь стили.<form method="get" id="search_widget" action="http://MYSITE/search/"> <div class="field"><input type="text" class="text" name="query" id="query"></div> </form></code>Проверте на чистом когеаре, убедитесь, скорее всего чего-то настраивали в шестеренке(настройки или код)?
#search_widget input{ border: none; border-bottom: 1px dotted #9E9E9E; }html:
<form method="get" id="search_widget" action="http://MYSITE/search/"> <div class="field"><input type="text" class="text" name="query" id="query"></div> </form</code> css: <code class="css">table.tabs input.text { border: none; border-bottom: 1px dotted #9E9E9E; }.simple-menu{ } .simple-menu li{ float: left; list-style: none; margin-right: 20px; } .simple-menu li.active a{ color:red; }Стили для меню в области контента будет
#content .simple-menu{ } #content .simple-menu li{ float: left; list-style: none; margin-right: 20px; } #content .simple-menu li.active a{ color:red; }Это имеется ввиду?
#content .simple-menu {padding-left: 0;}
#content .simple-menu {padding: 0;}
Спасибо за помощь!!!