Как сделать уголок на сайте

Автор Damir-Tote. Опубликовано в Блог, Гаджеты Блогспот

Добрый день читатели блога damirtote.ru! В этой статье я Вам хочу рассказать о том, как сделать уголок на сайте или же на своем блоге Blogger. Если вы постоянно посещаете мой блог, то вы могли видеть данную кнопку в виде уголка, которая находилась в верхнем правом углу. В чем хороша данная кнопка? Тем, что она перемещается вниз вместе с вашей прокруткой мыши и остается все в том же верхнем правом углу в виде кнопки, которая ссылается на какое нибудь важное событие, кстати, на iphone 4s тоже прекрасно виден этот уголок на сайте.
 
Если хотите узнать, как оно может выглядеть, то вот Вам рисунок в виде блога.
Как сделать уголок на сайте

Итак, как соорудить уголок? Нам нужен будет для этого специальный стиль CSS, изображение и ссылка  на которую она будет вести.
 
Шаг 1. Открываем Blogger – Дизайн – HTMLгаджет;
Шаг 2. Скопировать приведенный ниже код и вставить его в окно HTML гаджета;
 

<style>

a#ribbon {

background: url(«URL картинки«) no-repeat transparent;

display: block;

height: 156px;

position: fixed;

right: 0px;

text-indent: -999px;

top: 0px;

width: 159px;

 }

</style>

<a id=»ribbon» title=»Название ссылки» href=»URL ссылки«/></a>

Шаг 3. В поле URL картинки и URLссылки вставляем свои.
Шаг 4. Сохранить гаджет.
 
В виде примера могу Вам дать свое используемое изображение.
Как сделать уголок на сайте
Если не знаете, как его изменить, то для начала воспользуйтесь ластиком. Стерите мои надписи, далее, чтобы вписать свою, можно воспользоваться редактором и повернуть изображение на 45 градусов. После этого вписать свой текст, обратно повернуть угол на 45 градусов, сохранить и загрузить его на свой хостинг хранения изображения. Вот и все!

Трекбэк с Вашего сайта.

.