Брест
Программы
Музыка
Игры
Заработок и Раскрутка
GPS навигация
HazardCD Studio Webmaster » Вебмастер » Украшения сайта к Новому году
Информация к новости
  • Просмотров: 1 121
  • Автор: hazardcd
  • Дата: 13-01-2019, 17:57
  • Не нравится
  • 0
  • Нравится
13-01-2019, 17:57

Украшения сайта к Новому году

Категория: Вебмастер / Онлайн сервисы / Картинки, Баннеры / Новый год

Для установки достаточно вставить нижеуказанный код между <head> </head> на нужных страницах Вашего сайта. В архиве несколько вариантов изображений, для смены изображений достаточно изменить имя файла в строке <img...>. Картинки отображаются в формате данной страницы, фон - прозрачный, при необходимости изменения ширины или высоты изображения, вставьте в атрибут style в строке <img...> значение width:200px; (ширина) или height:200px; (высота) где 200 - значение размера картинки в пикселях. Достаточно указать одно из значений, чтобы картинки изменила свой размер пропорционально, без искажения.
Размещаем картинку в левом верхнем углу сайта:

<div style='position:absolute; padding-top:0; left:0;'>  
<img src='https://hi-cd.ru/images/k/1l.png' style='border:none;text-align:left;' alt='' />  
</div>

Размещаем картинку в правом верхнем углу сайта:
<div style='position:absolute; padding-top:0; right:0;'>  
<img src='https://hi-cd.ru/images/k/1r.png' style='border:none;text-align:right;' alt='' />  
</div>

Если заменить:

position:absolute;

на

display: block;	position: fixed;

картинка будет отображаться в указанной позиции при прокрутке страницы.

Изменяя значение

padding-top:0;

можно установить отступ от верхнего края страницы.

Для смены картинки достаточно в коде адрес 'https://hi-cd.ru/images/k/1r.png' поменять на ссылку нужного изображения.

Если в имени файла после цифр есть латинские буквы r или l, значит доступны как левая так и правая ориентировка изображения. Для смены положения картинки на странице измените в имени файла после цифр букву (на латинском):

l - (left) расположить картинку с левой стороны страницы сайта;

r - (right) с правой стороны.

Например: ссылка https://hi-cd.ru/images/k/0l.png отобразит картинку слева, а ссылка https://hi-cd.ru/images/k/0r.png - справа.
Под картинкой находится прямая ссылка на изображение:



https://hi-cd.ru/images/k/0l.png
https://hi-cd.ru/images/k/25r.png
https://hi-cd.ru/images/k/1l.png
https://hi-cd.ru/images/k/26r.png
https://hi-cd.ru/images/k/2l.png
https://hi-cd.ru/images/k/27r.png
https://hi-cd.ru/images/k/3l.png
https://hi-cd.ru/images/k/29r.png
https://hi-cd.ru/images/k/4l.png
https://hi-cd.ru/images/k/28r.png
https://hi-cd.ru/images/k/5l.png
https://hi-cd.ru/images/k/30r.png
https://hi-cd.ru/images/k/6l.png
https://hi-cd.ru/images/k/31r.gif
https://hi-cd.ru/images/k/10l.png
https://hi-cd.ru/images/k/32r.png
https://hi-cd.ru/images/k/11l.png
https://hi-cd.ru/images/k/33r.png
https://hi-cd.ru/images/k/35.gif
https://hi-cd.ru/images/k/34r.png
https://hi-cd.ru/images/k/36l.png
https://hi-cd.ru/images/k/37r.gif



Мерцающие гирлянды

Ширина - 100%. Вставляем код в нужное место на сайте.


<div style="height: 30px; background: url(https://hi-cd.ru/images/god/girlianda1.gif) repeat-x 100%;"></div>


<div style="height: 30px; background: url(https://hi-cd.ru/images/god/girlianda2.gif) repeat-x 100%;"></div>



Снег из курсора

Скрипт устанавливаем между тэгами <head>...</head> или перед закрывающим тэгом </body>.


С помощью этого скрипта вы устроите снегопад, исходящий из курсоров ваших посетителей.

<script type="text/jаvascript" src="http://hcd.by/50x"></script>



Снегопад на сайте

Для работы скриптов необходимо подключить библиотеку Jquery (если не подключена) между тэгами <head>...</head>:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/jаvascript"></script>

Выбирайте подходящий скрипт и устанавливайте его между тэгами <head>...</head> или перед закрывающим тэгом </body>.


Создайте для посетителей вашего сайта настоящую новогоднюю погоду, устройте на своем сайте бесконечный снегопад.

1

<script type="text/jаvascript" src="http://hcd.by/50y"></script>

2

<script type="text/jаvascript" src="http://hcd.by/50z"></script>

3

<script type="text/jаvascript" src="http://hcd.by/510"></script>


Виджеты

Отсчет времени до Нового года.


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
HTML-cсылка:
BB-cсылка:
Прямая ссылка:

Добавление комментария

Имя:*
E-Mail:
Комментарий:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Подтвердите что вы не робот: *

catcut

Архив новостей

Май 2020 (172)
Апрель 2020 (155)
Март 2020 (229)
Февраль 2020 (223)
Январь 2020 (224)
Декабрь 2019 (310)
^
 
Рейтинг@Mail.ru Goon Каталог сайтов