Всё об artlab.club

Нас уже давно просили сделать баннеры или кнопки, и наконец мы это сделали.

Мы будем вам всем очень признательны, если вы разместите где-то на своем сайте или блоге, или где угодно любой из понравившихся.

Внимание! Все баннеры векторные, поэтому изображение смасштабируется на любую ширину без потери качества. Просто укажите свое значение параметра width="" в коде. Например width=500px, или width=100% — если вы хотите чтобы баннер занял всю ширину блока в который он помещен.

Если потребуется какая-то помощь с установкой — обращайтесь, поможем!

1. Кнопка «Мой дневник»

Код:

<a href="#Адрес ссылки на мой дневник">
<img src="http://artlab.club/img/banners/banner-14-200x60.svg" style="height:auto" width="200px"/>
</a>

Код:

<a href="#Адрес ссылки на мой дневник">
<img src="http://artlab.club/img/banners/banner-13-200x60.svg" style="height:auto" width="200px"/>
</a>

Здесь #Адрес ссылки на мой дневник необходимо заменить на ссылку на дневник, например такую: http://artlab.club/diary/letta-art/

Параметр width="" можно заменить на любое значение.

Все баннеры векторные, поэтому изображение смасштабируется на любую ширину без потери качества.

Например, если хочется побольше, поставьте width=300px. Готовый баннер будет иметь такой вид:

(Пример)



Код: (Пример)

<a href="http://artlab.club/diary/letta-art/">
<img src="http://artlab.club/img/banners/banner-13-200x60.svg" style="height:auto" width="300px"/>
</a>

Можно вместо ширины в пикселах поставить в процентах, например чтобы баннер занял всю ширину родительского блока, в который он помещен поставьте width=100%.

2. Стандартный баннер «дневники artlab.club»

Код:

<a href="http://artlab.club?utm_source=alc_ext_b2">
<img src="http://artlab.club/img/banners/banner-02-400x60.svg" style="height:auto" width="400px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b2">
<img src="http://artlab.club/img/banners/banner-01-400x60.svg" style="height:auto" width="400px"/>
</a>

3. Простой баннер «мини»

Код:

<a href="http://artlab.club?utm_source=alc_ext_b3">
<img src="http://artlab.club/img/banners/banner-05-100x30.svg" style="height:auto" width="150px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b3">
<img src="http://artlab.club/img/banners/banner-06-100x30.svg" style="height:auto" width="150px"/>
</a>

4. Простой баннер «мини» — 2

Код:

<a href="http://artlab.club?utm_source=alc_ext_b4">
<img src="http://artlab.club/img/banners/banner-07-100x30.svg" style="height:auto" width="150px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b4">
<img src="http://artlab.club/img/banners/banner-08-100x30.svg" style="height:auto" width="150px"/>
</a>

5. Баннер с подписью

Код:

<a href="http://artlab.club?utm_source=alc_ext_b5">
<img src="http://artlab.club/img/banners/banner-10-160x80.svg" style="height:auto" width="200px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b5">
<img src="http://artlab.club/img/banners/banner-09-160x80.svg" style="height:auto" width="200px"/>
</a>

6. Креативный баннер

Код:

<a href="http://artlab.club?utm_source=alc_ext_b6">
<img src="http://artlab.club/img/banners/banner-04-200x80.svg" style="height:auto" width="250px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b6">
<img src="http://artlab.club/img/banners/banner-03-200x80.svg" style="height:auto" width="250px"/>
</a>

7. Креативный баннер — 2

Код:

<a href="http://artlab.club?utm_source=alc_ext_b7">
<img src="http://artlab.club/img/banners/banner-12-200x80.svg" style="height:auto" width="250px"/>
</a>

Код:

<a href="http://artlab.club?utm_source=alc_ext_b7">
<img src="http://artlab.club/img/banners/banner-11-200x80.svg" style="height:auto" width="250px"/>
</a>