Fit Games Ru

[IZMAIL]

Просмотреть файл

Fit Games Ru

---

Автор шаблона Estomel ( он же Mexx )

 

В комплекте:

• Шаблон
• Плагин для настройки
• Шаблоны для Pages

Для правильного вывода новостей используйте настройки базы данных для Pages как показано красными стрелками на скриншоте !

 

В шаблоне изменено:

• Вид клубов ( так же добавил стикер "рекомендуем" для популярных клубов )
• Вид ответов в темах
• Индикация количества подфорумов при просмотре списка категорий и разделов
• Боковой блок профиля перемещен на правую сторону
• Минимизированы почти все отступы на сайте для более компактного вида
• Ну и много чего по мелочи

 

Более подробно смотрите Демо

---

• Автор
  Mexx
• Добавлен
  25.04.2020
• Категория
  Игровые стили

 

[♕-SlawkA-♕]

@Mexx а если без стиля. плагин и шаблон для Страниц, будет работать?

[IZMAIL]

@♕-SlawkA-♕  не думаю, в шаблоне как раз я и делал правки чтобы привести к такому виду, я могу если что все что нужно для такого вида вынести в отдельный css ну или сюда просто код скинуть, но чуть попозже, сначала надо весь этот код отрыть вместе с адаптивностью чтобы все работало нормально)

[♕-SlawkA-♕]

@Mexx да лан не парься. я все равно хотел на виртуалке это запустить. но не хотел тест сайт сломать))

[IZMAIL]

13 минут назад, ♕-SlawkA-♕ сказал:

@Mexx да лан не парься. я все равно хотел на виртуалке это запустить. но не хотел тест сайт сломать))

Если добавить это в custom.css то все будет работать и без шаблона)

/*СТРАНИЦЫ*/
.ipsGridspan8 {
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}
.ipsGridspan6 {
    width: 66.6%;
    float: left;
    position: relative;
    max-height: 250px;
    overflow: hidden;
}
.ipsGridspan6 .SG_image_container {
    background-size: cover;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: 250px;
    background-position: center center;
}
.ipsSpacerboth {
    position: absolute;
    font-size: 20px;
    width: 100%;
    bottom: 0px;
    line-height: normal;
    padding: 0px 20px 20px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.7) 34%, rgba(0, 0, 0, 0.88) 100%);
}
.ipsSpacerboth .ipsType_break {
    font-weight: bold;
}
.ipsType_break {
    word-wrap: break-word;
}
.legend_category_icon {
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    vertical-align: top;
    font: 12px / 18px Roboto, sans-serif, Verdana, Tahoma;
}
.ipsGridspan6 .ipsSpacerboth .ipsType_break a, .ipsGridspan4 .ipsSpacerboth .ipsType_break a {
    font-size: 20px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}
.ipsGridspan4 {
    width: 33.3%;
    float: left;
    position: relative;
    max-height: 250px;
    overflow: hidden;
}
.ipsBoxes {
    border-left: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
}
.cursorgrid {
    cursor: pointer;
}
.SG_image_container {
    width: 100%;
    background-size: cover;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: 250px;
    background-position: center center;
}
.ipsG4 .ipsType_light, .ipsG5 .ipsType_light {
    margin: 0px 10px;
}
.ipsG4 {
    margin-top: 15px;
}
.image_wrap {
    position: relative;
    margin-top: 12px;
    width: 100%;
    background-size: cover;
    padding-left: 10px;
    padding-right: 10px;
    background-position: center center;
}
/*СТРАНИЦЫ*/
/*СТРАНИЦЫ АДАПТИВНОСТЬ*/
@media screen and (max-width: 979px) {
.ipsGridspan6 {
    width: 100% !important;
    height: auto !important;
}
.ipsGridspan4 {
    width: 50% !important;
    height: auto !important;
}
}
@media screen and (max-width: 767px) {
.ipsGridspan6, .ipsGridspan4 {
    width: 100% !important;
    height: auto !important;
}
}
/*СТРАНИЦЫ АДАПТИВНОСТЬ*/

 

Изменено 25 апреля, 2020 пользователем Mexx

[♕-SlawkA-♕]

@Mexx ок спасибо, потом попробую

[IZMAIL]

@♕-SlawkA-♕ да не за что) если что-то нужно поменять или даже сделать вид такой как вы хотите то обращайтесь) можете написать мне в лс и я по быстрому состряпаю шаблон для pages ?