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

Board index phpBBex 1.x Мастерская

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

Post #1by JoteRuso » 18.10.2012, 23:08

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


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


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

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

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

mytheme01.zip
(291.74 KiB) Downloaded 788 times


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

mytheme02.zip
(291.74 KiB) Downloaded 607 times


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

mytheme03.zip
(291.74 KiB) Downloaded 565 times


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

mytheme04.zip
(291.74 KiB) Downloaded 552 times


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

mytheme05.zip
(292.9 KiB) Downloaded 514 times


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

Важно!!!
Если вы уже внесли какие-то изменения в установленный по умолчанию стиль "prosilver" (например, заменили шапку форума на свой рисунок), Вам придётся проделать то же самое (если вы, конечно, хотите продолжать видеть свою новую шапку) и в файлах нового стиля.
Last edited by JoteRuso on 22.05.2013, 22:49, edited 12 times in total.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months


Post #61by boofoo » 20.05.2013, 22:49

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

Added after 6 minutes 57 seconds:
Получился градиент :smile:
ScreenShot 1327 20.05.13 22-55-15.gif


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

Added after 23 minutes 19 seconds:
Нашел методом тыка :smile:
Вроде ничего смотрится.
ScreenShot 1328 20.05.13 23-20-37.gif
boofoo
Бывалый
Reputation: 15
With us: 4 yaers 1 month

Post #62by JoteRuso » 20.05.2013, 23:34

boofoo, если сами находите решение своих вопросов - не ленитесь потом поделиться этими решениями, чтобы другие пользователи тоже смогли узнать, как Вы это сделали.
А то ваши вопросы поиском найдут, а ответов - нет... :think:
Уверен, что многие будут Вам благодарны ))
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #63by 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 KiB) Viewed 6141 times

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

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

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

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

Added after 33 minutes 52 seconds:
Забыл про тень.
что бы сделать тень блока нужно туда же вписать вот это :
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 KiB) Viewed 6137 times


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




П.С. А можно сделать так,что бы администратор не отображался в списке "кто сейчас на сайте"?
boofoo
Бывалый
Reputation: 15
With us: 4 yaers 1 month

Post #64by JoteRuso » 21.05.2013, 14:20

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

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


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


Added after 1 minute 49 seconds:
boofoo wrote:2 Где можно отредактировать этот текст,через чур сливается с темой?
файл colours.css
241 строка
Code: Select all
/* 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
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #65by boofoo » 21.05.2013, 15:58

С форумом более менее разобрался,как теперь его с денвера правильно перенести на хостинг,может где есть статейка нормальная "для чайников" или видео?
boofoo
Бывалый
Reputation: 15
With us: 4 yaers 1 month

Post #66by JoteRuso » 21.05.2013, 16:08

boofoo,
А поиском воспользоваться лень? Ввести слово "перенос", хотя бы )))
Вот тут смотрите
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #67by boofoo » 21.05.2013, 16:16

Да вводил,находил эту статью,но в ней ничего не понятно)
Не понятно для таких как я "чайников" :smile:
boofoo
Бывалый
Reputation: 15
With us: 4 yaers 1 month

Post #68by JoteRuso » 21.05.2013, 16:45

boofoo, у вас ведь никаких сообщений на форуме, кроме тестовых, нет пока?
В Вашем случае вполне можно ограничиться установкой форума на хостинге с нуля и последующим копированием файлов стиля (которые Вы правили) поверх установленных. Ну и добавьте рисунки, что Вы создали, в соответствующие папки.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #69by boofoo » 21.05.2013, 19:56

JoteRuso, Так это нужно выбирать такой хостинг,где будет bbex 1.6?
boofoo
Бывалый
Reputation: 15
With us: 4 yaers 1 month

Post #70by JoteRuso » 21.05.2013, 21:03

boofoo wrote:нужно выбирать такой хостинг,где будет bbex 1.6?
Нет, конечно. PhpBBex вы должны будете сами установить. Это делается так же просто, как и на локалке. Процесс установки phpBBex на хостинг можете посмотреть тут (первая половина видеоролика).
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #71by boofoo » 23.05.2013, 14:40

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

Post #72by HD321kbps » 23.05.2013, 15:22

boofoo, что вы мучаетесь каждый раз спрашивая, поставте Firebug в Firefox или в Opera (функция проинспектировать элемент) и в хроме также. Выделяете то, что нужно править правая кнопка мыши->проинспектировать элемент и увидите, где это можно его менять и что можно менять,если знакомы с CSS.
HD321kbps M
Гуру
Avatar
Age: 26
Location: Армянск
Reputation: 345
With us: 4 yaers 3 months

Post #73by Sumanai » 23.05.2013, 15:23

А если не знакомы, знакомьтесь на http://htmlbook.ru/
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1578
With us: 4 yaers 5 months

Post #74by JoteRuso » 24.05.2013, 12:15

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


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

Надеюсь, пригодится ))
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #75by Mirus » 06.10.2013, 13:07

Планируется ли что-то подобное для актуальных версий форума?
Mirus
Новичок
Reputation: 0
With us: 3 yaers 8 months

Post #76by JoteRuso » 06.10.2013, 13:11

Mirus wrote:Планируется ли что-то подобное для актуальных версий форума?
Нет, поскольку, в общем и целом, это уже лишено смысла. Зато у нас теперь есть достаточно полезная тема, которая поможет Вам самому придать форуму нужный именно вам вид. И не быть похожим на других. :smile:
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 2 months

Post #77by VEG » 24.10.2013, 12:29

Автоматизация по автоматическому портированию этих стилей на phpBBex 1.7.3 при помощи Mercurial:
1. Клонируете репозиторий phpBBex до версии 1.5.3:
Code: Select all
hg clone -r v1.5.3 https://code.google.com/p/phpbbex/ forum
2. Заменяете файлы встроенного prosilver на файлы одной из этих тем
3. В корне форума при помощи cmd выполняете команды:
Code: Select all
hg pull
hg update v1.7.1
В консоли вас будет спрашивать, что делать с изменившимися файлами картинок. Выбирайте сохранение текущих файлов (иначе картинки в новой цветовой схеме заменятся на стандартные). При возникновении конфликтов можете спрашивать здесь. Если вас что-то спросило, но вы не знаете что именно ответить — спрашивайте, сопровождая свой текст скриншотом. Поможем.
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 2 months

Post #78by румын » 05.11.2013, 05:31

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

Post #79by VEG » 05.11.2013, 11:26

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

Уже создана тема с инструкциями по самостоятельному изменению встроенного стиля Prosilver согласно своему вкусу.
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 2 months

Post #80by Румын » 06.11.2013, 06:10

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

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

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

PreviousNext

Return to Мастерская



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest