Красивая надпись "Название форума"

KamSerge · 28 Июнь 2017

Всем доброго времени суток !!!! подскажите пожалуйста, как сделать красивую надпись названия форума ??? как реализовано на данном форуме по центру. Спасибо

baltun · 28 Июнь 2017

Вот фрагмент кода но не факт, что названии других разделов не будут также выглядеть, у меня написано модификация сделана, чтобы выполнялась только на главной странице.

PHP:

.titleBar h1 > span { animation-name: style4;}

.titleBar h1 > span {
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.titleBar h1 > span:nth-child(1) { animation-delay: 0.0s }
.titleBar h1 > span:nth-child(2) { animation-delay: 0.1s }
.titleBar h1 > span:nth-child(3) { animation-delay: 0.2s }
.titleBar h1 > span:nth-child(4) { animation-delay: 0.3s }
.titleBar h1 > span:nth-child(5) { animation-delay: 0.4s }
.titleBar h1 > span:nth-child(6) { animation-delay: 0.5s }
.titleBar h1 > span:nth-child(7) { animation-delay: 0.6s }
.titleBar h1 > span:nth-child(8) { animation-delay: 0.7s }
.titleBar h1 > span:nth-child(9) { animation-delay: 0.8s }
.titleBar h1 > span:nth-child(10) { animation-delay: 0.9s }
.titleBar h1 > span:nth-child(11) { animation-delay: 1.0s }
.titleBar h1 > span:nth-child(12) { animation-delay: 1.1s }
.titleBar h1 > span:nth-child(13) { animation-delay: 1.2s }
.titleBar h1 > span:nth-child(14) { animation-delay: 1.3s }
.titleBar h1 > span:nth-child(15) { animation-delay: 1.4s }
.titleBar h1 > span:nth-child(16) { animation-delay: 1.5s }
.titleBar h1 > span:nth-child(17) { animation-delay: 1.6s }
.titleBar h1 > span:nth-child(18) { animation-delay: 1.7s }
.titleBar h1 > span:nth-child(19) { animation-delay: 1.8s }
.titleBar h1 > span:nth-child(20) { animation-delay: 1.9s }
.titleBar h1 > span:nth-child(21) { animation-delay: 2.0s }
.titleBar h1 > span:nth-child(22) { animation-delay: 2.1s }
.titleBar h1 > span:nth-child(23) { animation-delay: 2.2s }
.titleBar h1 > span:nth-child(24) { animation-delay: 2.3s }
.titleBar h1 > span:nth-child(25) { animation-delay: 2.4s }
.titleBar h1 > span:nth-child(26) { animation-delay: 2.5s }
.titleBar h1 > span:nth-child(27) { animation-delay: 2.6s }
.titleBar h1 > span:nth-child(28) { animation-delay: 2.7s }


@keyframes style4 {
  from, 20%, 40%, 60%, 80%, to {
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(.9, .9, .9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(.97, .97, .97);
    }
    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
}

KamSerge · 28 Июнь 2017

Может глупый вопрос Но в каком шаблоне это вставлять или менять ???

baltun · 28 Июнь 2017

KamSerge сказал(а):
Может глупый вопрос Но в каком шаблоне это вставлять или менять ???

Можно вставить в EXTRA.CSS и посмотреть вид, если устроит.

KamSerge · 28 Июнь 2017

xsasha сказал(а):
Можно вставить в EXTRA.CSS и посмотреть вид, если устроит.

Пишет во в этой строке синтаксическую ошибку

<xen:if is="{$xenOptions.eff_hal_css}==2">

baltun · 28 Июнь 2017

KamSerge сказал(а):
Пишет во в этой строке синтаксическую ошибку

Поправил код выше, другой фрагмент кода включил.

KamSerge · 28 Июнь 2017

xsasha сказал(а):
Поправил код выше, другой фрагмент кода включил.

В Extra.CSS не хочет работать :stink:

baltun · 28 Июнь 2017

KamSerge сказал(а):
В Extra.CSS не хочет работать

Ах да я совсем забыл у меня скрипт добавляет для каждой букве теги и потом отрабатывает этот CSS. тут наверное без модификации не обойтись просто так не будет работать, щас скрипт посмотрю.

PHP:

<xen:if is="{$contentTemplate} == 'forum_list'">
    <xen:require css="ref1.css" />
    <xen:require js="js/hal/ref/lettering.js" />
    <script>
    $(document).ready(function() {   $(".titleBar h1").lettering(); });
    </script>
</xen:if>

Вот такое условия у меня, скрипт можно забрать с форума, а вот чтобы все работало надо создавать шаблоны свои 2 в одном скрипты в другом css и тогда все будет работать как у меня и только на главной странице.

KamSerge · 28 Июнь 2017

Я не очень в этом разбираюсь. Но как я понял нужно в моем стиле создать ещё один шаблон например ref1.css и вставить туда этот код ??

baltun · 28 Июнь 2017

KamSerge сказал(а):
Я не очень в этом разбираюсь. Но как я понял нужно в моем стиле создать ещё один шаблон например ref1.css и вставить туда этот код ??

да но все это надо делать в режиме разработчика, чтобы можно было создавать шаблоны, нужно создать 2 шаблона в одном скрипты в другом CSS и сделать модификацию подключил шаблон к главной странице forum_list. Без режима разработчика стоящего мало что можно сделать. Да и после обновления все слетит, поэтому лучше все делать в режиме разработчика, кроме добавления кода в шаблон EXTRA.CSS там все останется.

KamSerge · 28 Июнь 2017

Режим разработчика у меня включен создал шаблон ref1.css в него вставил код

Код:

<xen:if is="{$contentTemplate} == 'forum_list'">
    <xen:require css="ref1.css" />
    <xen:require js="js/hal/ref/lettering.js" />
    <script>
    $(document).ready(function() {   $(".titleBar h1").lettering(); });
    </script>
</xen:if>

в шаблоне forum_list добавил строчку
<xen:require css="ref1.css" />

Не работает Наверное я нуб ))

baltun · 28 Июнь 2017

В шаблон

PHP:

<xen:require css="ref1.css" />

Вставляешь CSS который выше, создаешь еще один шаблон например test и туда вставляешь это:

PHP:

<xen:if is="{$contentTemplate} == 'forum_list'">
    <xen:require css="ref1.css" />
    <xen:require js="js/hal/ref/lettering.js" />
    <script>
    $(document).ready(function() {   $(".titleBar h1").lettering(); });
    </script>
</xen:if>

Потом делаешь модификацию forum_list и выводишь туда этот шаблон test
Найти:

Код:

</xen:include></xen:container>

Заменить:

Код:

$0
<xen:include template="test" />

Тогда все будет работать.

KamSerge · 28 Июнь 2017

xsasha сказал(а):
Заменить:
$0
<xen:include template="test" />
Тогда все будет работать.

Данный шаблон содержит ошибки и не может быть сохранён: forum_list: Шаблон имеет некорректную структуру. Тэг <xen:include> не закрыт.

baltun · 28 Июнь 2017

а сам шаблон test создан, его сначала надо создать, а потом делать модификацию. Попробуй тогда так, найти:

PHP:

<xen:hook name="forum_list_nodes">
    <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
</xen:hook>

Заменить:

PHP:

<xen:include template="test" />
$0

KamSerge · 28 Июнь 2017

xsasha сказал(а):
а сам шаблон test создан, его сначала надо создать, а потом делать модификацию.

baltun · 28 Июнь 2017

Вставлять код для модификации надо по этой ссылки admin.php?template-modifications/ предварительно нажав создать модификацию.

KamSerge · 28 Июнь 2017

xsasha сказал(а):
Вставлять код для модификации надо по этой ссылки admin.php?template-modifications/ предварительно нажав создать модификацию.

Все я сдаюсь накрутил , так что теперь не знаю как назад вернуть. :grin:

baltun · 28 Июнь 2017

Давай доступ к админке могу я посмотреть и сделать, пиши в ЛС.