Как создать меню ЕЩЕ одно в самом верху страницы ?
Как здесь(Акции и скидки, советы)http://obuvshop.ru/catalog.php?id=3
1
Создать Еще Одно Меню
Автор dsk-teremok, 11 февр. 2016 23:16
Сообщений в теме: 5
#1
Отправлено 11 Февраль 2016 - 23:16
#2
Отправлено 12 Февраль 2016 - 03:13
В шаблоне HTML после:
вставьте:
В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
<div id="headerWrap"> <div id="header">
вставьте:
<ul id="firstNav"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <div> <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a> </div> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
#firstNav{ text-align:right; } #firstNav li{ display:inline-block; padding: 5px; border-right: 1px solid #000000; } #firstNav li:last-child{ border-right:none; }
#3
Отправлено 15 Февраль 2016 - 14:41
Vaccina (12 Февраль 2016 - 03:13) писал:
В шаблоне HTML после:
вставьте:
В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
<div id="headerWrap"> <div id="header">
вставьте:
<ul id="firstNav"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <div> <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a> </div> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
#firstNav{ text-align:right; } #firstNav li{ display:inline-block; padding: 5px; border-right: 1px solid #000000; } #firstNav li:last-child{ border-right:none; }
#4
Отправлено 15 Февраль 2016 - 16:12
dsk-teremok (15 Февраль 2016 - 14:41) писал:
Спасибо! Все получилось! Вопрос - как в это самом верхнем меню header2 сделать шрифт по крупнее?
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#searchPanel label, #searchPanel input { display:inline; vertical-align:middle; margin-left: 5px; }
Замените на:
#searchPanel label, #searchPanel input { display:inline; vertical-align:middle; margin-left: 1px; }
Найдите код:
#searchPanel { position: absolute; top: 15px; right: 10px; }
Замените на:
#searchPanel { position: absolute; top: 25px; right: 10px; }
Добавьте в конце main.css код:
#firstNav div a {font-size:15px;}
После этого изменяйте значение 15px на необходимое.
#5
Отправлено 15 Февраль 2016 - 19:51
Firefly (15 Февраль 2016 - 16:12) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
Найдите код:
Замените на:
Добавьте в конце main.css код:
После этого изменяйте значение 15px на необходимое.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#searchPanel label, #searchPanel input { display:inline; vertical-align:middle; margin-left: 5px; }
Замените на:
#searchPanel label, #searchPanel input { display:inline; vertical-align:middle; margin-left: 1px; }
Найдите код:
#searchPanel { position: absolute; top: 15px; right: 10px; }
Замените на:
#searchPanel { position: absolute; top: 25px; right: 10px; }
Добавьте в конце main.css код:
#firstNav div a {font-size:15px;}
После этого изменяйте значение 15px на необходимое.
Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?
#6
Отправлено 15 Февраль 2016 - 20:05
dsk-teremok (15 Февраль 2016 - 19:51) писал:
Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?
dsk-teremok (15 Февраль 2016 - 19:51) писал:
Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;} #header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
Замените на:
#headerWrap {height: 160px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;padding-top:10px;} #header {position: relative;width: 960px;height: 160px;margin: 0 auto;}
Найдите код:
#firstNav div a {font-size:23px;}
Замените на:
#firstNav div a {font-size:23px; float:right; padding:0 10px 0 10px}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных