Белк на PhpBB 3.0.14
https://belk.info/phpbb/

Стиль BELKSTYLE
https://belk.info/phpbb/viewtopic.php?f=6&t=85		 Страница 1 из 1
Автор:  Belk [ 11 янв 2026, 19:48 ]
Заголовок сообщения:  Стиль BELKSTYLE
BELKSTYLE

Представляю вашему вниманию стиль, разработанный мной на основе стиля subsilver2.

картинки носят информационный характер:

Вложение:
Комментарий к файлу: постер
belkstyle_poster.png
belkstyle_poster.png [ 1.35 МБ | Просмотров: 694 ] belkstyle_poster.png



Вложение:
Комментарий к файлу: тема
belkstyle_viewtopic.png
belkstyle_viewtopic.png [ 1.23 МБ | Просмотров: 694 ] belkstyle_viewtopic.png




Информация по стилю
1. Родительский стиль - subsilver2

2. Стиль не "резиновый" - для основной страницы задана жёсткая ширина - 1000px. Блок размещён по центру.
Для фона сайта выбрана картинка, заменить или переделать можно в файле stylesheet.css в коде

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

html {
       font-size: 100%;
        background: url(images/fon_belk_2.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


// картинка, само-собой, не моя - нашёл в сети.

3. большое количество кнопок-ссылок на форуме сделано на чистом css (в отличии от применения изображений по умолчанию).

В стиле прописаны как синего цвета (основные) кнопки, так и зелёного и красного.
Чтобы сделать синюю кнопку - код class="button button-blue"
Чтобы сделать красную кнопку - код class="button button-red"
Чтобы сделать зелёную - код class="button button-green"

3. В стиле, для уменьшения количества кода и удобства использования, применены внутренние переменные,
которые прописаны в файле belk_config.html

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

$BELK_BLOK


4. Для уменьшения занимаемого места (визуально) применены 2 скрипта: спойлер (+ Информация) и перебор блоков (Статистика, Дополнительные возможности т.д.).
в перебор блоков очень легко добавить новые модули, которые могут пригодиться при расширении функций форума.
(прописывается новая переменная в файле belk_config.html и добавляется html-код соответственно шаблону).

5. При создании стиля были использованы материалы с сайтов http://hello-vitebsk.ru/index.php, http://daneden.github.io/animate.css/

6. В стиле заменены на "свои" не все изображения. Я не работаю с fotoshop или иными редакт-программами, поэтому для меня это представляет проблему.
Основные изображения заменены кнопками на css, поэтому мне лень переделывать все. В этом смысле стиль недоделан. Предупреждаю сразу.


Кого заинтересовал данный стиль, можно скачать здесь:

скачать из архива сайта

Доработка 1. Профиль справа на странице темы
Сделать сие очень просто - скачайте файл из архива сайта:

Вложение:
Комментарий к файлу: профиль в теме справа
viewtopic_body.rar [3.51 КБ]
Скачиваний: 100


распакуйте и замените этот файл в папке belkstyle/template/

очистите кэш шаблонов стиля и всё. можно пользоваться.

Доработка 2. Превращение стиля в резиновый и удаление смещения сверху
Открыть belkstyle/theme/stylesheet.css
Найти

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

#main {
        width: 1000px;
        background: url(images/fon_body.png);
        padding: 10px;
        margin-top: 50px;
        margin-bottom: 50px;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
        -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
        -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
        opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


Заменить найденное на

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

#main {
        width: 100%;
        background: url(images/fon_body.png);
        padding: 10px;
        margin-top: 0px;
        margin-bottom: 50px;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
        -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
        -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
        opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


всё. ничего чистить не надо. можно пользоваться сразу. (возможно придётся очистить кэш браузера)


Вложение:
Комментарий к файлу: профиль справа и резиновый стиль
topic_avatar_right.png
topic_avatar_right.png [ 57.09 КБ | Просмотров: 694 ] topic_avatar_right.png

Страница 1 из 1 Часовой пояс: UTC + 3 часа
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/