1

Тема: Стиль Flat emerald

Минимальная переделка стандартного стиля Oxygen. Подключен шрифт Font Awesome. Иконки разделов заменены на иконки fa шрифта.
В цветовой схеме использованы мягкие (Please log in or register to see this URL) цвета.
Работоспособность стиля проверена на чистой установке punbb 1.4.4.

http://s8.hostingkartinok.com/uploads/images/2016/07/090bf55ae64961daff67ac5f48934a79.jpg

http://s8.hostingkartinok.com/uploads/images/2016/07/48395bdb753dd3cc7d8b49070f37cd26.jpg

Post's attachments

Flat_emerald_style.zip 551.86 Кб, 155 скачиваний с 2016-07-15 

You don't have the permssions to download the attachments of this post.

Сайт wolfgeen

Поделиться

Re: Стиль Flat emerald

Круто.

Кому что, а лысому расчёску. Сделайте чёрно-белый стиль.

Поделиться

3

Re: Стиль Flat emerald

что в оригинальном, что в этом стиле одна и та же ошибка:
не проверяется $tpl_main в основном PHP файле

РЕШЕНИЕ:

$tpl_main = str_replace('<!-- forum_board_title -->', forum_htmlencode($forum_config['o_board_title']), $tpl_main);
$tpl_main = str_replace('<!-- forum_lang_menu_admin -->', $lang_common['Menu admin'], $tpl_main);
$tpl_main = str_replace('<!-- forum_lang_menu_profile -->', $lang_common['Menu profile'], $tpl_main);

заменить на

if(isset($tpl_main)){
    $tpl_main = str_replace('<!-- forum_board_title -->', forum_htmlencode($forum_config['o_board_title']), $tpl_main);
    $tpl_main = str_replace('<!-- forum_lang_menu_admin -->', $lang_common['Menu admin'], $tpl_main);
    $tpl_main = str_replace('<!-- forum_lang_menu_profile -->', $lang_common['Menu profile'], $tpl_main);
}

Добавлено спустя 3 минуты 4 секунды:

у вас файл стилей Flat_emerald.min.css с префиксом .min.
так обычно называют сжатый css

(Please log in or register to see this URL)

Сайт Xakker

Поделиться

4

Re: Стиль Flat emerald

у вас файл стилей Flat_emerald.min.css с префиксом .min.

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


Круто. Кому что, а лысому расчёску. Сделайте чёрно-белый стиль.

Спасибо! Планирую попробовать себя в полноценном стилестроении для punBB. Этот стиль пока что был на пробу, разбиралась с устройством punBB. smile

Сайт wolfgeen

Поделиться

5

Re: Стиль Flat emerald

Проблема в мобильной версии нету авторизации. С телефона захожу вовсе нету полей верхнего меню.

Поделиться

6

Re: Стиль Flat emerald

rembr, откройте Flat_emerald.min.css , найдите строчку

#brd-navlinks, .main-menu, .admin-menu (~ строка 2170)

и замените:

"height: 35px;"

на:

"min-height: 35px;"

Сайт wolfgeen

Поделиться

7

Re: Стиль Flat emerald

wolfgeen, шрифты будет правильнее класть в отдельную папку fonts.

Добавлено спустя 20 минут 35 секунд:

Тема отлична, но основной шрифт не подходит, посмотрите какой (Please log in or register to see this URL) шрифт удобочитаемый.

Добавлено спустя 48 минут 36 секунд:

wolfgeen пишет:

rembr, откройте Flat_emerald.min.css , найдите строчку

#brd-navlinks, .main-menu, .admin-menu (~ строка 2170)

и замените:

"height: 35px;"

на:

"min-height: 35px;"

Теперь получилось так:

(Please log in or register to see this URL)

Сайт nihi1ist

Поделиться

8

Re: Стиль Flat emerald

wolfgeen, можете написать небольшую инструкцию, по созданию адаптивной тему с помощью Bootstrap?

Сайт nihi1ist

Поделиться

9

Re: Стиль Flat emerald

Ухтыжемае, красотища то какая.

Добавлено спустя 10 минут 42 секунды:

Только вот вопрос,как поменять алмазик на что-либо другое?

Сайт Bogdan.Bersenev

Поделиться

10

Re: Стиль Flat emerald

Ухтыжемае, красотища то какая.

Спасибо за отзыв!

Только вот вопрос,как поменять алмазик на что-либо другое?

Алмаз в логотипе это иконка Font Awesome. Вам необходимо открыть в папке со стилем файл flat_emerald.min.css и найти в нем:

#brd-title:before {
    font-family: 'FontAwesome';
    content: '\f219';
    font-size: 35px;
    padding-right:10px;
}

В ней заменить f219 на код любой другой понравившейся вам иконке FA. Вы можете посмотреть их все на сайте (Please log in or register to see this URL).
Код иконки указан непосредственно ниже нее

http://f4.s.qip.ru/rg8it9GS.jpg

Сайт wolfgeen

Поделиться

11

Re: Стиль Flat emerald

Срочно нужна помощь! Как убрать продублированные кнопки и надписи на странице создания темы?
(Please log in or register to see this URL)

Поделиться

12

Re: Стиль Flat emerald

DisFey, так удали в языковом файле или замени на иконку awesome

Поделиться

13

Re: Стиль Flat emerald

bibishnik пишет:

DisFey, так удали в языковом файле или замени на иконку awesome

По моему там видно что продублировано, то что сверху (кнопки, текст) оно и снизу есть!
Причём тут языковый файл?

Поделиться

14

Re: Стиль Flat emerald

DisFey, brd-pagepost-end есть на всех шкурках, если не ошибаюсь.

Добавлено спустя 48 секунд:

Можешь прямо тут увидеть (Please log in or register to see this URL)

Поделиться

15

Re: Стиль Flat emerald

DisFey,  А зачем их убирать?  Когда у тебя на форуме будет больше чем 1 тема и 1 сообщение в ней, ты внезапно обнаружишь, что читая тему, промотав ее вниз, тебе не надо мотать страницу назад вверх, чтобы найти ссылку для перехода на следующую страницу. Аналогичная ситуация с кнопкой создания темы\Ответа в теме.

Захочешь — найдешь время, не захочешь — найдешь причину.

Поделиться