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


Помогите С Дизайном. Нужно Как Можно Скорее...


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

#21 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 10:39

Мне надо, чтобы она была тоньше в два раза и по цвету как верхнее меню.

Прикрепленные изображения

  • 001.png


#22 Taisia

Taisia

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

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

Отправлено 20 Июль 2013 - 10:58

загрузите себе изображение по ссылке на сайт

#23 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 11:01

Просмотр сообщенияTaisia (20 Июль 2013 - 10:58) писал:

загрузите себе изображение по ссылке на сайт
Загрузил

#24 Taisia

Taisia

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

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

Отправлено 20 Июль 2013 - 11:36

что бы уменьшить высоту панели найдите в коде main.css
.panel-bottom {
  background: #4B4B4B;
  border-radius: 6px 6px 0 0;
  bottom: 0;
  left: 50%;
  margin-left: -40%;
  position: fixed;
  width: 80%;
  overflow: hidden;
}

и замените на код

.panel-bottom {
  background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x;
  border-radius: 6px 6px 0 0;
  bottom: 0;
  left: 50%;
  margin-left: -40%;
  position: fixed;
  width: 80%;
  overflow: hidden;
  height: 30px;
  height: 3;
}


#25 Taisia

Taisia

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

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

Отправлено 20 Июль 2013 - 11:42

там же найдите код

.panel-bottom-link li {
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 335.4px;
  cursor: pointer;
  border-left: 1px solid #6A6A6A;
  border-right: 1px solid #3C3C3C;
}

и замените на код

.panel-bottom-link li {
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 335.4px;
  cursor: pointer;
  border-left: 1px solid #6A6A6A;
  border-right: 1px solid #3C3C3C;
}


#26 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 11:48

Просмотр сообщенияTaisia (20 Июль 2013 - 11:36) писал:

что бы уменьшить высоту панели найдите в коде main.css
.panel-bottom {
background: #4B4B4B;
border-radius: 6px 6px 0 0;
bottom: 0;
left: 50%;
margin-left: -40%;
position: fixed;
width: 80%;
overflow: hidden;
}

и замените на код

.panel-bottom {
background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x;
border-radius: 6px 6px 0 0;
bottom: 0;
left: 50%;
margin-left: -40%;
position: fixed;
width: 80%;
overflow: hidden;
height: 30px;
height: 3;
}
вот что вышло http://vsedlyvseh.ru/

Просмотр сообщенияTaisia (20 Июль 2013 - 11:42) писал:

там же найдите код

.panel-bottom-link li {
color: #FFFFFF;
display: block;
float: left;
font-size: 16px;
height: 50px;
line-height: 50px;
text-align: center;
width: 335.4px;
cursor: pointer;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #3C3C3C;
}

и замените на код

.panel-bottom-link li {
color: #FFFFFF;
display: block;
float: left;
font-size: 16px;
height: 30px;
line-height: 30px;
text-align: center;
width: 335.4px;
cursor: pointer;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #3C3C3C;
}
сделал

#27 Taisia

Taisia

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

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

Отправлено 20 Июль 2013 - 12:02

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

#28 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 12:10

Просмотр сообщенияTaisia (20 Июль 2013 - 12:02) писал:

из вашего сообщения не ясно что вы хотите изменить, напишите пожалуйста детально.
Панель стала как я хотел, огромное спасибо!
Вот только кнопки на панели не активные B)  
как убрать теперь уж лишний блок на сайте "сравнение товаров" так как он уже есть в нижней панели.
и как добавить еще два блока за место этого. и самое главное как в эти блоки вставлять картинки (опишите пожалуйста)

Прикрепленные изображения

  • 002.png


#29 miyako

miyako

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

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

Отправлено 20 Июль 2013 - 13:17

Просмотр сообщенияВасилий (20 Июль 2013 - 12:10) писал:

Панель стала как я хотел, огромное спасибо!
Вот только кнопки на панели не активные B)  
как убрать теперь уж лишний блок на сайте "сравнение товаров" так как он уже есть в нижней панели.
и как добавить еще два блока за место этого. и самое главное как в эти блоки вставлять картинки (опишите пожалуйста)

В шаблоне HTML найдите код:
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
				  <div class="contentTbodyCompare">
					{%IF COMPARE_GOODS_COUNT=0 %}
					  <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
					{% ELSE %}
					  <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
					  <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
					{% ENDIF %}
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
и удалите его.
Далее добавьте там же код:
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
Загрузите изображение в раздел Сайт - Файлы и измените в коде пути до изображений.

#30 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 13:37

Просмотр сообщенияmiyako (20 Июль 2013 - 13:17) писал:

В шаблоне HTML найдите код:
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
				 <div class="contentTbodyCompare">
				 {%IF COMPARE_GOODS_COUNT=0 %}
					 <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
				 {% ELSE %}
					 <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
					 <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
				 {% ENDIF %}
				 </div>
			 {% ENDIF %}
			 {% ENDIF %}
			 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
и удалите его.
Далее добавьте там же код:
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
Загрузите изображение в раздел Сайт - Файлы и измените в коде пути до изображений.

Мне надо сделать, что то подобное.
как в картинки вставить ссылки?

Прикрепленные изображения

  • 002.png


#31 miyako

miyako

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

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

Отправлено 20 Июль 2013 - 14:26

Просмотр сообщенияВасилий (20 Июль 2013 - 13:37) писал:

Мне надо сделать, что то подобное.
как в картинки вставить ссылки?

Код:
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
замените на:
<div class="block1">
<h3>Доставка и Оплата</h3>
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
</div>
<div  class="block1">
<h3>Разное</h3>
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
</div>


#32 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 14:32

Просмотр сообщенияmiyako (20 Июль 2013 - 14:26) писал:

Код:
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
замените на:
<div class="block1">
<h3>Доставка и Оплата</h3>
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
</div>
<div class="block1">
<h3>Разное</h3>
<img src="путь до изображения 1" alt="описание изображения" width="170">
<img src="путь до изображения 2" alt="описание изображения" width="170">
</div>
а как на картинку вставить ссылку? что тут надо дописать <imgsrc="путь до изображения 1"alt="описание изображения"width="170">

#33 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 14:43

Просмотр сообщенияВасилий (20 Июль 2013 - 14:32) писал:

а как на картинку вставить ссылку? что тут надо дописать <imgsrc="путь до изображения 1"alt="описание изображения"width="170">
значок яндекс деньги деньги залипает... Как исправить? Хотелось бы оставить аниме значок, а не менять его на картинку

забыл прикрепить

Прикрепленные изображения

  • 003.png


#34 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 15:43

Как вставить ссылку в картинку я разобрался. жду остальное

#35 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 20 Июль 2013 - 16:00

Просмотр сообщенияВасилий (20 Июль 2013 - 12:10) писал:

Панель стала как я хотел, огромное спасибо!
Вот только кнопки на панели не активные B)  


#36 miyako

miyako

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

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

Отправлено 21 Июль 2013 - 06:34

Просмотр сообщенияВасилий (20 Июль 2013 - 16:00) писал:


Какие кнопки у Вас не активные? Gif картинку, то есть анимированную подключить можно также как и обычную. Подробнее здесь - http://www.shaybakov.../insert_gif.php

Какие у Вас остались еще вопросы?

#37 Василий

Василий

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 21 Июль 2013 - 10:52

Просмотр сообщенияmiyako (21 Июль 2013 - 06:34) писал:

Какие кнопки у Вас не активные? Gif картинку, то есть анимированную подключить можно также как и обычную. Подробнее здесь - http://www.shaybakov.../insert_gif.php

Какие у Вас остались еще вопросы?

Панель вы помогли установить, а вот включить ее нет!

Она должны быть как тут http://www.123.ru/

Прикрепленные изображения

  • 000.png


#38 Сake

Сake

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

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

Отправлено 23 Июль 2013 - 01:37

Добавьте в ваш файл стилей main.css


.panel-bottom-content {
   clear: both;
   background: #fff;
}
.panel-bottom-content > div {
	height: 0;
}
.panel-bottom-content > .selected {
	border: 1px solid;
	border-bottom: none;
	padding: 5px;
}
.panel-bottom {
	height: auto !important;
}

далее в файл main.js добавьте

$(function() {
  $('.panel-bottom-link li').click(function() {
	 var open = $.proxy(function() {
	   $('#' + $(this).attr('rel')).addClass('selected').css({height: '0'}).show().stop()
	   .animate({height: '300px'}, 500);
	 }, this);
	 if(!$('.panel-bottom-content > div.selected').length) {
	   return(open());
	 }
	 $('.panel-bottom-content > div.selected').stop().animate({height: '0'}, 500, function() {
		$(this).hide().removeClass('selected');
		open();
	 });
  });
});

Далее вам останется только переместить блоки Просмотренные товары, В сравнении, Онлайн-консультант в соответствующие блоки панели. Каждому блоки задан id. Например id="recently_viewed_goods" или <div id="conline_consultant"

Все необходимые переносимые блоки вы можете найти в шаблоне "HTML". Например

<!-- Последние товары, просмотренные пользователем -->
			  {% IFNOT recently_viewed_goods_empty %}
			  <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4>
			  <div class="contentTbodyRecentlyViewed">
				<table class="recent_viewed">
				  {% FOR recently_viewed_goods %}
				  <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
					<td class="img txtalgncnt">
					  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
					</td>
					<td class="link statetitle fnt12n txtalgnlft">
					  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
					</td>
				  </tr>
				  {% ENDFOR %}
				</table>
			  </div>
			  {% ENDIF %}
			  <!-- Последние товары, просмотренные пользователем -->





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

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