Ваш IP: 54.92.197.82

Главная » Рамки для баннера

Рамки для баннера

 

Делаем рамку для баннера.

Часто возникает желание выделить рекламный баннер в рамочку. Как это сделать? Существует много способов для выделения баннеров в рамку. Самый трудоёмкий способ - это сделать рамку в фотошопе. Труднее, но есть свои преимущества. Рамку можно сделать очень привлекательной. Вот пример рамки, сделанной в фотошопе:

Предлагаю два способа выделения баннера рамкой. Давайте рассмотрим баннер и его код на таком примере. Вот код баннера:

<a href="http://tak.ru/partner.php?id=607723" target="_blank" rel="nofollow noopener"><img src="http://banners.takru.com/21.gif" alt="" border="0" />

Живым баннер будет выглядеть так:

Рассмотрим из чего состоит код баннера. Первая часть - <a href........blank"> - это адрес сайта, на который Вы попадёте, кликнув по баннеру. Вторая часть - <img src.....border="0"/> - это сама картинка баннера. "0" - это размер в пикселях. Я пробовал изменять этот размер. В результате получалась рамочка вокруг баннера, но не подходил цвет. Цвет получался, который указан в CSS для ссылок.

Чтобы можно было изменять размер рамки и её цвет, нужно добавить в код такой элемент - style="border: 3px solid #FF0000;" . Этот элемент добавляется во вторую часть кода, т.е. после <img.. После добавления код будет выглядеть так:

<a href="http://tak.ru/partner.php?id=607723" target="_blank" rel="nofollow noopener"><img style="border: 3px solid #FF0000;" src="http://banners.takru.com/21.gif" alt="" border="0" />

И в итоге баннер будет выглядеть так:

В коде 3рх - это толщина рамочки, можете изменять по Вашему желанию. #FF0000 - это цвет рамки. Его можно менять на любой, который подходит по к дизайну. Для этого откройте таблицу HTML-цветов и выбирайте какой Вам нужен. Вот вроде бы и всё!

Рамки для баннера обновлено: Июль 9, 2017 автором: admin

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*