Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Анимация лого.

Featured Replies

Posted

Ребят всем привет! Кто то может помочь анимировать лого на форуме? (Дабы лого было как на сайте, подсвечивалось при наведение на него). Так же как у меня на сайте...
И вообще это технически возможно?
Сайт: https://forum.la2-fun.ru/
Форум: https://forum.la2-fun.ru/
Анимация:

Спойлер

2022-02-20_16-01-05.thumb.png.72a8d524556fbf1bdeb576329b43977f.png

Если кто знает ... но бесплатно помочь не сможет отпишите (оплачу за работу или за инфу по добавлению кода в кастм) закину на пивко.
Заранее спасибо ребят за помощь!

  • Author

Donjuan не совсем понял к чему это он и так сайт открывает.. это мульти язычность просто префикс ставит... так сайт находится по домену тому что я указал.

11 минут назад, saiko сказал:

Donjuan не совсем понял к чему это он и так сайт открывает.. это мульти язычность просто префикс ставит... так сайт находится по домену тому что я указал.

У тебя на скрине - сайт, а ссылки форума, вот почему

616860E5-8057-41A5-988E-E1AB1A985956.jpeg.ef6d6ce9cb22a07bb68c70510a4ebf6f.jpeg

  • Author

Donjuan я скрин дал для того если станет не понятно где искать) и про какую я вообще анимацию говорю) поэтому указал на сайт) на форуме то понятно он не подсвечивает так как (там то я и хочу это реализовать) 😏

globalTemplate находишь строчку:

{template="logo" app="core" group="global" params=""}

Вырезаешь его и вставляешь перед </header>

Далее CSS находишь код и меняешь на это:

#elSiteTitle, #elLogo {
    /* flex: 0 1 auto; */
    /* min-width: 0; */
    display: inline-flex;
    /* align-items: center; */
    /* align-self: stretch; */
    /* height: var(--header--height); */
    margin-top: 30px;
    margin-left: 546px;
-webkit-transition: -webkit-filter 0.3s ease-in-out;  transition: -webkit-filter 0.3s ease-in-out;  -o-transition: filter 0.3s ease-in-out;  transition: filter 0.3s ease-in-out;  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
#elSiteTitle, #elLogo:hover {  -webkit-filter: brightness(110%);          filter: brightness(110%);}

Находишь данный код в CSS и меняешь ссылку на другой бэкграунд без логотипа:

#ipsLayout_header header {
    background: url(https://forum.la2-fun.ru/1bg.png); /* Загрузить новый бэкграунд*/
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    padding-bottom: 330px;
}

После чего загружаешь новый логотип и все.

27 минут назад, saiko сказал:

Donjuan я скрин дал для того если станет не понятно где искать) и про какую я вообще анимацию говорю) поэтому указал на сайт) на форуме то понятно он не подсвечивает так как (там то я и хочу это реализовать) 😏

Бог ты мой 🤪🤣

  • Author

В общем bon1 так и не смог доделать мне анимированное лого (я конечно ему заплатил) но у него сейчас нет времени занят парень. А мне хотелось бы сейчас уже доделать... 
Поэтому тему АП (тема еще актуальна) НУЖНА ПОМОЩЬ В ДАННОМ ВОПРОСИ! Кто может помочь отпишитесь!

  • 4 месяца спустя...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.