Как сделать ленту в углу страницы сайта

Вы наверняка обращали внимание, что на некоторых сайтах в верхнем углу есть отгибающийся уголок или красивая лента. Для чего это нужно? Если вы обращались в популярные студии веб-разработок, такие как https://ima.kz/, то наверняка сталкивались с данным вопросом. Во-первых, это позволяет экономить место на странице ресурса. Ведь нужно оставить и место для рубрик, и вывести популярные статьи или список лучших комментаторов, код подписки или другой важный блок. И о рекламе тоже нельзя забывать. Все это часто надоедает посетителям, особенно когда этих «прибамбасов» много. 

Благодаря использованию пространства в углу, можно немного «разгрузить» основную часть страницы. Кроме того, правый верхний угол является одним из тех мест, на который читатели ресурса чаще всего обращают внимание. Там можно разместить ссылки на платный или бесплатный курс, вывести контакты, ссылки на конкурс, предлагаемые услуги или страницу подписки. Те, кто хорошо разбирается в HTML, без проблем сделают ленту или уголок что отгибается. А если вы из тех, кто в программировании не силен, то вам придется воспользоваться помощью со стороны. 

Оказывается, что в сети существует давно раскрученный и популярный сервис, с помощью которого легко можно изготовить ленту угла на сайте. Для этого заходим на ресурс quickribbon.com. Здесь можно выбрать надпись, которая будет на ленте, размер и гарнитуру шрифта, вид ленты и ее цвет, ввести адрес, на который будут попадать те, кто нажмет на ленту. 

Кроме того, можно предварительно просматривать промежуточные версии, созданные в результате манипуляций со всеми настройками. В конце, если все устраивает, нажимаем "Generate Ribbon!". После этого сервис предоставит нам код, который нужно вставить в нужное вам место страницы. Ставить нужно в середине тега. 

Об эффективности этой ленты конкретно на вашем сайте трудно что-либо утверждать, стоит тестировать. Если это не сработает, то можно избавиться от нововведения простым удалением вставленного кода. Нужно понимать, что любые лишние элементы на странице увеличивают ее вес, что может негативно сказаться на скорости ее загрузки (особенно если ваши посетители используют мобильный интернет), поэтому все не приносящее пользу лучше упразднять.