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

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

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

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

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

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

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

Спасибо.
Жена сейчас прочитала ваше сообщение и говорит - у тебя шарики не только на форуме работают... :%)

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. Просто * действует на все элементы на странице, с классом только на нужные.
Больше в этих стилях нечему влиять на форум.

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>