info navigation

phpbb-belk.ru

темы, связанные с форумом phpbb 3.0.x



Новая тема  [ Сообщений: 9 ]  Просмотры: 2555

Автор Сообщение
Не в сети
(Андрей)  
Администратор
Аватара пользователя

Стаж: 8 лет 5 месяцев 12 дней
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


BELKSTYLE

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

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

постер тема

"в живую" стиль можно посмотреть здесь. выберите из списка в верху страницы belkstyle.

Информация по стилю
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 КБ]
Скачиваний: 35


распакуйте и замените этот файл в папке 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 */
}


всё. ничего чистить не надо. можно пользоваться сразу.

Постер доработок
профиль справа и резиновый стиль


здесь можно почитать, как сделать переключатель (фиксированный размер/размер во весь экран) в личном разделе.

проблема со спойлерами. сейчас не актуально
!! "благодаря" обновлениям браузеров перестали работать java-script спойлеров, установленных на форуме.
это "личное дело" в минипрофиле пользователя в теме сообщения и "информация" внизу страницы там же.
Стоит просто удалить обработку спойлеров:

в файле belk_config.html это строки (примерно), то есть все, где есть DEFINE $BEL_SPOILER

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

<!-- DEFINE $BEL_SPOILER_START = '' -->
<!-- DEFINE $BEL_SPOILER2_START = '<div><div class="spoiler_links2"><span>' -->
<!-- DEFINE $BEL_SPOILER_BODY = '' -->
<!-- DEFINE $BEL_SPOILER_END = '</div></div>' -->


в viewtopic_body.html вывод - это {BEL_SPOILER_***}

В стиле (stylesheet.css) - это строки

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

.spoiler_links{background-image:url('images/block_fon.png');width:100%;height:20px;cursor:pointer;}
.spoiler_links2{font-size:1.2em;font-weight:bold;text-decoration:underline;width:100%;height:20px;cursor:pointer;}
.spoiler_links span{float:left;color:#FFFFFF;font-size:1.2em;font-weight:normal;padding:2px 0 0 10px;}
.spoiler_body{display:none;cursor:pointer;background:#F5F5F5;border-top:1px solid #C3CBD1;padding:6px;}


вряд ли их (спойлеров) работа восстановится. блокировка идёт со стороны браузеров.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
BELKSTYLE,PHPBB 3.0.1.14,forum
Не в сети
(Светлана)  
2016-03-05 
Аватара пользователя

Стаж: 8 лет
Сообщения: 43


Стиль: prosilver


Репутация: 0


Russia



В этот стиль не возможно не влюбиться))

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

и нельзя ли его потом будет переделать в резиновый?


Не в сети
(Светлана)  
2016-03-05 
Аватара пользователя

Стаж: 8 лет
Сообщения: 43


Стиль: prosilver


Репутация: 0


Russia



И еще. В этом стиле нет такой кнопки - Кто сегодня был на сайте. Для того чтобы ее установить самому потребуется ли мод, или этот мод уже есть в стиле?


Не в сети
(Андрей)  
2016-03-05 
Администратор
Аватара пользователя

Стаж: 8 лет 5 месяцев 12 дней
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


skazik писал(а):

он в админке будет Просильвер, или как то иначе


он будет belkstyle

стиль на основе subsilver2, полный. то бишь ему не нужна поддержка.

резиновый наверное можно, шерстить придётся где зафикисина ширина.

я его специально делал под планшеты (1000 px)

skazik писал(а):

Кто сегодня был на сайте


вроде бы это мод. внешний. он не встроен.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Светлана)  
2016-03-05 
Аватара пользователя

Стаж: 8 лет
Сообщения: 43


Стиль: prosilver


Репутация: 0


Russia



А как же потом сделать этот мод так же в колонку со всеми кнопками, как у вас на форуме? Ведь когда мод "прикручиваешь" то там есть инструкция и он встанет по-другому.


Не в сети
(Андрей)  
2016-03-05 
Администратор
Аватара пользователя

Стаж: 8 лет 5 месяцев 12 дней
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


это несложно. я там в описании к стилю написал как можно добавлять блоки... надо будет - можете спросить у меня...


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Светлана)  
2016-03-05 
Аватара пользователя

Стаж: 8 лет
Сообщения: 43


Стиль: prosilver


Репутация: 0


Russia



Это хорошо, что не сложно :-D


Не в сети
(Андрей)  
2016-03-06 
Администратор
Аватара пользователя

Стаж: 8 лет 5 месяцев 12 дней
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


написал запрашиваемые доработки в саму тему стиля.


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
Не в сети
(Светлана)  
2016-03-07 
Аватара пользователя

Стаж: 8 лет
Сообщения: 43


Стиль: prosilver


Репутация: 0


Russia



Спасибо)))


Показать сообщения за:  Поле сортировки  
Ответить на тему  [ Сообщений: 9 ] 

Кто сейчас на сайте:

Всего посетителей: 0, из них зарегистрированных: 0, скрытых: 0 и гостей: 0 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (122) здесь было 19 дек 2023, 12:10

Сейчас этот раздел просматривают: нет зарегистрированных пользователей и гости: 0

Часовой пояс: UTC + 2 часа



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения
Вы не можете защищать свои темы паролем

Найти:
Перейти:  




cron

Текущее время: 03 мар 2024, 23:26

Создано на основе phpBB® Forum Software © phpBB Group
Яндекс.Метрика

Полная версия Мобильный вид