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


5 Вопросов


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

#1 sauron.089

sauron.089

    Пользователь

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

Отправлено 10 Июль 2015 - 17:03

1. Как сделать полупрозрачность этого элемента?
2. Как вообще убрать анимирование товаров? (перевертывание карточки)
3. Как задать цвет именно для этих кнопок по отдельности?
4. Задать цвет отдельно для корзины (в меню наверху и при наведение на товар)
5. Передвинуть два блока (1. Соц сети  на место Новостей, а 2. "мы принимаем" на бывшее место соц.сети)

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

  • 5091cb7d386543a834c5ed6вфывфыв821cb8332men.jpg
  • 5091cb7d38654выфв3a834c5ed6821cb8332men.jpg
  • уйуйцу.jpg
  • 5091cb7d386выаыва543a834c5ed6821cb8332men.jpg


#2 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

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

Просмотр сообщенияsauron.089 (10 Июль 2015 - 17:03) писал:

1. Как сделать полупрозрачность этого элемента?
2. Как вообще убрать анимирование товаров? (перевертывание карточки)
3. Как задать цвет именно для этих кнопок по отдельности?
4. Задать цвет отдельно для корзины (в меню наверху и при наведение на товар)
5. Передвинуть два блока (1. Соц сети  на место Новостей, а 2. "мы принимаем" на бывшее место соц.сети)

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product .not-rotation-actions {background: #49d2fc;bottom:0;left: 0;right: 0;padding: 9px 10px;position: absolute;text-align: center;-webkit-transition: bottom .2s linear;transition: bottom .2s linear;z-index: 1;height:72px;width:99.9%;}

Замените на:
.product .not-rotation-actions {background: rgba(73, 210, 252, 0.5);bottom:0;left: 0;right: 0;padding: 9px 10px;position: absolute;text-align: center;-webkit-transition: bottom .2s linear;transition: bottom .2s linear;z-index: 1;height:72px;width:99.9%;}

У значения параметра background: 0.5 коэфициент прозрачности.

2. Уточните, пожалуйста, что бы Вы хотели видеть вместо анимации на карточке товара, т.е. как должна появляться информация при наведении на товар?

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.btn.add-cart.quick {background-color:gray;}
.btn.add-cart.quick:hover {
  color: #fff;
  outline: none;
  -webkit-transition: background .2s linear,
  color .2s linear;
  transition: background .2s linear,
  color .2s linear;
  background-color: #000000;
  text-decoration: none;
}
.btn.add-cart {background-color:green;}
.btn.add-cart:hover {
  color: #fff;
  outline: none;
  -webkit-transition: background .2s linear,
  color .2s linear;
  transition: background .2s linear,
  color .2s linear;
  background-color: #000000;
  text-decoration: none;
}

Здесь:
gray; - постоянный цвет верхней кнопки (серый)
green; - постоянный цвет нижней кнопки (зеленый)
У параметров с hover (цвет кнопки при наведении) значения цвета #000000; - черный цвет
Все значения цвета Вы можете изменить на необходимые, индивидуально для каждой кнопки.

4. Для корзины наверху:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте код:
span.icon-basket {color: green;}

Изменяйте значение цвета green на необходимое.

5. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			  <p>Мы в Соц. Сетях</p>			
				<a class="fa fa-vk fa-3x akon" href="http://vk.com/nerana_vk"></a>
				<a class="fa fa-instagram fa-3x akon akonb" href="https://instagram.com/shop_nerana/"></a>
				<a class="fa fa-twitter fa-3x akon akona" href="https://twitter.com/NeranaNews"></a>		
			  <p class="visaa">Мы принимаем:</p>
				<a class="fa fa-cc-mastercard fa-4x akon" href="#" ></a>
				<a class="fa fa-cc-visa fa-4x akon " href="#" ></a>
		   </div>		   
			<!-- END Контакты и Социальные кнопки -->

Замените на:
			  <p class="visaa">Мы принимаем:</p>
				<a class="fa fa-cc-mastercard fa-4x akon" href="#" ></a>
				<a class="fa fa-cc-visa fa-4x akon " href="#" ></a>
			  <p>Мы в Соц. Сетях</p>			
				<a class="fa fa-vk fa-3x akon" href="http://vk.com/nerana_vk"></a>
				<a class="fa fa-instagram fa-3x akon akonb" href="https://instagram.com/shop_nerana/"></a>
				<a class="fa fa-twitter fa-3x akon akona" href="https://twitter.com/NeranaNews"></a>		
		   </div>		   
			<!-- END Контакты и Социальные кнопки -->


#3 sauron.089

sauron.089

    Пользователь

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

Отправлено 10 Июль 2015 - 22:48

Отвечаю на пункт 2:
Стиль нужен такой же,как и там где мы делали полупрозрачность! Спасибо большое,вот еще несколько вопросов.ПОМОГИТЕ!


1. Удалить линии под "Контакты","ОБРАТНЫЙ ЗВОНОК",ИНФОРМАЦИЯ"
2. Перенести эту форму после "ИНФОРМАЦИЯ",чтобы была надпись над формой "Обновления" ,стиль как у всех трех столбцов (выравнивание,шрифт и т.д.) Код формы:
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css" />
<style type="text/css">#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:310px;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
  We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//nerana.us11.list-manage.com/subscribe/post?u=e3c438dc8a6ff57cedc21c761&amp;id=1e664da049" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll"><input class="email" id="mce-EMAIL" name="EMAIL" placeholder="Ваш email" required="" type="email" value="" /> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input name="b_e3c438dc8a6ff57cedc21c761_1e664da049" tabindex="-1" type="text" value="" /></div>

<div class="clear"><input class="btn" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Подписаться" /></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->



3. Создать линии,как на скриншоте. Стиль "SOLID" ,чтобы толщину мог регулировать каждой по отдельности.
4. Перенести иконки между этих линий,расстояния между иконками я могу сам отрегулировать. Отступ от линий примерно 5-10 px

Аккаунт SL-332461

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

  • IXjLYLexCBw.jpg


#4 sauron.089

sauron.089

    Пользователь

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

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

Может ответить кто нибудь?




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

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