Как Изменить Дизайн
#21
Отправлено 01 Февраль 2014 - 21:27
#23
Отправлено 16 Февраль 2014 - 00:40
Прошу Вас еще раз помочь с поиском и корзиной.
Что нужно указал на прикрепленной картинке.
Заранее благодарен.
#24
Отправлено 17 Февраль 2014 - 21:32
#25
Отправлено 18 Февраль 2014 - 04:18
#26
Отправлено 18 Февраль 2014 - 23:56
#27
Отправлено 23 Октябрь 2014 - 23:39
Решил вернуться к переносу поиска и корзины. Сделал изменения описанные выше. Жду Вашей помощи.
Спасибо!
#28
Отправлено 23 Октябрь 2014 - 23:49
#29
Отправлено 24 Октябрь 2014 - 01:00
#30
Отправлено 24 Октябрь 2014 - 01:07
На рабочий день вид сайта в неисправном состоянии не хочется оставлять )
#31
Отправлено 24 Октябрь 2014 - 05:05
На счет поиска, в main.css найдите:
#panelsite div.centercol .search { background: url("http://design.sait.ru/searchbg.jpg") no-repeat scroll -110px 0 rgba(0, 0, 0, 0); float: left; height: 31px; margin: 11px 0 0; padding: 10px 0 0; width: 165px; } #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 .search { float: left; height: 31px; margin: 11px 0 0; padding: 10px 0 0; width: 165px; } #panelsite .search input.text { color: #b7b7b7; cursor: default; float: left; font: italic 12px/30px Verdana,Geneva,sans-serif; height: 30px; padding: 0; width: 130px; } #panelsite .search input.button { background: url("ссылка на иконку") no-repeat scroll; float: left; height: 30px; width: 32px; }
"ссылка на иконку" - иконку поиска загрузите в редактор шаблонов и ссылку на него вставьте в указанное место.
В шаблоне HTML сам поиск необходимо переместить вместо корзины, находим:
<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="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 class="hot_news"> <div class="block"> <a href="http://sait.ru/catalog/%D0%90%D0%BA%D1%86%D0%B8%D0%B8" title="Акция Фестул"><img src="http://st.sait.ru/7/1120/361/akc.gif" alt="Акция Фестул"></a> </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>
далее в main.css находим:
#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 { color: #686868; display: block; float: left; font: 14px Verdana,Geneva,sans-serif; height: 58px; margin: 5px 0 0 30px; overflow: hidden; padding: 0; text-decoration: none; width: 48px; } #panelsite div.rightcol ul { cursor: pointer; float: left; margin: 0 0 0 15px; padding: 0; } #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; }меняем на:
.cartInfo { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; } .cartInfo a { color: #686868; display: block; float: left; font: 14px Verdana,Geneva,sans-serif; height: 58px; margin: 5px 0 0 30px; overflow: hidden; padding: 0; text-decoration: none; width: 48px; } .cartInfo ul { cursor: pointer; float: left; margin: 0 0 0 15px; padding: 0; } .cartInfo a img { float:left; } .cartInfo ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; } .cartInfo ul li { margin:5px 0 0 0; } .cartInfo ul:hover li.default { display:none; } .cartInfo ul:hover li.off { display:block; } .cartInfo ul li.hover { display:none; } .cartInfo ul:hover li.hover { display:block; color:#1e5d77; } .cartInfo ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#32
Отправлено 24 Октябрь 2014 - 10:15
#33
Отправлено 24 Октябрь 2014 - 10:36
#34
Отправлено 24 Октябрь 2014 - 10:59
#36
Отправлено 24 Октябрь 2014 - 16:56
#38
Отправлено 24 Октябрь 2014 - 17:21
На данный момент пропало две категории меню сверху, поиск нужно, чтобы был на уровне верхнего меню на месте корзины.
Голубую полосу от поиска удалить надо.
Корзина в место баннера.
#39
Отправлено 24 Октябрь 2014 - 18:15
frolstep (24 Октябрь 2014 - 17:21) писал:
Голубую полосу от поиска удалить надо.
Корзина в место баннера.
</div> <div class="hot_news"> <div class="block"> <a href="http://tool77.ru/catalog/%D0%90%D0%BA%D1%86%D0%B8%D0%B8" title="Акция Фестул"><img src="http://st.tool77.ru/7/1120/361/akc.gif" alt="Акция Фестул"></a> </div> </div> <div class="rightcol cartInfo">замените на
замените на
</div> <div class="hot_news"> <div class="block"> <a href="http://tool77.ru/catalog/%D0%90%D0%BA%D1%86%D0%B8%D0%B8" title="Акция Фестул"><img src="http://st.tool77.ru/7/1120/361/akc.gif" alt="Акция Фестул"></a> </div> </div> <div class="rightcol cartInfo" id="bloc">далее найдите
<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> <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 class="rightcol cartInfo"> <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?design=plastic" /> </div> </form> </div> </div> </div>
далее добавьте в main.css
#bloc{margin-left: 759px;}найдите в main.css
#panelsite .search { float: left; height: 31px; margin: 11px 0 0; padding: 10px 0 0; width: 165px; }замените на
#panelsite .search { float: left; height: 31px; margin: 12px 0 0; padding: 1px 0 0; width: 212px; border: 1px solid #999; }
#40
Отправлено 24 Октябрь 2014 - 18:21
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных