Перенести Верхнее Меню
#1
Отправлено 28 Сентябрь 2014 - 10:19
например как тут. http://www.eldorado.ru/
#2
Отправлено 28 Сентябрь 2014 - 10:26
ivanchik (28 Сентябрь 2014 - 10:19) писал:
например как тут. http://www.eldorado.ru/
В шаблоне HTML найдите и удалите код:
<HR NOSHADE WIDTH="100%" COLOR="#d23e3e" SIZE="1"> <div class="header_top"> <div class="inner"> <div class="links"> <!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME = Войти || menu.header.links.NAME = Связь с администрацией %}style="float:right;" {% ENDIF %}><a {% IF menu.header.links.NAME = Связь с администрацией %}class="sv fancybox.ajax" href="{menu.header.links.URL}?only_body=1"{%ELSE%} href="{menu.header.links.URL}" {% ENDIF %} {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form> </div> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}> <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>
Затем код:
<div class="header_top"> <div class="inner"> <div class="links"> <!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.NAME = Войти || menu.header.links.NAME = Связь с администрацией %}style="float:right;" {% ENDIF %}><a {% IF menu.header.links.NAME = Связь с администрацией %}class="sv fancybox.ajax" href="{menu.header.links.URL}?only_body=1"{%ELSE%} href="{menu.header.links.URL}" {% ENDIF %} {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form> </div> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}> <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>
вставьте после строки:
<div id="header" class="borderless">
Далее в main.css найдите строку:
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#fff;}
и замените её на:
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:gray;}
#3
Отправлено 28 Сентябрь 2014 - 10:35
#4
Отправлено 28 Сентябрь 2014 - 10:43
#5
Отправлено 28 Сентябрь 2014 - 10:53
ivanchik (28 Сентябрь 2014 - 10:43) писал:
в main.css
#header { position: relative; z-index: 99; background-color: #ffffff; border-top: 3px solid #fff; }измените на
#header { position: relative; z-index: 99; background-color: #ffffff; /* border-top: 3px solid #fff; */ }
#6
Отправлено 28 Сентябрь 2014 - 10:55
"отлично. теперь как сделать только верхнее меню белым, подчернутым и что бы при наведении не выделялась белыми квадратами, а просто меняла цвет на красный "
#7
Отправлено 28 Сентябрь 2014 - 10:58
ivanchik (28 Сентябрь 2014 - 10:35) писал:
#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 12px;}
замените на:
#header .links a {color:white; float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: underline;font-size: 12px;}
и строку:
#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}
на
#header .links a:hover, #header .links a.selected {color:red; padding:11px 10px 9px 10px;}
#8
Отправлено 28 Сентябрь 2014 - 11:01
#9
Отправлено 28 Сентябрь 2014 - 17:14
{% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="box htmlDataBlock"> <div class="box-content"> {% IF CATEGORY_DESCRIPTION %} {CATEGORY_DESCRIPTION} {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} {CATEGORY_SEO_DESCRIPTION_SHORT} {% ENDIF %} {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} {CATEGORY_SEO_DESCRIPTION_LARGE} {% ENDIF %} </div> </div> {% ENDIF %}
только вот после каких тегов его поставить в низу шаблона?
#10
Отправлено 28 Сентябрь 2014 - 17:29
ivanchik (28 Сентябрь 2014 - 17:14) писал:
{% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="box htmlDataBlock"> <div class="box-content"> {% IF CATEGORY_DESCRIPTION %} {CATEGORY_DESCRIPTION} {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} {CATEGORY_SEO_DESCRIPTION_SHORT} {% ENDIF %} {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} {CATEGORY_SEO_DESCRIPTION_LARGE} {% ENDIF %} </div> </div> {% ENDIF %}
только вот после каких тегов его поставить в низу шаблона?
Да, поставьте в самый низ.
#11
Отправлено 28 Сентябрь 2014 - 18:52
фильтры стали недоступны и описание не в отдельном блоке
#12
Отправлено 28 Сентябрь 2014 - 19:04
ivanchik (28 Сентябрь 2014 - 18:52) писал:
фильтры стали недоступны и описание не в отдельном блоке
Изменения произвели
#13
Отправлено 28 Сентябрь 2014 - 19:20
#14
Отправлено 30 Сентябрь 2014 - 18:55
#15
Отправлено 30 Сентябрь 2014 - 19:51
ivanchik (30 Сентябрь 2014 - 18:55) писал:
h2 { font-size: 28px; line-height: 50px; margin-bottom: 20px; }где поменяйте значение font-size: 28px; например на
font-size: font-size: 28px;px;
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных