Георгиевская лента на сайт

Георгиевская лента на сайт


Акция: Георгиевская лента на сайт. Георгиевская ленточка это символ, посвящённый к празднованию Дня Победы в Великой Отечественной войне. В последнеие годы, становится так же принятым размещать своего георгиевскую ленточку и на своих сайтах, блогах, форумах.


Информация для вебмастеров / о CSS

Все ленты позиционируются с помощью position:absolute. (top:0; left:0; и top:0; right:0;)
Если вы хотите, чтобы лента "ездила" при прокрутке - измените position:absolute; на position:fixed;
P.S Обычно ленточка прекрасно вписывается без правок CSS в стиль любого сайта.

Вариант №1

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Рекомендуем

Вариант №2

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №2 (справа)

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №3

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Рекомендуем

Вариант №4

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №5

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №6

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №7

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №8

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №9

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №10

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №11

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код [Слева] который нужно вставить в страницу сразу после тега <body>:
HTML-код [Справа] который нужно вставить в страницу сразу после тега <body>:

Вариант №12

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №13

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №14

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №15

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №16

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №17

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №18

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>:

Ротатор лент

Ротатор лент (JS)

Показывает при каждой перезагрузке страницы случайную ленту.
Реализовано с помощью JavaScript. Посмотреть пример

HTML-код который нужно вставить в страницу сразу после тега <body>:

Вариант №19

Изображение ленты:
Скопируйте его к себе или используйте его с нашего сайта по постоянной ссылке.


HTML-код который нужно вставить в страницу сразу после тега <body>: