Создаём свой собственный стиль для phpBBex на основе встроенного Prosilver

[Zizin]

Всем привет!

Кто-нить может подсказать кусок кода (и в каком файле он находится), который отвечает за подсветку разделов форума при наведении на них мышкой. Всё облазил - никак не могу взять в толк где это

[Sumanai]

Ищите в файле content.css строчку li.row:hover
А вообще, лучше освойте файрбаг, быстрее будет.

[Zizin]

Спасибо!
Фаербаг для Мозиллы установил. А не подскажете, как именно можно в нём было отследить этот момент? Выделил фрагмент, потыкался в нём - но "content.css и строчку li.row:hover" нигде там не увидел.

[Sumanai]

Строчка с hover появляется либо по наведению на выделенный в нём элемент, либо после того, как поставите галку на ":hover" в "Стиль" справа, что удобнее.
Можно просто найти элемент и искать в исходных файлах CSS строчки с добавленным к нему :hover
Конкретный файл ищем поиском по содержимому в инструментах типа тотал командора.

[Valerka]

как решить проблему с p.header-path никто не подскажет я так понял?
Там даже не так... Он игнорирует width:auto. Мне надо, что бы растягивание было по мере внутреннего наполнения. А не во всю страницу.
Пишу
display:block
width: auto
- все равно - во всю страницу.

[factotum]

Valerka, задайте максимальную ширину или display: table;

[Valerka]

максимальную ширину

Это не пойдет. Все таки этот список может быть больше или меньше. Тут не угадаешь, какого размера должно быть.

[factotum]

или display: table;

Не подходит?

Тут не угадаешь, какого размера должно быть.

Можно учесть опыт темописания:
Многие элементы излишне дублируются. В том числе и навигационная цепочка.
Если в топике навигационная цепочка содержит лишь уникальные элементы, то при листинге форумов последний элемент дублируется с названием форума.
Пример: /viewforum.php?f=4
Мастерская в названии под линком. В навигационной цепочке тот же элемент под линком.
чтобы не ковыряться в ядре, спрятал его примерно так:
.section-viewforum .header-path > a:last-child {
display: none;
}

[Valerka]

Я вообще думал переписать полностью структуру форума, всмысле TEMPLATE. Работы много конечно. Для идеала - джава скрипт бы приписать. Но я JS не люблю, да и не владею им совершенно. (не люблю, т.к. параноик, по умолчанию js выключен для не знакомых сайтов. Позволяет избежать сайтов, где встраивают вредоносные элементы или запускают js, когда загружается изображение с третьего ресурса.)

[Ленар]

Ребят как сделать так чтобы каждый пост приобрел оттенок, иначе не смотрится.

Например как здесь:

А также в какой файле регулируются отступы между постами?
пометил красной волной.

[VEG]

В правиле .post { ... } используйте CSS-свойство box-shadow: 0 0 5px rgba(0, 0, 255, 1);. Правда, скругления картинками будут портить всю картину. Попробуйте, может подберёте подходящие параметры с достойным внешним видом.

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

А также в какой файле регулируются отступы между постами?

Также в правиле .post, свойство margin-bottom: 4px;.

[Boroda]

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

не нравится серый фон на иконках в выпадающем меню.

ну и я бы у тех пунктов меню, у которых сейчас выпадает бокс убрал бы скругление с нижних углов, соответственно у выпадающего бокса убрал бы скругление у верхнего левого угла.

[Demasik]

Уважаемые ГУРУ !!!
Подскажите, как поменять цвет уголков блоков форума.


Добавлено спустя 4 часа 12 минут:
Разобрался сам ))) Оказывается все просто.

[Boroda]

Ребят, в какой теме были раскрашенные просильверы? Никак не могу найти (поиск не дает искать по prosilver).

[VEG]

Ребят, в какой теме были раскрашенные просильверы? Никак не могу найти (поиск не дает искать по prosilver).

Вот эта тема. Но эти темы нельзя использовать на последнем phpBBex. Вы должны вытянуть оттуда все изменения и внести их повторно в новый prosilver. Это можно автоматизировать при помощи Mercurial. Сейчас опишу в той теме как это примерно делать.

[Kuralesov]

Разобрался сам ))) Оказывается все просто.

Ну, в таких случаях не плохо бы писать и решение сразу. Я вот тоже по тому же вопросу сюда сейчас заскочил...

[Girl]

Всю ночь убила а решения так и не нашла.
Где прописывается код чтобы сделать поиск прозрачным , а не белым фоном в шапке?(куда вписываются слова) . И где убрать это активное выделение рамки окна (оранжеватое), когда вписываешь слова для поиска. Ковырялась в файрфоксе, но в нём подстветка не отображается , конкретных путей к файлам нет...помогите? =(

[factotum]

Girl, не тем занимаетесь ночью.
Исходный код:

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

#search-box #keywords {
   width: 95px;
   background-color: #FFF;
}

Конечный:

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

#search-box #keywords {
   width: 95px;
   background-color: transparent;
}
#search-box #keywords:focus {
   outline: none;
}


Народ, сидящий на клавишах, не оценит убийства подсветки активного поля. Хотя таких не много. По вашей тематике может и вовсе не быть.

[Lucy]

Благодарю за хорошую и очень полезную статью!!!
Все понятно и доступно описано. Новый стиль готов за день!

[JoteRuso]

Новый стиль готов за день!

Завидую )))
Я с новым стилем около 2 месяцев колупался )))