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

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

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

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

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

Монетизация сайта

Рассмотрим из чего состоит код баннера. Первая часть — это адрес сайта, на который вы попадёте, кликнув по баннеру. Вторая часть — это сама картинка баннера.

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

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

Монетизация сайта

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

 

Статья была полезной?