Цветовые вариации стиля Prosilver для phpBBex (только для v.1.5.3)

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

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

Сообщение #1 JoteRuso » 18.10.2012, 23:08

ВНИМАНИЕ!!!
К версиям phpBBex 1.6.0 и выше эти вариации уже не подойдут!


Уже создана тема с инструкциями по самостоятельному изменению встроенного стиля Prosilver согласно своему вкусу.


===========================================================================

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

18-10-2012 23-49-26.png

mytheme01.zip
(291.74 КБ) Скачиваний: 1648


18-10-2012 23-49-57.png

mytheme02.zip
(291.74 КБ) Скачиваний: 1445


18-10-2012 23-50-58.png

mytheme03.zip
(291.74 КБ) Скачиваний: 1244


18-10-2012 23-51-45.png

mytheme04.zip
(291.74 КБ) Скачиваний: 1191


18-10-2012 23-52-13.png

mytheme05.zip
(292.9 КБ) Скачиваний: 1208


Ну и просьба дать знать, нужно ли Вам это вообще?
Просто у меня в планах сделать ещё штук 10 или 15 таких вот альтернативных вариантов в других цветах.
Делиться с вами, али как? :wink:

Важно!!!
Если вы уже внесли какие-то изменения в установленный по умолчанию стиль "prosilver" (например, заменили шапку форума на свой рисунок), Вам придётся проделать то же самое (если вы, конечно, хотите продолжать видеть свою новую шапку) и в файлах нового стиля.
Последний раз редактировалось JoteRuso 22.05.2013, 22:49, всего редактировалось 12 раз(а).
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев


Сообщение #61 boofoo » 20.05.2013, 22:49

JoteRuso:Но можете попробовать сделать это по аналогии с этим.
Спасибо.А где найти где строки фона сообщений и профиля?

Добавлено спустя 6 минут 57 секунд:
Получился градиент :smile:
ScreenShot 1327 20.05.13 22-55-15.gif


Добавлено спустя 2 минуты 6 секунд:
И если можно еще,покажите где найти строку быстрого ответа,тоже хочу градиентом зделать.

Добавлено спустя 23 минуты 19 секунд:
Нашел методом тыка :smile:
Вроде ничего смотрится.
ScreenShot 1328 20.05.13 23-20-37.gif
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #62 JoteRuso » 20.05.2013, 23:34

boofoo, если сами находите решение своих вопросов - не ленитесь потом поделиться этими решениями, чтобы другие пользователи тоже смогли узнать, как Вы это сделали.
А то ваши вопросы поиском найдут, а ответов - нет... :think:
Уверен, что многие будут Вам благодарны ))
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #63 boofoo » 20.05.2013, 23:58

А без проблем :smile:
Что бы залить градиентом блок,нужно создать этот самый градиент,его создать можно,практически в любом редакторе,я создаю его в фотошопе.
В создании нет ничего сложного,все интуитивно понятно,выбрали инструмент,выбрали цвет и залили.
ScreenShot 1331 20.05.13 23-47-20.gif
ScreenShot 1331 20.05.13 23-47-20.gif (40.98 КБ) Просмотров: 19054

При чем не важно какого размера будет холст градиента.После создания,отправляем градиент в корень папки темы вот так:
ScreenShot 1332 20.05.13 23-52-00.gif
ScreenShot 1332 20.05.13 23-52-00.gif (1.14 КБ) Просмотров: 19054

Далее находим блок который хотим залить и вписываем вот это:

background-image: url("{T_THEME_PATH}/images/gradient.gif"); - *путь к градиенту
background-position: center center;
background-repeat: no-repeat; - * все остальное для того что бы градиент растянулся по блоку,а не копировал себя многократно.
background-size: 100% 100%;

Может где то не понятно,впервые пишу то о чем сам узнал только сегодня :smile:

Добавлено спустя 33 минуты 52 секунды:
Забыл про тень.
что бы сделать тень блока нужно туда же вписать вот это :
box-shadow: 0 0 5px rgba(0,0,0,0.5);

В итоге должно выглядеть вот так:
ScreenShot 1335 21.05.13 00-31-12.gif
ScreenShot 1335 21.05.13 00-31-12.gif (4.44 КБ) Просмотров: 19050


Добавлено спустя 39 минут 58 секунд:
Вот еще пару вопросов :smile:
1 Не нашел где время переставить.
2 Где можно отредактировать этот текст,через чур сливается с темой?
ScreenShot 1336 21.05.13 01-10-42.gif




П.С. А можно сделать так,что бы администратор не отображался в списке "кто сейчас на сайте"?
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #64 JoteRuso » 21.05.2013, 14:20

boofoo:1 Не нашел где время переставить.

Для гостей:
21-05-2013 15-16-56.jpg


Для себя:
21-05-2013 15-18-23.jpg


Добавлено спустя 1 минуту 49 секунд:
boofoo:2 Где можно отредактировать этот текст,через чур сливается с темой?
файл colours.css
241 строка
Код: Выделить всё
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
   color: #FFFFFF;
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #65 boofoo » 21.05.2013, 15:58

С форумом более менее разобрался,как теперь его с денвера правильно перенести на хостинг,может где есть статейка нормальная "для чайников" или видео?
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #66 JoteRuso » 21.05.2013, 16:08

boofoo,
А поиском воспользоваться лень? Ввести слово "перенос", хотя бы )))
Вот тут смотрите
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #67 boofoo » 21.05.2013, 16:16

Да вводил,находил эту статью,но в ней ничего не понятно)
Не понятно для таких как я "чайников" :smile:
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #68 JoteRuso » 21.05.2013, 16:45

boofoo, у вас ведь никаких сообщений на форуме, кроме тестовых, нет пока?
В Вашем случае вполне можно ограничиться установкой форума на хостинге с нуля и последующим копированием файлов стиля (которые Вы правили) поверх установленных. Ну и добавьте рисунки, что Вы создали, в соответствующие папки.
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #69 boofoo » 21.05.2013, 19:56

JoteRuso, Так это нужно выбирать такой хостинг,где будет bbex 1.6?
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #70 JoteRuso » 21.05.2013, 21:03

boofoo:нужно выбирать такой хостинг,где будет bbex 1.6?
Нет, конечно. PhpBBex вы должны будете сами установить. Это делается так же просто, как и на локалке. Процесс установки phpBBex на хостинг можете посмотреть тут (первая половина видеоролика).
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #71 boofoo » 23.05.2013, 14:40

Добрый день.
Столкнулся вот с чем
1.названия категорий цвет поменялся,а "ответы","просмотры" не поменялись? И как убрать или поменять цвет теней этих слов?
2.И где можно изменить цвет вертикальных разделителей?
ScreenShot 1360 23.05.13 14-36-06.gif
boofoo
Репутация: 15
С нами: 11 лет 6 месяцев

Сообщение #72 HD321kbps » 23.05.2013, 15:22

boofoo, что вы мучаетесь каждый раз спрашивая, поставте Firebug в Firefox или в Opera (функция проинспектировать элемент) и в хроме также. Выделяете то, что нужно править правая кнопка мыши->проинспектировать элемент и увидите, где это можно его менять и что можно менять,если знакомы с CSS.
HD321kbps M
Аватара
Откуда: Армянск
Репутация: 376
С нами: 11 лет 8 месяцев

Сообщение #73 Sumanai » 23.05.2013, 15:23

А если не знакомы, знакомьтесь на http://htmlbook.ru/
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #74 JoteRuso » 24.05.2013, 12:15

boofoo,
Вот, посмотрите на примере вашего же сайта, как можно искать всё необходимое в той же Опере.
phpBB [media]


Находите, название элемента, который вам нужно изменить, подбираете нужный цвет, потом ищите название этого элемента в файлах CSS (90% всего этого - в файле colours.css) и меняете.

Надеюсь, пригодится ))
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #75 Mirus » 06.10.2013, 13:07

Планируется ли что-то подобное для актуальных версий форума?
Mirus
Репутация: 0
С нами: 11 лет 1 месяц

Сообщение #76 JoteRuso » 06.10.2013, 13:11

Mirus:Планируется ли что-то подобное для актуальных версий форума?
Нет, поскольку, в общем и целом, это уже лишено смысла. Зато у нас теперь есть достаточно полезная тема, которая поможет Вам самому придать форуму нужный именно вам вид. И не быть похожим на других. :smile:
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 12 лет 6 месяцев

Сообщение #77 VEG » 24.10.2013, 12:29

Автоматизация по автоматическому портированию этих стилей на phpBBex 1.7.3 при помощи Mercurial:
1. Клонируете репозиторий phpBBex до версии 1.5.3:
Код: Выделить всё
hg clone -r v1.5.3 https://code.google.com/p/phpbbex/ forum
2. Заменяете файлы встроенного prosilver на файлы одной из этих тем
3. В корне форума при помощи cmd выполняете команды:
Код: Выделить всё
hg pull
hg update v1.7.1
В консоли вас будет спрашивать, что делать с изменившимися файлами картинок. Выбирайте сохранение текущих файлов (иначе картинки в новой цветовой схеме заменятся на стандартные). При возникновении конфликтов можете спрашивать здесь. Если вас что-то спросило, но вы не знаете что именно ответить — спрашивайте, сопровождая свой текст скриншотом. Поможем.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #78 румын » 05.11.2013, 05:31

Добрый день, mytheme22 не работают теги, а так же репутация не проставляется.
с чем может быть связано? В родном шаблоне все отлично
румын
Гость

Сообщение #79 VEG » 05.11.2013, 11:26

румын, в первом сообщении ответ на ваш вопрос:
JoteRuso:ВНИМАНИЕ!!!
К версиям phpBBex 1.6.0 и выше эти вариации уже не подойдут!

Уже создана тема с инструкциями по самостоятельному изменению встроенного стиля Prosilver согласно своему вкусу.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #80 Румын » 06.11.2013, 06:10

VEG:JoteRuso писал(а):
ВНИМАНИЕ!!!
К версиям phpBBex 1.6.0 и выше эти вариации уже не подойдут!

Уже создана тема с инструкциями по самостоятельному изменению встроенного стиля Prosilver согласно своему вкусу.

если просто css ки обновить то все работает
Румын
Гость

Пред.След.

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



cron