• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Код PROMO, добавление ссылки (Описание темы)
Код PROMO, добавление ссылки
ekodar4
Сообщений: 10
Репутация: 0

Сообщение # 1 | 14:31:16
Привет, не могу в этот код:

Код
<div class="promo-section5">
 <div class="wrapper">
 <h2 class="promo-section1-title">Новинки в нашем магазине!</h2>
 <span class="promo-enter">Батончики, клетчатка, сладкий урбеч, спирулина, хлорелла, овсяные коктейли и многое другое!</span>
 <ul class="owl-slider-food owl-carousel owl-theme">
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_flaks_batonchik_s_chernoslivom_obem_30_gr.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_2_flaks_batonchik_miks_obem_30_gr.png" width="50%" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_krupnaja_s_airom_obem_150_gr.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_krupnaja_s_krushinoj_obem_150_gr.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/abrimjod-230g-jadra_abrikosa_i_mjod-111.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/medoljon-230g-mjod_i_len-111.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_pshenichnaja_krupnaja_obem_150_gr.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_pshenichnaja_melkaja_obem_200_gr.png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/spirulina_v_poroshke-100_gr..png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/khlorella_v_taletkakh-150_tab..png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/ovsjanoj_koktejl_c_kehrobom_300_gr..png" width="100px" height="">
 </li>
 <li class="item">
 <img src="https://ecodar.ucoz.net/novosti/slaidshoy/ovsjanoj_koktejl_s_vanilju-300_gr..png" width="100px" height="">
 </li>
 </ul>
 </div>
 </div>

к каждой картинке установить ссылку. Весь слайд рушится, а в визуальном тупо не дает ссылку затолкать. Как исправить этот момент?

Добавлено (29 Авг 2021, 14:32:20)
---------------------------------------------
Ссылка на сайт: http://ecodar96.ru/

VanDale
Сообщений: 30
Репутация: 0

Сообщение # 2 | 14:51:00
К каждой картинке в код добавьте:

Код
<a href="тут ссылка">тут код картинки (начинается с <img src="">) </a>

artem_tutynin
Сообщений: 123
Репутация: 21

Сообщение # 3 | 15:07:54
ekodar4, добрый день! Да, всё верно подсказали вам в предыдущем ответе. Чтобы при клике на картинку открывалась страница, необходимо добавить тег 'a' в элемент слайдера. То есть должно получиться:

Код
<li class="item">
    <a href="Ссылка_на_страницу">
        <mg src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_flaks_batonchik_s_chernoslivom_obem_30_gr.png" width="100px" height="">
    </a>
</li>
ekodar4
Сообщений: 10
Репутация: 0

Сообщение # 4 | 15:20:39
Спасибо, я без тега "a" добавлял. За что отвечает данный тег?
artem_tutynin
Сообщений: 123
Репутация: 21

Сообщение # 5 | 15:29:40
ekodar4, данный тег предназначен для создания ссылок. Подробнее можете ознакомиться на странице html5book.ru/hyperlinks-in-html
ekodar4
Сообщений: 10
Репутация: 0

Сообщение # 6 | 17:44:16
Спасибо!
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Код PROMO, добавление ссылки (Описание темы)
  • Страница 1 из 1
  • 1
Поиск: