Вращяющиеся шары

Различные модификации основанные на html и css.
Интересные дополнения и украшения для вашего стиля.
Помощь при доработке шаблонов вашего стиля.
Аватара пользователя
Romnik

Re: Вращяющиеся шары

Romnik 20 янв 2014, 21:58 Сообщение

У меня шарики работают - http://www.electric-house.ru/forum/

Аватара пользователя
eska

Re: Вращяющиеся шары

eska 20 янв 2014, 22:43 Сообщение

Romnik
Очень красивый форум :drink:

Аватара пользователя
Romnik

Re: Вращяющиеся шары

Romnik 20 янв 2014, 22:52 Сообщение

eska писал(а):Romnik
Очень красивый форум :drink:

Спасибо.
Жена сейчас прочитала ваше сообщение и говорит - у тебя шарики не только на форуме работают... :%)
http://www.electric-house.ru/forum/ - Форум электриков

Аватара пользователя
romaamor

Вращяющиеся шары

romaamor 18 апр 2017, 17:12 Сообщение

CabinetAdmin, css этих шариков ломает форум -
Изображение

Можно его как то изменить что бы он не влиял на форум ?

Аватара пользователя
CabinetAdmin

Вращяющиеся шары

CabinetAdmin 18 апр 2017, 19:43 Сообщение

Можно попробовать поменять первую строку на:

Код: Выделить всё

.particle{margin:0;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

т.е. поменять * на класс .particle. Просто * действует на все элементы на странице, с классом только на нужные.
Больше в этих стилях нечему влиять на форум.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Вращяющиеся шары

romaamor 18 апр 2017, 21:47 Сообщение

CabinetAdmin, а как

Код: Выделить всё

<h1>Animate.css <span class="particle particle--c"></span> <span class="particle particle--a"></span> <span class="particle particle--b"></span> </h1>


Вставить в мой код шапки ?

Код: Выделить всё

<div id="site-description" class="site-description"> <a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a> <h1>{SITENAME}</h1> <p>{SITE_DESCRIPTION}</p> <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p> </div>

Аватара пользователя
CabinetAdmin

Вращяющиеся шары

CabinetAdmin 19 апр 2017, 08:19 Сообщение

Шары же вокруг лого должны быть, как я понимаю, тогда после него и вставлять:

Код: Выделить всё

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span> <span class="particle particle--c"></span> <span class="particle particle--a"></span> <span class="particle particle--b"></span> </a>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Вернуться в «HTML модификации»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя