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

Код:

Код:
Здесь #Адрес ссылки на мой дневник необходимо заменить на ссылку на дневник, например такую: http://artlab.club/diary/letta-art/
Параметр width="" можно заменить на любое значение.
Все баннеры векторные, поэтому изображение смасштабируется на любую ширину без потери качества.
Например, если хочется побольше, поставьте width=300px. Готовый баннер будет иметь такой вид:
(Пример)

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

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Код:

Мы будем вам всем очень признательны, если вы разместите где-то на своем сайте или блоге, или где угодно любой из понравившихся.
Внимание! Все баннеры векторные, поэтому изображение смасштабируется на любую ширину без потери качества. Просто укажите свое значение параметра 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>

2 комментария