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


Вопросы По Дизайну


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

#1 D_mix

D_mix

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

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

Отправлено 01 Апрель 2014 - 00:46

1.Как сделать каталог,сравнить товары,вы смотрели в отдельные окна с белым фоном и серой обводкой как у товаров?
2.Как поднять каталог и т.д. на уровень с Добро пожаловать
3.Как заменить меню на вот такое http://samouchka-htm...menju/7-1-0-283
Безымянный.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2014 - 03:25

1.В main.css пропишите:
.leftmenu > li {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	padding: 5px;
}
можете дописать свои необходимые стили.
2.В main.css найдите:
.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}
уменьшите значение padding-top
3. В HTML находим:
<!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% 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>
меняем на:
<!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620 nav" id="mainmenu">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% 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>
в main.css в самом конце прописываем:
#nav{position:relative; margin:40px; background:#eee; padding:0; font-family:'Lobster', Arial, Helvetica, sans-serif; font-size:21px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 3px #ccc; -webkit-box-shadow:2px 2px 3px #ccc; box-shadow:2px 2px 3px #ccc;}
#nav .clear{clear:both;}
#nav ul{padding:0 0 0 5px; margin:0; list-style:none;}
#nav li{float:left; margin:5px 10px 5px 0; background:#eee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav li a{text-decoration:none; color:#9e0039; display:block; padding:10px 15px;}
в main.js в самом конце прописываем:
$(document).ready(function(){
$nav_li=$("#nav li");
$nav_li_a=$("#nav li a");
var animSpeed=450; //Скорость затемнения
var hoverTextColor="#fff"; //Цвет текста при наведении мыши
var hoverBackgroundColor="#9e0039"; //Цвет фона при наведении мыши
var textColor=$nav_li_a.css("color");
var backgroundColor=$nav_li.css("background-color");
//анимация цвета текста
$nav_li_a.hover(function() {
var $this=$(this);
$this.stop().animate({ color: hoverTextColor }, animSpeed);
},function() {
var $this=$(this);
$this.stop().animate({ color: textColor }, animSpeed);
});
//анимация цвета фона
$nav_li.hover(function() {
var $this=$(this);
$this.stop().animate({ backgroundColor: hoverBackgroundColor }, animSpeed);
},function() {
var $this=$(this);
$this.stop().animate({ backgroundColor: backgroundColor }, animSpeed);
});
});


#3 D_mix

D_mix

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

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

Отправлено 01 Апрель 2014 - 09:54

1.Блок "Вы смотрели" отображается теперь  только в опере
2.Меню не изменилось

#4 Vaccina

Vaccina

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

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

Отправлено 02 Апрель 2014 - 03:45

блок "Вы смотрели" мы в принципе не затрагивали, так как он нам и не нужен по задачам.
укажите номер аккаунта, в котором вы реализуете задуманное, чтобы мы смогли просмотреть что не так получилось по изменениям

#5 D_mix

D_mix

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

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

Отправлено 02 Апрель 2014 - 07:36

http://o20443.storeland.ru

#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 02 Апрель 2014 - 12:45

Просмотр сообщенияD_mix (02 Апрель 2014 - 07:36) писал:


Здравствуйте,
Блок Недавно просмотренных товаров корректно отображается в браузерах Mozilla Firefox, Opera, Google Chrome, Internet Explorer.

На какой стадии выполнения инструкции по установке меню у вас возникают проблемы?

#7 D_mix

D_mix

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

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

Отправлено 02 Апрель 2014 - 17:08

Здравствуйте.Смотрел на 2-х пк  в: Opera, Google Chrome, Internet Explorer,Yandex,Mail. Чистил кеш ,но блока нет!
Я все сделал как написала Vaccina ,меню осталось прежним

#8 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 02 Апрель 2014 - 17:12

Просмотр сообщенияD_mix (02 Апрель 2014 - 17:08) писал:

Здравствуйте.Смотрел на 2-х пк  в: Opera, Google Chrome, Internet Explorer,Yandex,Mail. Чистил кеш ,но блока нет!
Я все сделал как написала васина,меню осталось прежним

Для установки меню Вам необходимо выполнить данные инструкции.

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




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

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