XF 2.2 Как сделать такое в регистрации

[Yanvsky_OVH]

Мне нужно сделать анимацию регистрации как на этом форуме

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

.

 

[Ignatov]

по кофейной гуще тут редко кто гадает.
Если речь о приветствии, то можно сделать самостоятельно через объявленич в админке + CSS. Также есть плагины для таких приветствий.
Если речь не о них, тогда как-то дайте информацию.

 

[KRAVCHUK]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Yanvsky_OVH]

по кофейной гуще тут редко кто гадает.
Если речь о приветствии, то можно сделать самостоятельно через объявленич в админке + CSS. Также есть плагины для таких приветствий.
Если речь не о них, тогда как-то дайте информацию.

Также мне надо сделать

 

[Yanvsky_OVH]

Ignatov, зайди на

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

и посмотри какая там анимация. На скрине табличка с Регистрацией и она анимированная. Посмотри и поймёшь.

 

[Ignatov]

Yanvsky_OVH, я уже посмотрел. Собственно, написал выше, как это сделать. Через объявления в админке /admin.php?notices + CSS. Анимация устанавливается с помощью CSS

 

[Glem]

Вставьте в шаблон extra.less

.notice {
  background: green;
  border-radius: 100%;
  width: 100%;
  height: 100px;
  -webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

.notice это класс отвечающий за объявления на форуме

 

[Diego01]

Переходишь сюда /admin.php?notices/ и создаёшь новое объявление
Потом добавляешь этот html код

<div class="uix_welcomeSection__inner"> <div class="media__container"> <div class="media__body"> <div class="uix_welcomeSection__title">⚡ Добро пожаловать на HightLeak 🔥</div> <div class="uix_welcomeSection__text"><div style="font-size: 17px; max-width: 1000px; color: white;"> <p><font style="font-weight: bold;">Лучший форум по сливам приватных майнкрафт ресурсов!</font></p> <p>Ниже вы можете скачать <font style="font-weight: bold;">самые лучшие</font> ресурсы для создания или улучшения своего сервера Minecraft! Вы можете найти готовые конфигурации, сборки, фиксы, инструкции и множество самописных плагинов с популярных серверов! Развивай свой проект вместе с нами, уже более <font style="font-weight: bold;">3.000 пользователей</font> сделали выбор в нашу сторону!</p> </div></div> <a href="/register/" class="button--withoul-fx button--icon button--icon--donate button--fullWidth button rippleButton button rippleButton" style=" width: 200px; display: block; margin-left: auto; margin-right: auto; box-shadow: #0051f3 0px 0px 25px -1px;" data-xf-click="overlay"><span class="button-text">Зарегистрироваться</span></a> </div> </div> </div>

И получаешь:

 

[Yanvsky_OVH]

Переходишь сюда /admin.php?notices/ и создаёшь новое объявление
Потом добавляешь этот html код

<div class="uix_welcomeSection__inner"> <div class="media__container"> <div class="media__body"> <div class="uix_welcomeSection__title">⚡ Добро пожаловать на HightLeak 🔥</div> <div class="uix_welcomeSection__text"><div style="font-size: 17px; max-width: 1000px; color: white;"> <p><font style="font-weight: bold;">Лучший форум по сливам приватных майнкрафт ресурсов!</font></p> <p>Ниже вы можете скачать <font style="font-weight: bold;">самые лучшие</font> ресурсы для создания или улучшения своего сервера Minecraft! Вы можете найти готовые конфигурации, сборки, фиксы, инструкции и множество самописных плагинов с популярных серверов! Развивай свой проект вместе с нами, уже более <font style="font-weight: bold;">3.000 пользователей</font> сделали выбор в нашу сторону!</p> </div></div> <a href="/register/" class="button--withoul-fx button--icon button--icon--donate button--fullWidth button rippleButton button rippleButton" style=" width: 200px; display: block; margin-left: auto; margin-right: auto; box-shadow: #0051f3 0px 0px 25px -1px;" data-xf-click="overlay"><span class="button-text">Зарегистрироваться</span></a> </div> </div> </div>

И получаешь:
Посмотреть вложение 145464

Мне нужно, чтобы это показывалось не зарегистрированным людям

 

[Yanvsky_OVH]

Переходишь сюда /admin.php?notices/ и создаёшь новое объявление
Потом добавляешь этот html код

<div class="uix_welcomeSection__inner"> <div class="media__container"> <div class="media__body"> <div class="uix_welcomeSection__title">⚡ Добро пожаловать на HightLeak 🔥</div> <div class="uix_welcomeSection__text"><div style="font-size: 17px; max-width: 1000px; color: white;"> <p><font style="font-weight: bold;">Лучший форум по сливам приватных майнкрафт ресурсов!</font></p> <p>Ниже вы можете скачать <font style="font-weight: bold;">самые лучшие</font> ресурсы для создания или улучшения своего сервера Minecraft! Вы можете найти готовые конфигурации, сборки, фиксы, инструкции и множество самописных плагинов с популярных серверов! Развивай свой проект вместе с нами, уже более <font style="font-weight: bold;">3.000 пользователей</font> сделали выбор в нашу сторону!</p> </div></div> <a href="/register/" class="button--withoul-fx button--icon button--icon--donate button--fullWidth button rippleButton button rippleButton" style=" width: 200px; display: block; margin-left: auto; margin-right: auto; box-shadow: #0051f3 0px 0px 25px -1px;" data-xf-click="overlay"><span class="button-text">Зарегистрироваться</span></a> </div> </div> </div>

И получаешь:

Пробелы нужно ещё. Как убрать этот символ слева. Стиль - UIX

 

[Matew]

Пробелы нужно ещё. Как убрать этот символ слева. Стиль - UIX

Вы вообще не можете сами кнопочки потыкать в админке и посмотреть, что они делают?

 

[Diego01]

Мне нужно, чтобы это показывалось не зарегистрированным людям

В чем проблема перейти в редактирование объявления и потом перейти в Критерии пользователя и поставить галочку на Посетитель является гостем

 

[Diego01]

Пробелы нужно ещё. Как убрать этот символ слева. Стиль - UIX

Тут

Тут оставляете пустое поле

 

[Yanvsky_OVH]

В чем проблема перейти в редактирование объявления и потом перейти в Критерии пользователя и поставить галочку на Посетитель является гостем
Посмотреть вложение 145468

С этим разобрался уже давно. Как мне сделать пробелы в тексте, который ты скинул в формате html.

 

[msavelli]

С этим разобрался уже давно. Как мне сделать пробелы в тексте, который ты скинул в формате html.

Какие пробелы? Если ты про расстояние между словами, то тебе в тему Код элемента для самых маленьких
А свойство css - word-spacing.
Давно пора научиться пользоваться гуглом, вас здесь за ручку водить никто не собирается, все в рамках технической поддержки движка. Думаю стоит сказать Diego01 спасибо, за предоставленный код.

 

[Yanvsky_OVH]

Какие пробелы? Если ты про расстояние между словами, то тебе в тему Код элемента для самых маленьких
А свойство css - word-spacing.
Давно пора научиться пользоваться гуглом, вас здесь за ручку водить никто не собирается, все в рамках технической поддержки движка. Думаю стоит сказать Diego01 спасибо, за предоставленный код.

Не "word-spacing", а "text-align". Пробелы я уже поставил, использовал "text-align"

 

[Yanvsky_OVH]

Переходишь сюда /admin.php?notices/ и создаёшь новое объявление
Потом добавляешь этот html код

<div class="uix_welcomeSection__inner"> <div class="media__container"> <div class="media__body"> <div class="uix_welcomeSection__title">⚡ Добро пожаловать на HightLeak 🔥</div> <div class="uix_welcomeSection__text"><div style="font-size: 17px; max-width: 1000px; color: white;"> <p><font style="font-weight: bold;">Лучший форум по сливам приватных майнкрафт ресурсов!</font></p> <p>Ниже вы можете скачать <font style="font-weight: bold;">самые лучшие</font> ресурсы для создания или улучшения своего сервера Minecraft! Вы можете найти готовые конфигурации, сборки, фиксы, инструкции и множество самописных плагинов с популярных серверов! Развивай свой проект вместе с нами, уже более <font style="font-weight: bold;">3.000 пользователей</font> сделали выбор в нашу сторону!</p> </div></div> <a href="/register/" class="button--withoul-fx button--icon button--icon--donate button--fullWidth button rippleButton button rippleButton" style=" width: 200px; display: block; margin-left: auto; margin-right: auto; box-shadow: #0051f3 0px 0px 25px -1px;" data-xf-click="overlay"><span class="button-text">Зарегистрироваться</span></a> </div> </div> </div>

И получаешь:
Посмотреть вложение 145464

А как табличку с объявлением сделать больше

 

[Yanvsky_OVH]

Diego01, За код спасибо.

 

[Yanvsky_OVH]

Можно ещё задать вопрос по тексту?

 

[msavelli]

Не "word-spacing", а "text-align". Пробелы я уже поставил, использовал "text-align"

text-align выравнивает текст, а не пробелы)
Вопрос правильно поставьте, перед тем как спрашивать.

По всем вашим вопросам выше - гугл в помощь.