Перейти к содержимому


Как Изменить Дизайн


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 71

#21 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 01 Февраль 2014 - 21:27

Какая-то фигня получилась
Изображение

#22 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 09:58

Просмотр сообщенияfrolstep (01 Февраль 2014 - 21:27) писал:

Какая-то фигня получилась
Изображение
Добрый день
в сообщении выше Вы просили перенести поиск и корзину.
Что не так?
Сохраните изменения, предложенные модератором и скажите. что еще нужно исправить. Тогда мы сможем Вам помочь

#23 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 16 Февраль 2014 - 00:40

Здравствуйте!
Прошу Вас еще раз помочь с поиском и корзиной.
Что нужно указал на прикрепленной картинке.
Заранее благодарен.
Изображение

#24 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 17 Февраль 2014 - 21:32

Я в игноре...?

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Февраль 2014 - 04:18

по вашему запросу вам написали инструкцию по переносу, с 1го шага все изумительно выглядеть не будет так как надо еще все простилизовать, сделайте прошлые изменения и составьте новые вопросы на основе полученного результата, что необходимо изменить

#26 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 18 Февраль 2014 - 23:56

Спасибо!

#27 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 23 Октябрь 2014 - 23:39

Здравствуйте!
Решил вернуться к переносу поиска и корзины. Сделал изменения описанные выше. Жду Вашей помощи.
Спасибо!

#28 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 23 Октябрь 2014 - 23:49

Изображение

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Октябрь 2014 - 01:00

на данный момент, изменений у вас не наблюдаю, сохраняйте их. чтобы мы могли далее консультировать вас на основе полученных результатов

#30 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 01:07

вернул назад изменения жду консультацию...спасибо!
На рабочий день вид сайта в неисправном состоянии не хочется оставлять )

#31 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 10:15

корзину в место баннера

#33 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 10:36

Все сделал как вы сказали, в итоге смотрите, что получилось...

#34 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 10:59

Изображение

#35 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Октябрь 2014 - 16:40

Просмотр сообщенияfrolstep (24 Октябрь 2014 - 10:59) писал:


Здравствуйте, данной проблемы не обнаружили.

#36 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 16:56

Вернул изменения обратно для дальнейших инструкций. Спасибо! Жду!

#37 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Октябрь 2014 - 17:06

Просмотр сообщенияfrolstep (24 Октябрь 2014 - 16:56) писал:

Вернул изменения обратно для дальнейших инструкций. Спасибо! Жду!
У вас сейчас в трех местах отображается корзина, уточните на скриншоте, какую необходимо оставить, а какие убрать.

#38 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 17:21

Изображение

На данный момент пропало две категории меню сверху, поиск нужно, чтобы был на уровне верхнего меню на месте корзины.
Голубую полосу от поиска удалить надо.
Корзина в место баннера.

#39 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Октябрь 2014 - 18:15

Просмотр сообщенияfrolstep (24 Октябрь 2014 - 17:21) писал:

На данный момент пропало две категории меню сверху, поиск нужно, чтобы был на уровне верхнего меню на месте корзины.
Голубую полосу от поиска удалить надо.
Корзина в место баннера.
Найдите в HTML
</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 frolstep

frolstep

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 24 Октябрь 2014 - 18:21

сделал...дальше что?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных