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

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

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

1	<a href="https://partner.directadvert.ru/?ref=96956" target="_blank"><img src="http://mehelps.ru/wp-content/uploads/2019/11/ban-2.jpg" alt="Монетизация сайта" />

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

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

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

1	<a href="https://partner.directadvert.ru/?ref=96956" target="_blank"><img style="border: 3px solid #FF0000;" src="http://mehelps.ru/wp-content/uploads/2019/11/ban-2.jpg" alt="Монетизация сайта" />

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

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