Налаштування Футера.

[sammum]

У футері є перелік соц. мереж. Зокрема на скрані це виглядає отак:

 

А в коді це виглядає так...

<div class="soc">
          {% for key, value in soc_footer %}
          <a href="{{ value.link }}" rel="nofollow noopener" target="_blank"> <img src="{{ value.image }}" alt="image" title="image"></a>
          {% endfor %}
        </div>

 

Як можна зробити так, щоб при наведенні вказувало соціальну мережу?

 

 

[Serzorg]

Вітаю. alt="image" title="image"  слово image заміни на те що потрібно.

[max1985]

26.06.2024 в 09:41, Serzorg сказал:

Вітаю. alt="image" title="image"  слово image заміни на те що потрібно.

И тогда у всех иконок будет один и тот же тайтл и альт

 

25.06.2024 в 12:31, sammum сказал:

Як можна зробити так, щоб при наведенні вказувало соціальну мережу?

Если в настройках шаблона не предусмотрено вводить тайтл, тогда только дорабатывать такой ф-л или костыли в коде

[sammum]

26.06.2024 в 09:41, Serzorg сказал:

Вітаю. alt="image" title="image"  слово image заміни на те що потрібно.

Ага і всюди буде повторюватися один напис... Не катить так...

[sammum]

26.06.2024 в 12:28, max1985 сказал:

И тогда у всех иконок будет один и тот же тайтл и альт

 

Если в настройках шаблона не предусмотрено вводить тайтл, тогда только дорабатывать такой ф-л или костыли в коде

В шаблоні лише один раз можна вказати тайтл та альт... А як зробити різні? Для ФБ, Ютьба та Твіттера? 

[sammum]

І питання, що якщо є рішення, то можна обговорити і вартість... 

[max1985]

25.06.2024 в 12:31, sammum сказал:

<div class="soc">
          {% for key, value in soc_footer %}
          <a href="{{ value.link }}" rel="nofollow noopener" target="_blank"> <img src="{{ value.image }}" alt="image" title="image"></a>
          {% endfor %}
        </div>

 

Проще всего, вместо этого сделать так:

<div class="soc">
<a href="url1" rel="nofollow noopener" target="_blank"> <img src="url_img1" alt="image1" title="image1"></a>
<a href="url2" rel="nofollow noopener" target="_blank"> <img src="url_img2" alt="image2" title="image2"></a>
<a href="url3" rel="nofollow noopener" target="_blank"> <img src="url_img3" alt="image3" title="image3"></a>
</div> 

 

[sammum]

Доброго дня. Не підскажете як можна реалізувати підсвітку іконок соц. мереж кольором. 

 

Я пробував через 

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<footer class="footer">
  <div class="container text-center">
    <a href="#"><i class="fa fa-facebook"></i></a>
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-linkedin"></i></a>
    <a href="#"><i class="fa fa-google-plus"></i></a>
    <a href="#"><i class="fa fa-skype"></i></a>
  </div>

 

Але як задати розмір іконок так і не вїхав. А по замовчуванню вони маленькі. 

 

І команда <a href="#"><i class="fa fa-tiktok"></i></a> не спрацювала