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


Можно Ли Сделать Кликабельными Иконки "булитов"?


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

#1 Safe

Safe

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

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

Отправлено 03 Март 2016 - 19:46

Собственно вопрос: можно ли настроить переходы или "всплытие" расширенных текстов на/из соответствующих страниц при клике?
Изображение

#2 RedHead

RedHead

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

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

Отправлено 03 Март 2016 - 20:56

Просмотр сообщенияSafe (03 Март 2016 - 19:46) писал:

Собственно вопрос: можно ли настроить переходы или "всплытие" расширенных текстов на/из соответствующих страниц при клике?

Здравствуйте. Подойдет ли Вам реализация "всплывающей" при наведении на элементы подсказки?

#3 Safe

Safe

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

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

Отправлено 03 Март 2016 - 21:41

Да. Вполне!

#4 Vaccina

Vaccina

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

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

Отправлено 04 Март 2016 - 07:02

Если использовать стандартные средства без css и js, то в шаблоне HTML найдите:
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-truck">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Бесплатная доставка по Москве заказов, оформленных через корзину</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-unlock-alt">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Безопасная оплата покупки удобным Вам способом</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-rotate-left">&nbsp;</em></div>
			<div class="text-block">
			  <h4>В наличии на складе. Гарантия на все товары</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-phone">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Круглосуточный прием заказов через корзину сайта</h4>
			</div>
		  </div>

замените на:
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content" title="текст1">
			<div class="icon-block"><em class="fa fa-truck">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Бесплатная доставка по Москве заказов, оформленных через корзину</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content" title="текст2">
			<div class="icon-block"><em class="fa fa-unlock-alt">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Безопасная оплата покупки удобным Вам способом</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content" title="текст3">
			<div class="icon-block"><em class="fa fa-rotate-left">&nbsp;</em></div>
			<div class="text-block">
			  <h4>В наличии на складе. Гарантия на все товары</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content" title="текст4">
			<div class="icon-block"><em class="fa fa-phone">&nbsp;</em></div>
			<div class="text-block">
			  <h4>Круглосуточный прием заказов через корзину сайта</h4>
			</div>
		  </div>

и замените: текст1, текст2, текст3, текст4 на необходимый текст

#5 Safe

Safe

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

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

Отправлено 04 Март 2016 - 12:15

А шрифт всплывающих тестов можно поменять? Например на "Tahoma 16 (B)"?

ой буква В - в смайл трансформировалась... :)

#6 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 04 Март 2016 - 16:14

Просмотр сообщенияSafe (04 Март 2016 - 12:15) писал:

А шрифт всплывающих тестов можно поменять? Например на "Tahoma 16 ( B)"?

ой буква В - в смайл трансформировалась... :)

Здравствуйте, подсказка является системным элементом, поэтому вид подсказки зависит от используемого браузера, операционной системы и её настроек. Можно изменить стили с помощью скриптов, но они сильно нагружают сайт, и этого того не стоит.




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

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