Наткнулся на интирестный сайт - https://daneden.me/animate/. Как реализованны вращающиеся шары вокруг названия ?
Комментарии: 36

RomnikНиколай 20 янв 2014, 21:58 Сообщение

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

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

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

RomnikНиколай 20 янв 2014, 22:52 Сообщение

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

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

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

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

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. Просто * действует на все элементы на странице, с классом только на нужные.
Больше в этих стилях нечему влиять на форум.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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>
  • 0

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>
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!