Страница 1 из 2

Стили Simplicity (5 вариантов расцветок)

Добавлено: 20 мар 2015, 16:26
beholder
Стили SIMPLICITY
Автор: Arty (Vjacheslav Trushkin), http://www.artodia.com/
Требует установленных стилей: PROSILVER
Стили для версии PHPBB 3.1.6
Смена логотипа через меню "Настройки стилей" - НЕТ (Способ смены логотипа)

- задаем картинки для расширения "репутация" и "спасибо", вместо звездочек


Очень упрощенный легкий стиль
Профили слева по-умолчанию.
Доступно несколько вариантов цветовой раскраски:

Simplicity:
simp1.JPG
simp2.JPG
Simplicity Aqua:
simp_aqua.JPG
Simplicity Blue:
simp_blue.JPG
Simplicity Gray:
simp_gray.JPG
Simplicity LightBlue:
simp_lightblue.JPG



Скачать стили (профили справа):
simplicity.zip
(1.45 МБ) 144 скачивания
simplicity_aqua.zip
(1.46 МБ) 118 скачиваний
simplicity_blue.zip
(1.46 МБ) 114 скачиваний
simplicity_darkblue.zip
(1.46 МБ) 89 скачиваний
simplicity_gray.zip
(1.45 МБ) 147 скачиваний
simplicity_lightblue.zip
(1.46 МБ) 108 скачиваний
simplicity_steelblue.zip
(1.45 МБ) 120 скачиваний
Скачать стили (профили слева):
simplicity.zip
(1.15 МБ) 110 скачиваний
simplicity_aqua.zip
(1.15 МБ) 97 скачиваний
simplicity_blue.zip
(1.15 МБ) 110 скачиваний
simplicity_darkblue.zip
(1.15 МБ) 112 скачиваний
simplicity_gray.zip
(1.14 МБ) 130 скачиваний
simplicity_lightblue.zip
(1.15 МБ) 107 скачиваний
simplicity_steelblue.zip
(1.15 МБ) 101 скачивание

Стили Simplicity (5 вариантов расцветок)

Добавлено: 20 мар 2015, 16:26
beholder
Смена логотипа в стилях SIMPLICITY

Заходим:
"Персонализация"->"Загрузка стиля"->Файлы (напротив вашего стиля)
Заходим в шаблон Template->overall_header.html, нажимаем "Правка"

Находим строчку:

Код: Выделить всё

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><img src="{T_THEME_PATH}/images/logo.png" data-src-hd="{T_THEME_PATH}/images/logo_hd.png" /></a>
В ней меняем
{T_THEME_PATH}/images/logo_hd.png
На URL вашей картинки, который, например, можно получить в "Менеджере картинок"

В стиле есть еще один логотип:
{T_THEME_PATH}/images/logo.png
он показывается тогда, когда пользователь заходит на форум с мобильного устройства (телефона). Этот логотип тоже можно поменять на какую-нибудь картинку (поменьше размером).

Стили Simplicity (5 вариантов расцветок)

Добавлено: 25 мар 2015, 19:24
beholder
В первом сообщении темы перезалиты обновленные стили версии 1.0.1

Изменения от автора:
- Исправлены ошибки
- Добавлена опция правосторонних профилей.

Стили Simplicity (5 вариантов расцветок)

Добавлено: 10 апр 2015, 13:55
beholder
Делаем стандартные кнопки для расширений "Репутация" и "Спасибо" вместо звездочек:

Добавить в таблицу стилей ("Персонализация"->"Настройка стилей"

Для репутации:

Код: Выделить всё

.rate-good-icon:before { content: "\f055"; background: none; }
.rate-bad-icon:before { content: "\f056"; background: none; }

.post-reputation.neutral span { color: #FAFAFA !important;}
.post-reputation {
    font-weight: bold;
    cursor: auto !important;
    font-size: 100%;
    font: inherit;
    font-weight: bold;
    vertical-align: baseline;
                   }
Для расширения "Спасибо":

Код: Выделить всё

.thanks-icon:before { content: "\f164"; background: none; }
.removethanks-icon:before { content: "\f165"; background: none; }
.icon-thanks, .icon-thanks_toplist { padding-left: 0; }
.icon-thanks_toplist > a:before { content: "\f006"; }
.icon-thanks > a:before { content: "\f087"; }

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 10:19
Dmitry
Подскажите, как в данном стиле уменьшить размер, сделать его не во весь экран, чуть по уже?
Оптимальный вариант - это ширина стиля как на этом форуме.

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 14:24
beholder
Dmitry писал(а): Подскажите, как в данном стиле уменьшить размер, сделать его не во весь экран, чуть по уже?
Оптимальный вариант - это ширина стиля как на этом форуме.
Я бы в таблицу стилей для этого стиля (персонализация->настройки стилей-нужный стиль-Таблица стилей) добавил

Код: Выделить всё

.page-width {
margin: 0 30px;
}
значение 30px регулировать по вкусу (больше значение - больше поля...)

выяснил так:
Изображение

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 14:44
Dmitry
beholder писал(а): Я бы в таблицу стилей для этого стиля (персонализация->настройки стилей-нужный стиль-Таблица стилей) добавил
КОД: ВЫДЕЛИТЬ ВСЁ
.page-width {
margin: 0 30px;
}

значение 30px регулировать по вкусу (больше значение - больше поля...)
Спасибо, сработало.
Еще вопрос, по другому стилю, его нет на этом форуме но есть у автора на сайте - стиль Basic, такая же проблема, нужно изменить размер рамки.
Нравится этот стиль, более четкий текст и в целом приятен к пользованию.

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 14:46
beholder
Dmitry писал(а): Спасибо, я пробовал добавлять различные коды в таблицу стиля, которые работают для похожих стилей и меняют данный размер, но не сработало, ваш вариант также не сработал.
Только что проверил для simplicity - все работает отлично, поля увеличиваются.
Дайте ссылку на форум после того как вставили и где не сработало


добавил позже:

и у вас, вижу, сработало:
Изображение

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 14:52
Dmitry
beholder писал(а): и у вас, вижу, сработало:
да, всё отлично, я признаться сам пытаюсь разобраться, но иногда лучше спросить у знающих людей.

Стили Simplicity (5 вариантов расцветок)

Добавлено: 19 ноя 2015, 14:58
beholder
Dmitry писал(а): да, всё отлично, я признаться сам пытаюсь разобраться, но иногда лучше спросить у знающих людей.
Да всегда пожалуйста...

Попробуйте "Инструменты разработчика" в Chrome (CTRL-SHIFT-I), в других браузерах тоже есть аналогичные...
Я как раз скриншот давал с него в предыдущем сообщении. Часто пользуюсь - очень удобно по-мелочам выяснять, что в стилях менять и к чему это приведет прямо на текущей странице...

Код: Выделить всё

Еще вопрос, по другому стилю, его нет на этом форуме но есть у автора на сайте - стиль Basic, такая же проблема, нужно изменить размер рамки
скиньте ссылку на форум с этим стилем - я посмотрю

Отправлено спустя 9 минут 23 секунды:
нашел стиль BASIC - на первый взгляд рецепт такой-же...