Вертикальная гирлянда для сайта

Добро пожаловать! Здесь вы можете узнать о последних обновлениях и решить вопросы касательно использования функционала данного сайта! Перед посещением обязательно ознакомьтесь с правилами форума. Некоторые функции форума доступны только зарегистрированным пользователям.
1 ответ(ов) в теме
Admin
не в сети 10 часов
На сайте с 12.09.2018
Администратор
Титул: Элита
100%
Тем 46
Сообщения 76
1
18:07

Гирлянда состоит из 2-х маленьких gif картинок-анимаций и может размещаться в любом месте сайта.

Для начала в файле стилей нужно прописать следующий CSS код:

#ramka { 
background: url('https://verificatio.ru/wp-content/uploads/2020/11/girlanda0.gif') repeat-y 0% 0px, url('https://verificatio.ru/wp-content/uploads/2020/11/girlanda01.gif') repeat-y 100% 0px; padding:0px 8px;
}

Далее нужно вставить блок гирлянды на сайте:

<div id="ramka"> ... </div>

Можно обернуть блоком «ramka» любой блок вашего сайта, например wrapper, page и т.д. Например в шаблоне сайта открываем файл header.php находим блок page и перед ним открываем блок «ramka»:

<div id="ramka">

А в файле footer.php добавляем закрывающий тег блока:

</div> <-- #ramka -->

Демо гирлянды:

0
Вы не имеете права на публикацию сообщений в этой теме