Хочу Также Изменить Шаблон (Хотя Может Я Наглею)
#1
Отправлено 25 Февраль 2013 - 18:44
Пробовал пользоваться поиском, не получается(((( я ж только начинаю, пожалуйста
1. Как убрать верхнюю родную зигагулину шаблона пластик и вместо нее сделать также аську и телефон (надо аську, два номера телефона и скайп все по "потолку" в ряд слева направо) вход и регист не надо, нет у меня такого модуля
2. хочу главное меню сделать таким же но белым (или черным, подскажите плиз потом как поменять если белый не подойдет)
3. Хочу также поиск перенести под меню каталогов
В принципе все)))) я не наглею????
#2
Отправлено 26 Февраль 2013 - 05:12
#3
Отправлено 26 Февраль 2013 - 07:50
#5
Отправлено 28 Февраль 2013 - 09:52
#6
Отправлено 28 Февраль 2013 - 12:03
velogigant (25 Февраль 2013 - 18:44) писал:
Пробовал пользоваться поиском, не получается(((( я ж только начинаю, пожалуйста
1. Как убрать верхнюю родную зигагулину шаблона пластик и вместо нее сделать также аську и телефон (надо аську, два номера телефона и скайп все по "потолку" в ряд слева направо) вход и регист не надо, нет у меня такого модуля
2. хочу главное меню сделать таким же но белым (или черным, подскажите плиз потом как поменять если белый не подойдет)
3. Хочу также поиск перенести под меню каталогов
В принципе все)))) я не наглею????
1. в файле main.css удалите блоки
#header .blocks .lft { float:left; background:url(http://design.velogigant.ru/backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; } #header .blocks .cntr { float:left; background:url(http://design.velogigant.ru/haeder-bgx.png) repeat-x; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; background:url(http://design.velogigant.ru/haeder-bg.png) top right no-repeat; width:358px; height:110px; }
далее вместо
/*Верх сайта*/ #header .blocks { width:100%; height:75px; } #header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; } #header .blocks .logotype { margin:-75px 0 0 20px; float:left; } #header .blocks ul.telephone23 { margin:-21px 250px 0 0px; float:right; font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } #header .blocks ul.telephone23 li { float:left; margin-left:10px; } #header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px; } #header .blocks .rght ul { margin:6px 0 0 75px; } #header .blocks .rght ul li { overflow:hidden; font:normal 12px Verdana, Geneva, sans-serif; color:#5e5d5d; } #header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; } #header .blocks .rght ul li.title { font:normal 12px Verdana, Geneva, sans-serif; color:#1e5d77; margin:-2px 0 0 46px; } #header .blocks .rght ul li.telephone { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) no-repeat; } #header .blocks .rght ul li.skype { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; } #header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top:19px; }
вставьте
/*Верх сайта*/ #header .blocks { width:100%; height:75px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); padding:20px 0 0 0;} #header .blocks ul li { float:left; font: normal 22px verdana, sans-serif; color:#FFF; height:20px; padding:0 0 0 25px;} #header .blocks ul li a {font:normal 18px 'Cuprum', sans-serif; color:#790606; text-decoration:none; } #header .blocks ul li a:hover {text-decoration:underline;} #header .blocks .logotype { clear:both;} #header .blocks .telephone {background: url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) no-repeat; margin-right:60px;} #header .blocks .skype {background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; margin-right:60px;} #header .blocks .timework { float: right; font: normal 22px verdana, sans-serif; }
вместо
#panelsite { width:100%; height:104px; clear:both;}
вставьте
#header { width:100%; height: 180px; clear:both; }
теперь в шаблоне HTML вместо
<!-- Шапка сайта --> <div id="header"> <div class="blocks"> <div class="lft"></div> <div class="cntr"></div> <div class="rght"> <ul style="height:60px;"> <li class="title">Контакты для связи:</li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <ul class="telephone23"> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul> </div> </div> <!-- Шапка сайта-Конец -->
вставьте
<!-- Шапка сайта --> <div id="header"> <div class="blocks"> <ul style="height:60px;"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> {% ENDIF %} </ul> </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> </ul> </div> </div> <!-- Шапка сайта-Конец -->
теперь найдите блок
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <ul> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div> </div> <div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div> </div> <!-- Panel-Site-END -->
замените его на
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <ul> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div> </div> <!-- Panel-Site-END -->
в файле main.css найдите
*Верхняя панель сайта*/ #panelsite { height:104px; width:100%; } #panelsite div { height:104px; float:left; overflow:hidden; } #panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; } #panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; } #panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; } #panelsite div.rightcol a img { float:left; } #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; } #panelsite div.rightcol ul li { margin:5px 0 0 0; } #panelsite div.rightcol ul:hover li.default { display:none; } #panelsite div.rightcol ul:hover li.off { display:block; } #panelsite div.rightcol ul li.hover { display:none; } #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:747px;: } #panelsite div.centercol div { height:auto; float:none; } #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; } #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; } #panelsite div.centercol .menuheader ul li.main { background:none; } #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; } #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; } #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; } #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:90px; height:51px; float:left; } #panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;} #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; } #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; } #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
замените на
/*Верхняя панель сайта*/ #panelsite { height: 50px; width:100%; } #panelsite div { height: 44px; float:left; overflow:hidden; } #panelsite div.leftcol { width:12px; } #panelsite div.rightcol { background: white; width: 216px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin-left: 13px; -moz-border-radius: 10px; /* Для Firefox 3 */ -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */ border-radius: 10px; /* Для современных браузеров */} #panelsite div.rightcol a { font: normal 14px Verdana, Geneva, sans-serif; color: #686868; width: 52px; overflow: hidden; height: 58px; } #panelsite div.rightcol a img { float:left; } #panelsite div.rightcol ul { margin: 0 0 0 15px; float:left;cursor:pointer; } #panelsite div.rightcol ul li { margin: 3px 0 0 0; } #panelsite div.rightcol ul:hover li.default { display:none; } #panelsite div.rightcol ul:hover li.off { display:block; } #panelsite div.rightcol ul li.hover { display:none; } #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #panelsite div.centercol { width:747px;: } #panelsite div.centercol div { height:auto; float:none; } #panelsite div.centercol .menuheader { width: 726px; height:24px; overflow:hidden; background: white; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.velogigant.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; } #panelsite div.centercol .menuheader ul li.main { background:none; } #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; } #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; } #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
сразу после
/*Стили блоков*/
вставьте
#left div.search { width:225px; height:32px; padding: 0px 0 10px 0px; } #left div.search input.text { float:left; border:0; background:url({ASSETS_IMAGES_PATH}search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; } #left div.search input.button {float:left; background:url({ASSETS_IMAGES_PATH}search.jpg) -193px 0 no-repeat; width:32px; height:31px; cursor:pointer; }
и наконец в шаблоне HTML после блока
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div> <div class="blockmain navigation fnt12n"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->
вставьте
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>
Осталось только загрузить на сайт изображение (Сайт -> редактор тем -> файлы) c именем search.jpg
#7
Отправлено 28 Февраль 2013 - 14:49
#9
Отправлено 24 Март 2013 - 12:30
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>скопируйте, удалите оттуда и вставьте его после блока
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <ul class="telephone23"> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul> </div>, затем в файл вставьте вот этот блок
.search { width:225px; height:32px; padding: 158px 1px 0px 763px; } .search input.text { float:left; border:0; background:url(http://joyme.storeland.net/search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; } .search input.button {float:left; background:url(http://joyme.storeland.net/search.jpg) -193px 0 no-repeat; width:32px; height:31px; cursor:pointer; }
#10
Отправлено 26 Март 2013 - 08:18
support 2.0 (28 Февраль 2013 - 12:03) писал:
#header .blocks .lft { float:left; background:url(http://design.velogigant.ru/backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; } #header .blocks .cntr { float:left; background:url(http://design.velogigant.ru/haeder-bgx.png) repeat-x; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; background:url(http://design.velogigant.ru/haeder-bg.png) top right no-repeat; width:358px; height:110px; }
далее вместо
/*Верх сайта*/ #header .blocks { width:100%; height:75px; } #header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; } #header .blocks .logotype { margin:-75px 0 0 20px; float:left; } #header .blocks ul.telephone23 { margin:-21px 250px 0 0px; float:right; font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } #header .blocks ul.telephone23 li { float:left; margin-left:10px; } #header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; } #header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px; } #header .blocks .rght ul { margin:6px 0 0 75px; } #header .blocks .rght ul li { overflow:hidden; font:normal 12px Verdana, Geneva, sans-serif; color:#5e5d5d; } #header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; } #header .blocks .rght ul li.title { font:normal 12px Verdana, Geneva, sans-serif; color:#1e5d77; margin:-2px 0 0 46px; } #header .blocks .rght ul li.telephone { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) no-repeat; } #header .blocks .rght ul li.skype { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; } #header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top:19px; }
вставьте
/*Верх сайта*/ #header .blocks { width:100%; height:75px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); padding:20px 0 0 0;} #header .blocks ul li { float:left; font: normal 22px verdana, sans-serif; color:#FFF; height:20px; padding:0 0 0 25px;} #header .blocks ul li a {font:normal 18px 'Cuprum', sans-serif; color:#790606; text-decoration:none; } #header .blocks ul li a:hover {text-decoration:underline;} #header .blocks .logotype { clear:both;} #header .blocks .telephone {background: url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) no-repeat; margin-right:60px;} #header .blocks .skype {background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; margin-right:60px;} #header .blocks .timework { float: right; font: normal 22px verdana, sans-serif; }
вместо
#panelsite { width:100%; height:104px; clear:both;}
вставьте
#header { width:100%; height: 180px; clear:both; }
теперь в шаблоне HTML вместо
<!-- Шапка сайта --> <div id="header"> <div class="blocks"> <div class="lft"></div> <div class="cntr"></div> <div class="rght"> <ul style="height:60px;"> <li class="title">Контакты для связи:</li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <ul class="telephone23"> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul> </div> </div> <!-- Шапка сайта-Конец -->
вставьте
<!-- Шапка сайта --> <div id="header"> <div class="blocks"> <ul style="height:60px;"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> {% ENDIF %} </ul> </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> </div> <!-- Шапка сайта-Конец -->
теперь найдите блок
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <ul> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div> </div> <div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div> </div> <!-- Panel-Site-END -->
замените его на
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <ul> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div> </div> <!-- Panel-Site-END -->
в файле main.css найдите
*Верхняя панель сайта*/ #panelsite { height:104px; width:100%; } #panelsite div { height:104px; float:left; overflow:hidden; } #panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; } #panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; } #panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; } #panelsite div.rightcol a img { float:left; } #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; } #panelsite div.rightcol ul li { margin:5px 0 0 0; } #panelsite div.rightcol ul:hover li.default { display:none; } #panelsite div.rightcol ul:hover li.off { display:block; } #panelsite div.rightcol ul li.hover { display:none; } #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:747px;: } #panelsite div.centercol div { height:auto; float:none; } #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; } #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; } #panelsite div.centercol .menuheader ul li.main { background:none; } #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; } #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; } #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; } #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:90px; height:51px; float:left; } #panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;} #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; } #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; } #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
замените на
/*Верхняя панель сайта*/ #panelsite { height: 50px; width:100%; } #panelsite div { height: 44px; float:left; overflow:hidden; } #panelsite div.leftcol { width:12px; } #panelsite div.rightcol { background: white; width: 216px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin-left: 13px; -moz-border-radius: 10px; /* Для Firefox 3 */ -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */ border-radius: 10px; /* Для современных браузеров */} #panelsite div.rightcol a { font: normal 14px Verdana, Geneva, sans-serif; color: #686868; width: 52px; overflow: hidden; height: 58px; } #panelsite div.rightcol a img { float:left; } #panelsite div.rightcol ul { margin: 0 0 0 15px; float:left;cursor:pointer; } #panelsite div.rightcol ul li { margin: 3px 0 0 0; } #panelsite div.rightcol ul:hover li.default { display:none; } #panelsite div.rightcol ul:hover li.off { display:block; } #panelsite div.rightcol ul li.hover { display:none; } #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #panelsite div.centercol { width:747px;: } #panelsite div.centercol div { height:auto; float:none; } #panelsite div.centercol .menuheader { width: 726px; height:24px; overflow:hidden; background: white; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #panelsite div.centercol .menuheader ul li { float:left; background:url(http://design.velogigant.ru/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; } #panelsite div.centercol .menuheader ul li.main { background:none; } #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; } #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; } #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
сразу после
/*Стили блоков*/
вставьте
#left div.search { width:225px; height:32px; padding: 0px 0 10px 0px; } #left div.search input.text { float:left; border:0; background:url({ASSETS_IMAGES_PATH}search.jpg) left top no-repeat; padding-left:10px; width:183px; height:31px; font:normal 13px Tahoma, Geneva, sans-serif; color:#000; line-height:29px; } #left div.search input.button {float:left; background:url({ASSETS_IMAGES_PATH}search.jpg) -193px 0 no-repeat; width:32px; height:31px; cursor:pointer; }
и наконец в шаблоне HTML после блока
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div> <div class="blockmain navigation fnt12n"> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->
вставьте
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>
Осталось только загрузить на сайт изображение (Сайт -> редактор тем -> файлы) c именем search.jpg
Почему у меня после проделанных шагов выше делается вот так "см. прикрепленное фото".
#11
Отправлено 26 Март 2013 - 09:51
kostiano12 (26 Март 2013 - 08:18) писал:
скорее всего Вы задели лишний блок или строчку. Также возможно у Вас код в шаблоне мог немного отличаться, проделайте изменения эти еще раз. Перед этим сделайте бэкап-шаблона
#12
Отправлено 26 Март 2013 - 10:50
support 2.0 (26 Март 2013 - 09:51) писал:
Честно говоря уже раз 7 переделывал...ничего не получается(
#15
Отправлено 26 Март 2013 - 15:58
kostiano12 (26 Март 2013 - 15:29) писал:
Да, действительно в коде </div> парочку забыла в свое время добавить. Сейчас код исправила. Можете вставить эти 3 файла к себе на сайт заместо шаблона HTML, main.css и сохранив картинку поиска. Они полностью соответствуют файлам с Вашего сайта. Здесь все изменения уже добавлены
Прикрепленные файлы
#16
Отправлено 26 Март 2013 - 17:34
support 2.0 (26 Март 2013 - 15:58) писал:
СПАСИБО большое))) Все работает.
#17
Отправлено 28 Март 2013 - 05:27
support 2.0 (26 Март 2013 - 15:58) писал:
Подскажите пожалуйста,как сохранить картинку поиска?Сделала так же,все получилось,но вот с картинкой не могу разобраться.На сайте выдает ошибку из-за этого.
#18
Отправлено 28 Март 2013 - 05:38
Пожалуйста, опишите ваш вопрос как можно подробнее, по возможности приложите скриншоты предполагаемых изменений.
#19
Отправлено 17 Июнь 2013 - 14:31
#20
Отправлено 18 Июнь 2013 - 06:35
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных