1

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

Минимальная переделка стандартного стиля Oxygen. Подключен шрифт Font Awesome. Иконки разделов заменены на иконки fa шрифта.
В цветовой схеме использованы мягкие Bootflat цвета.
Работоспособность стиля проверена на чистой установке 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 Кб, 101 скачиваний с 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

Новые стили и расширения на  PunBB.INFO

Поделиться

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 секунд:

Тема отлична, но основной шрифт не подходит, посмотрите какой здесь шрифт удобочитаемый.

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

wolfgeen пишет:

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

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

и замените:

"height: 35px;"

на:

"min-height: 35px;"

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

http://storage2.static.itmages.ru/i/16/0822/s_1471845346_5735487_131e1c3be6.png

Сайт 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. Вы можете посмотреть их все на сайте http://fontawesome.io.
Код иконки указан непосредственно ниже нее

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

Сайт wolfgeen

Поделиться