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

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #141 vladlug » 14.01.2014, 11:12

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

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

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

Так что наличие стиля не оптимизированного со всеми внешними и исходными файлами, в какой нибудь отдельной папке, облегчило бы дизайнером процесс создания новых стилей и привлекло бы новых пользователей к phpbex.
vladlug M
Репутация: 1
С нами: 10 лет 2 месяца

Сообщение #142 VEG » 14.01.2014, 14:20

При разработке стиль хранится именно так, как он распространяется. Хотелось бы в будущем всё-таки разделить изображения и CSS, используя для сборки SCSS. Но сейчас это лишено смысла. Большинство из встроенных изображений можно убирать, используя современные возможности CSS. В готовящемся phpBB 3.1 уже проделано много работы по этому поводу, ближе к релизу постараемся это всё портировать в phpBBex.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #143 румын » 16.01.2014, 06:51

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

Сообщение #144 VEG » 16.01.2014, 08:33

румын, если вы пользуетесь группой супермодераторов — просто делайте её группой по умолчанию для всех участников. Если нет — создайте отдельную группу (обычную), для которой укажите цвет, и делайте её группой по умолчанию для ваших модераторов.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #145 Kurasagi » 15.03.2014, 10:03

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

Сообщение #146 Sumanai » 15.03.2014, 13:27

Само собой можно:
Код: Выделить всё
li.row:hover {
    background-color: #F6F6F6;
}

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

Сообщение #147 Kurasagi » 15.03.2014, 16:49

Sumanai:И меняете цвет на нужный. Вообще, все реакции по наведению реализуются с помощью псевдокласса :hover.
Как закончите, выложите скриншот в тему Скриншоты форумов на phpBBex, у вас неплохо выходит :smile:
Простите, а в каком файле такое искать colours.css Ики каком другом.
Kurasagi
Репутация: 0
С нами: 10 лет

Сообщение #148 Sumanai » 15.03.2014, 16:54

Искать проще всего тотал коммандером по всем файлам стилей. 5 секунд, и результат- content.css.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #149 Kurasagi » 15.03.2014, 17:17

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


А также то, что обведено красным.
Изображение
Kurasagi
Репутация: 0
С нами: 10 лет

Сообщение #150 Sumanai » 15.03.2014, 17:37

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

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

Сообщение #151 Kurasagi » 15.03.2014, 18:15

Sumanai:

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

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

Сообщение #152 Sumanai » 15.03.2014, 18:25

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

Сообщение #153 Kurasagi » 16.03.2014, 10:01

Sumanai:Вот с фоном вкладок сложнее, там изображения, закодированные DATA URL. Нужно по нему правой кнопкой мыши- открыть в новой вкладке и из неё сохранить на диск под любым именем. После изменить в любом графическом редакторе и закодировать обратно на http://dataurl.net/#dataurlmaker
Простите за надоедливость. Но я правильно понял что бы сменить вот это ну и белый фон
Изображение
То нужно лезть в фотошоп.
А также что бы заменить голубой блок вот тут
Изображение
Тоже нужно лезть в фотошоп я прав?
Kurasagi
Репутация: 0
С нами: 10 лет

Сообщение #154 Sumanai » 16.03.2014, 16:10

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

Не совсем. Именно фон можно заменить и так. Вот цвет вкладок, что вы обвели красным, да, рисунками. Светлый фон:
Код: Выделить всё
#cp-main .panel {
    background-color: #F9F9F9;
}

"В этом разделе сообщений нет"
Код: Выделить всё
.panel {
    background-color: #ECF1F3;
    color: #28313F;
}
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #155 tehnoman » 30.03.2014, 17:35

Одного не понял, "Фоновую зебру" изменил, но изменилось на главной только в "Активных темах", в других разделах осталось по старому, при этом в темах всё изменилось.. И где эта синяя рамочка, помеченная у меня красной стрелочкой?
Вложения
list.jpg
tehnoman M
Откуда: Северная Венеция(СПб)
Репутация: 1
С нами: 10 лет

Сообщение #156 mfana » 31.03.2014, 00:16

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

Ищешь фрагмент:
Код: Выделить всё
.headerbar {
   background-color: #092a5d;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
   color: #FFFFFF;
и убираешь этот колор нафиг. Ну, или красишь так, как тебе надо, например, пурпурным (#ff00ff) :biggrin:

Чтобы изменить фон в списке форумов, в этом же файле (styles/prosilver/theme/colour.css ) ищешь раздел:
Код: Выделить всё
ul.forums {
   background-color: #eef5f9;
   /* background-image: url("{T_THEME_PATH}/images/gradient.gif"); */
}
и меняешь цвет на нужный, например, так:
Код: Выделить всё
 background-color: #EBE598;

И усе :wink:
ЗЫ: А, и это, не забывайте ставить лайки и подписывайтесь на наше видео. Меня зовут Жек (как и VEGa, да и вообще я сам почти что белорус :D). Пока.
mfana M
Аватара
Откуда: ХМАО
Репутация: 17
С нами: 10 лет

Сообщение #157 ДжеК » 31.03.2014, 16:43

Вернул стандартный светло голубой цвет, ваш темно-голубой слишком уж грустный какойто, лучше бы вы не трогали стандартные цвета, их делают всетаки специалисты
ДжеК
Репутация: 0
С нами: 10 лет

Сообщение #158 darkxakep1 » 01.04.2014, 09:15

Ну как говорится "фломастеры" мне нравится стандартная)
darkxakep1 M
Откуда: Оренбург
Репутация: 15
С нами: 10 лет 5 месяцев

Сообщение #159 Alexkey » 15.04.2014, 15:16

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

911.jpg
Alexkey
Репутация: 13
С нами: 10 лет

Сообщение #160 Sumanai » 15.04.2014, 15:20

Это лучше в тему "Скриншоты форумов пользователей phpBBex" :smile:
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Пред.След.

Вернуться в Мастерская 1.x