Цветовые вариации стиля 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 754 times


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

mytheme02.zip
(291.74 KiB) Downloaded 590 times


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

mytheme03.zip
(291.74 KiB) Downloaded 552 times


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

mytheme04.zip
(291.74 KiB) Downloaded 541 times


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

mytheme05.zip
(292.9 KiB) Downloaded 504 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: 535
With us: 5 years


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: 3 yaers 11 months

Post #62by JoteRuso » 20.05.2013, 23:34

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

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 5809 times

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


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




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

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: 535
With us: 5 years

Post #65by boofoo » 21.05.2013, 15:58

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

Post #66by JoteRuso » 21.05.2013, 16:08

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

Post #67by boofoo » 21.05.2013, 16:16

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

Post #68by JoteRuso » 21.05.2013, 16:45

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

Post #69by boofoo » 21.05.2013, 19:56

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

Post #70by JoteRuso » 21.05.2013, 21:03

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

Post #71by boofoo » 23.05.2013, 14:40

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

Post #72by HD321kbps » 23.05.2013, 15:22

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

Post #73by Sumanai » 23.05.2013, 15:23

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

Post #74by JoteRuso » 24.05.2013, 12:15

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


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

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

Post #75by Mirus » 06.10.2013, 13:07

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

Post #76by JoteRuso » 06.10.2013, 13:11

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

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: 1609
With us: 5 years

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: 1609
With us: 5 years

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

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

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

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

PreviousNext

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

Quick reply


Enter the code exactly as it appears. All letters are case insensitive.
Confirmation code
:hi: :smile: :wink: :twisted: :sad: :evil: :smoke: :eh: :eek: :fie: :silenced: :razz: :oops: :help: :spy: :insane: :biggrin: :toothless: :ill: :nervious: :weirdface: :pray: :clap: :think: :boxing: :cyclop: :rambo: :zombie: :cry: View more smilies

   

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