Приветствую всех. Народ - подскажите как внедрить всплывающее название темы, как тут. Если войти в какую-то тему то название темы медленно всплывает. Вижу сайт на вордпрессе. На phpbb3 можно так сделать?

Спасибо.
Комментарии: 9

CabinetAdmin 23 апр 2016, 18:50 Сообщение

Это всего лишь обычный плагин. Вот страница автора - https://github.com/daneden/animate.css, там же описаны различные способы его использования.
Подключить плагин можно так: закинуть animate.css или animate.min.css в папку theme стиля, открыть stylesheet.css и добавить в самый конец:

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

@import url("animate.css");
Дальше можно воспользоваться любым вариантом анимации, если применить к названию темы, то это шаблон viewtopic_body:

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

<h2 class="topic-title"><!-- EVENT viewtopic_topic_title_prepend --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- EVENT viewtopic_topic_title_append --></h2>
добавляем сюда <h2 class="topic-title"> пару новых классов, например <h2 class="topic-title animated bounceIn"> и всё.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

staiki 23 апр 2016, 20:59 Сообщение

CabinetAdmin, на мой стиль этот способ пойдёт?
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

staiki 23 апр 2016, 21:36 Сообщение

Сделал как написано выше - ничего не срабатывает.
CabinetAdmin писал(а): Подключить плагин можно так: закинуть animate.css или animate.min.css в папку theme стиля
Закинул оба с скачанного с гитхаба архива. Может один нужно?
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

staiki 23 апр 2016, 21:47 Сообщение

Us? Работает оказывается. Только оно пружынит :D Мне бы чтобы с маленькой задержкой чтобы всплывало. Как я понял нужно поменять класс
CabinetAdmin писал(а): <h2 class="topic-title animated bounceIn">
Дайте ещё пару примеров или если есть где список - дайте ссылку. :drink:
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

CabinetAdmin 24 апр 2016, 07:47 Сообщение

Список там же внизу:

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

bounce
flash
pulse
rubberBand
shake
headShake
swing
tada
wobble
jello
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp
Менять надо только последний класс bounceIn.
Для задержки можно попробовать добавить ещё один класс hinge, грубо говоря будет так <h2 class="topic-title animated hinge bounceIn">. Я не проверял, но вроде должно работать.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

staiki 24 апр 2016, 16:43 Сообщение

CabinetAdmin писал(а): Для задержки можно попробовать добавить ещё один класс hinge
Когда так добавляю - назание отваливается и падает вниз и тема остаётся без названия :ROFL:
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

staiki 24 апр 2016, 16:59 Сообщение

Остановился пока на этом варианте

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

fadeInRight
- спасибо. :drink: :Bravo:
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

romaamor 25 апр 2016, 10:31 Сообщение

staiki, я бы убил бы, за такой стиль. Ну поставь хоть FLATBOOTS :D
  • 2

staiki 25 апр 2016, 23:36 Сообщение

romaamor писал(а): я бы убил бы, за такой стиль. Ну поставь хоть FLATBOOTS
Знаешь как фашисты говорили? "Каждому своё" (имея ввиду каждому своя смерть). Если тебе не нравится то это не значит что ненравится всем. Даже яндекс показывает авторитет по тиц. Так что проехали. :privet:
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

Похожие темы