• Для скачивания ресурсов Форума пользователь должен написать не менее 5 полезных сообщений и получить 5 симпатий.
    Если Вы не хотите выполнять условия, Вы должны купить переход в группу "Работяга" или любое наше дополнение и сможете скачивать ресурсы, перевод происходит по email, который указывается при оплате.

Изменения внешнего вида Xenforo 2.1

baltun

Администратор
Сообщения
4.965
Оценка реакций
1.733
Баллы
1.783
Лучшие ответы
2
Иногда бывает, то что не нравится одному, может вполне подойти другому пользователю. Практически всегда можно найти приятный элемент дизайна и адаптировать его к своему форуму. Данный раздел был создан для обмена своими изменениями внешнего вида в Xenforo 2.1
CSS:
.p-body-pageContent .block[data-widget-key="xfrm_whats_new_overview_new_resources"]:before {
    content: url(/styles/default/mr-impossible-body.png);
    display: block;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 90px;
    text-align: center;
    background: url(/styles/default/mr-impossible-left.png) no-repeat 0 39px;
    background-size: 100% 30%;
    filter: saturate(100%);
}
dfbrgdfb.png
Реализация виджета "новые ресурсы"
Less:
.block[data-widget-key="xfrm_forum_overview_new_resources"] {
    box-shadow: none !important;
    .block-container {
        background: url(/styles/default/hal/myfix/j4d-top.png) no-repeat 0 0;
        border-style: none;
        .block-body {
            background: url(/styles/default/hal/myfix/j4d-sides.png) repeat 0 0;
            background-size: 100% 100%;
        }
        &:after {
            content: "";
            top: auto;
            bottom: 4px;
            z-index: 1;
            position: relative;
            display: block;
            height: 36px;
            background: url(/styles/default/hal/myfix/j4d-bottom.png) no-repeat 0 0;
        }
    }
}
5436543.png
 

Вложения

  • 5 КБ Просмотры: 2
  • 24.8 КБ Просмотры: 1
Последнее редактирование:

aligon

Местный
Сообщения
279
Оценка реакций
152
Баллы
153
Лучшие ответы
0
Скажите, а как насчёт этого?
Screenshot.png
Очень красиво сделано
Так же интересно вот это
Screenshot.png
 
Последнее редактирование:

baltun

Администратор
Сообщения
4.965
Оценка реакций
1.733
Баллы
1.783
Лучшие ответы
2
Раздел для обмена своими идеями, я пока не видел ваши идея, чтобы был интерес выкладывать какие то свои идеи, а игра в одни ворота уже давно не интересна.
 

aligon

Местный
Сообщения
279
Оценка реакций
152
Баллы
153
Лучшие ответы
0
Я думаю и не увидите, я не умею это делать. Староват:derisive:
Но очень интересно, а вот идеи, иногда рождаются
 

baltun

Администратор
Сообщения
4.965
Оценка реакций
1.733
Баллы
1.783
Лучшие ответы
2
firefox_2019-07-08_23-10-53.png
Less:
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* Members online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* Latest posts */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* Latest resources */
    display: inline-block;
    .m-faBase();
    .m-faContent(@fa-var-download);
}
[data-widget-key="forum_overview_forum_statistics"] h3.block-minorHeader:before { /* Forum statistics */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-chart-bar);
}
[data-widget-key="xfmg_media_slider"] h3.block-minorHeader:before { /* Random media */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-image);
}
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before { /* Share this page */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-share-alt);
}
Иногда нужно выделить какой то текст на форуме, рассмотрим один из возможных вариантов:
CSS:
@import url("https://fonts.googleapis.com/css?family=Sacramento&display=swap");

.p-title-value {
  line-height: calc(20px + 20vh);
  text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9;
  font-family: "Sacramento", cursive;
  text-align: center;
  animation: blink 12s infinite;
  -webkit-animation: blink 12s infinite;
}

@-webkit-keyframes blink {
  20%,
  24%,
  55% {
    color: #111;
    text-shadow: none;
  }

  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
  text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9;
  }
}

@keyframes blink {
  20%,
  24%,
  55% {
    color: #111;
    text-shadow: none;
  }

  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
  text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9;
  }
}
fg40.gif
 
Последнее редактирование:
Верх Низ