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

[vladlug]

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

Вы на полном серьезе не разделяете исходные изображения от предназначенных для Web?
Насчет дата урл, VEG указал сервис, делаешь стиль со всеми внешними картинками, затем прогоняешь его через
http://dataurl.net/#cssoptimizer
Base64-encode all images smaller than

И вуаля, получаешь требуемый результат.

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

[VEG]

При разработке стиль хранится именно так, как он распространяется. Хотелось бы в будущем всё-таки разделить изображения и CSS, используя для сборки SCSS. Но сейчас это лишено смысла. Большинство из встроенных изображений можно убирать, используя современные возможности CSS. В готовящемся phpBB 3.1 уже проделано много работы по этому поводу, ближе к релизу постараемся это всё портировать в phpBBex.

[румын]

как обозначить другим цветом ники модераторов?

[VEG]

румын, если вы пользуетесь группой супермодераторов — просто делайте её группой по умолчанию для всех участников. Если нет — создайте отдельную группу (обычную), для которой укажите цвет, и делайте её группой по умолчанию для ваших модераторов.

[Kurasagi]

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

[Sumanai]

Само собой можно:

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

li.row:hover {
    background-color: #F6F6F6;
}

И меняете цвет на нужный. Вообще, все реакции по наведению реализуются с помощью псевдокласса :hover.
Как закончите, выложите скриншот в тему Скриншоты форумов на phpBBex, у вас неплохо выходит

[Kurasagi]

И меняете цвет на нужный. Вообще, все реакции по наведению реализуются с помощью псевдокласса :hover.
Как закончите, выложите скриншот в тему Скриншоты форумов на phpBBex, у вас неплохо выходит

Простите, а в каком файле такое искать colours.css Ики каком другом.

[Sumanai]

Искать проще всего тотал коммандером по всем файлам стилей. 5 секунд, и результат- content.css.

[Kurasagi]

Искать проще всего тотал коммандером по всем файлам стилей. 5 секунд, и результат- content.css.

Тогда как перекрасить все вот это.



А также то, что обведено красным.

[Sumanai]

Для файрфокса есть замечательное дополнение- FireBug (у вас оно, я погляжу, уже стоит). После его установки по F12 появится панель вебинспектора, в которой сверху слева вторая иконка- выбор элемента. Один щелчок на неё- и выбираете элемент на странице, чтобы он был наименьшим и включал нужный вам. Там справа будут все применённые стили с названиями классов. Можете прямо там поэкспериментировать, а как поймёте, в каком классе менять, то по этому названию находите поиском по содержимому файлов стилей и меняете там.

Добавлено спустя 2 минуты 52 секунды:
По выпадающему меню- в первом сообщении уже есть нужная информация.

[Kurasagi]

−

Сообщение #150 Sumanai » 32 минуты назад
Для файрфокса есть замечательное дополнение- FireBug (у вас оно, я погляжу, уже стоит). После его установки по F12 появится панель вебинспектора, в которой сверху слева вторая иконка- выбор элемента. Один щелчок на неё- и выбираете элемент на странице, чтобы он был наименьшим и включал нужный вам. Там справа будут все применённые стили с названиями классов. Можете прямо там поэкспериментировать, а как поймёте, в каком классе менять, то по этому названию находите поиском по содержимому файлов стилей и меняете там.

Все верно. Но для голубой панели где вводяться данные профайла увы ничего показать firebug не смог по делу. Ладно спасибо пойду дальше химичить.

[Sumanai]

.bg3 же, в colours.css. Там же всё видно справа.
Вот с фоном вкладок сложнее, там изображения, закодированные DATA URL. Нужно по нему правой кнопкой мыши- открыть в новой вкладке и из неё сохранить на диск под любым именем. После изменить в любом графическом редакторе и закодировать обратно на http://dataurl.net/#dataurlmaker

[Kurasagi]

Вот с фоном вкладок сложнее, там изображения, закодированные DATA URL. Нужно по нему правой кнопкой мыши- открыть в новой вкладке и из неё сохранить на диск под любым именем. После изменить в любом графическом редакторе и закодировать обратно на http://dataurl.net/#dataurlmaker

Простите за надоедливость. Но я правильно понял что бы сменить вот это ну и белый фон

То нужно лезть в фотошоп.
А также что бы заменить голубой блок вот тут

Тоже нужно лезть в фотошоп я прав?

[Sumanai]

Простите за надоедливость. Но я правильно понял что бы сменить вот это ну и белый фон
То нужно лезть в фотошоп.
А также что бы заменить голубой блок вот тут

Не совсем. Именно фон можно заменить и так. Вот цвет вкладок, что вы обвели красным, да, рисунками. Светлый фон:

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

#cp-main .panel {
    background-color: #F9F9F9;
}

"В этом разделе сообщений нет"

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

.panel {
    background-color: #ECF1F3;
    color: #28313F;
}

[tehnoman]

Одного не понял, "Фоновую зебру" изменил, но изменилось на главной только в "Активных темах", в других разделах осталось по старому, при этом в темах всё изменилось.. И где эта синяя рамочка, помеченная у меня красной стрелочкой?

[mfana]

Синяя рамочка у тебя - это background-color в файле styles/prosilver/theme/colour.css

Ищешь фрагмент:

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

.headerbar {
   background-color: #092a5d;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;

и убираешь этот колор нафиг. Ну, или красишь так, как тебе надо, например, пурпурным (#ff00ff)

Чтобы изменить фон в списке форумов, в этом же файле (styles/prosilver/theme/colour.css ) ищешь раздел:

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

ul.forums {
   background-color: #eef5f9;
   /* background-image: url("{T_THEME_PATH}/images/gradient.gif"); */
}

и меняешь цвет на нужный, например, так:

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

 background-color: #EBE598;

И усе
ЗЫ: А, и это, не забывайте ставить лайки и подписывайтесь на наше видео. Меня зовут Жек (как и VEGa, да и вообще я сам почти что белорус :D). Пока.

[ДжеК]

Вернул стандартный светло голубой цвет, ваш темно-голубой слишком уж грустный какойто, лучше бы вы не трогали стандартные цвета, их делают всетаки специалисты

[darkxakep1]

Ну как говорится "фломастеры" мне нравится стандартная)

[Alexkey]

Привет! тоже покажусь :)

[Sumanai]

Это лучше в тему "Скриншоты форумов пользователей phpBBex"