Делаем рамку для баннера
Часто возникает желание выделить рекламный баннер в рамочку. Как это сделать? Существует много способов для выделения баннеров в рамку. Самый трудоёмкий способ — это сделать рамку в фотошопе. Труднее, но есть свои преимущества. Рамку можно сделать очень привлекательной. Вот пример рамки, сделанной в фотошопе:
Предлагаю два способа выделения баннера рамкой. Давайте рассмотрим баннер и его код на таком примере. Вот код баннера:
1 2 3 | <a href="https://partner.directadvert.ru/?ref=96956" target="_blank"><img src="https://mehelps.ru/wp-content/uploads/2022/10/ramki-dlya-bannera-sozdanie-sayta.jpg" alt="Монетизация сайта" /> |
Живым баннер будет выглядеть так:
Рассмотрим из чего состоит код баннера. Первая часть — это адрес сайта, на который вы попадёте, кликнув по баннеру. Вторая часть — это сама картинка баннера.
Можно для баннера добавить рамку. Чтобы можно было изменять размер рамки и её цвет, нужно добавить в код такой элемент — style=»border: 3px solid #FF0000;» . Этот элемент добавляется во вторую часть кода, т.е. после После добавления код будет выглядеть так:
1 2 3 | <a href="https://partner.directadvert.ru/?ref=96956" target="_blank"><img style="border: 3px solid #FF0000;" src="https://mehelps.ru/wp-content/uploads/2022/10/ramki-dlya-bannera-sozdanie-sayta.jpg" alt="Монетизация сайта" /> |
И в итоге баннер будет выглядеть так:
В коде 3рх — это толщина рамочки, можете изменять по вашему желанию. #FF0000 — это цвет рамки. Его можно менять на любой, который подходит по к дизайну. Для этого откройте таблицу HTML-цветов и выбирайте какой вам нужен. Вот вроде бы и всё!
Статья была полезной?