Сообщений в теме: 12

[Stas_Y]

ДД! Можно ли заменить крутящийся ромбик, который раскрывает список категорий товаров, заменить на другой анимированный элемент?
Как это сделать?

[Danil]

Stas_Y (30 Август 2015 - 10:43) писал:

ДД! Можно ли заменить крутящийся ромбик, который раскрывает список категорий товаров, заменить на другой анимированный элемент?
Как это сделать?

Здравствуйте.
Пришлите скриншот с обозначением данного элемента.

[Stas_Y]

Прилагаю рисунок

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

• 

[Danil]

Stas_Y (30 Август 2015 - 15:01) писал:

Прилагаю рисунок

На какой элемент Вы хотите заменить крутящийся ромбик?

[Stas_Y]

http://www.transformicons.com/

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

• 

[Stas_Y]

Все) и все теряются=) если это тоже платная услуга вы скажите))

[Stas_Y]

Тех поддержка форума, ответит кто или нет? Ждать? или искать другие решения?

[Vaccina]

Может лучше реализовать обычную подмену значка, так как стандартный ромб на CSS сделан, а по вашему примеру опять придется обращаться к JS, что в свою очередь увеличивает нагрузку сайта?

[Stas_Y]

Давайте) подменим значок) я не против, ромб просто ну как то совсем смущает(( хорошо что вы написали я многого не понимаю и если js нагружает сайт, то конечно зачем он нам))

[Vaccina]

В main.css найдите:

/* Сворачивание блоков в левой части */
.toggleBlock, .toggleBlockMenu {position: relative;float:right;right: 15px;top: 0px;z-index: 1;cursor: pointer;}
.toggleArrow {width: 20px;height: 20px;background: #f79242;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg); }
.toggleSquare{width: 28px;height: 15px;background: none;position: absolute;top: 10px;right: -4px;}
.toggleBlock:hover .toggleArrow ,.toggleBlockMenu:hover .toggleArrow {background:rgba(247,146,66,.7);}

замените на:

/* Сворачивание блоков в левой части */
.toggleBlock, .toggleBlockMenu {position: relative;float:right;right: 15px;top: 0px;z-index: 1;cursor: pointer;}
.toggleArrow {width: 20px;height: 20px; text-align:center;}
.toggleSquare{width: 28px;height: 15px;background: none;position: absolute;top: 10px;right: -4px;}
.toggleArrow:after{content:"-";font: bold 24px/20px Arial;}
.active > .toggleArrow:after{content:"+";}

В main.js найдите:

// Функция сворачивания блоков Меню
$(function(){$('.toggleBlockMenu').click(function(){
  var flag;
  $(this).parent().parent().find('.block-menu-content').toggle('normal',function(){
	flag = $(this).parent().parent().find('.block-menu-content').css('display');
	 if(flag = 'none'){
	 $(this).parent().find('.toggleBlockMenu').css('transform','rotateZ('+ deg +'deg)');
	deg +=180;
	}
	else{
	 $(this).parent().find('.toggleBlockMenu').css('transform','rotateZ('+ deg +'deg)');
	deg +=180;
	}
  });
})})

замените на:

// Функция сворачивания блоков Меню
$(function(){$('.toggleBlockMenu').click(function(){
  var flag;
  $(this).parent().parent().find('.block-menu-content').toggle('normal',function(){
	flag = $(this).parent().parent().find('.block-menu-content').css('display');
	 if(flag = 'none'){
	 $(this).parent().find('.toggleBlockMenu').css('transform','rotateZ('+ deg +'deg)');
	deg +=180;
$(this).parent().find('.toggleBlockMenu').toggleClass('active');
	}
	else{
	 $(this).parent().find('.toggleBlockMenu').css('transform','rotateZ('+ deg +'deg)');
	deg +=180;
	}
  });
})})

[Stas_Y]

А варианты самого значка есть?) Вы его с моего примера взяли?)

P/S а так замечательно))) Vaccina - вы лучшая!

[Ирина345]

Stas_Y (01 Сентябрь 2015 - 07:29) писал:

А варианты самого значка есть?) Вы его с моего примера взяли?)

P/S а так замечательно))) Vaccina - вы лучшая!

Здравствуйте,
если вы хотите изменить данный символ, найдите в файле main.css

.toggleArrow:after{content:"-";font: bold 24px/20px Arial;}
.active > .toggleArrow:after{content:"+";}

изменяете значение - +

[Stas_Y]

Спасибо большое))!