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


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

mytheme02.zip
(291.74 KiB) Downloaded 598 times


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

mytheme03.zip
(291.74 KiB) Downloaded 561 times


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

mytheme04.zip
(291.74 KiB) Downloaded 548 times


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

mytheme05.zip
(292.9 KiB) Downloaded 510 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 1 month


Post #41by nurgaf » 11.04.2013, 12:19

Я поставил плюс автору статитьи на своем сайте, из под одной из этих тем, и плюс не поставился, а со стандартной темы все окей
nurgaf M
Гуру
Avatar
Age: 20
Location: г.Челябинск
Reputation: 65
With us: 4 yaers 1 month

Post #42by VEG » 11.04.2013, 12:36

nurgaf, в phpBBex нет понятия «статья», здесь всё — сообщения в темах. Вероятно, у вас какая-то модификация для статей?
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 1 month

Post #43by nurgaf » 11.04.2013, 13:16

Ой, ну в смысле тема :biggrin:
nurgaf M
Гуру
Avatar
Age: 20
Location: г.Челябинск
Reputation: 65
With us: 4 yaers 1 month

Post #44by VEG » 11.04.2013, 13:26

JoteRuso wrote:ВНИМАНИЕ! К версии phpBBex 1.6.0 эти вариации уже не подойдут. Попозже создадим новую тему с актуальными инструкциями по изменению цветов в стандартном просильвере
С наилучшими пожеланиями, Евгений
VEG M
Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 1 month

Post #45by nurgaf » 11.04.2013, 13:31

ой, я какой то не внимательный.
Мне кажется можно просто скопировать полностью шаблон стандартный, а папки image заменять на папки из этих шаблонов.
Единственное со стилями все будет малость "Синим" (шрифты ссылки.....) но это не так страшно :weirdface: :razz: :)))
nurgaf M
Гуру
Avatar
Age: 20
Location: г.Челябинск
Reputation: 65
With us: 4 yaers 1 month

Post #46by O_C_A » 11.04.2013, 21:47

А как сделать фон не белым а прозрачным?
Вернее не как, а где вставить rgba (0,0,0,0) ???
Не так страшен русский танк, как его пьяный экипаж!
Я ЗНАЮ: HTML, CSS, PHP и много других страшных слов !
O_C_A M
Новичок
Avatar
Age: 38
Location: г. Тверь
Reputation: 3
With us: 4 yaers 1 month

Post #47by O_C_A » 14.04.2013, 21:42

Ребят ну скажите хоть что нибудь ... :cry:
Не так страшен русский танк, как его пьяный экипаж!
Я ЗНАЮ: HTML, CSS, PHP и много других страшных слов !
O_C_A M
Новичок
Avatar
Age: 38
Location: г. Тверь
Reputation: 3
With us: 4 yaers 1 month

Post #48by JoteRuso » 14.04.2013, 22:22

O_C_A,
Ищите в файлах .css вот эти строки
#wrap {
background-color: #FFFFFF;
box-shadow: 0px 0px 15px #CCCCCC;
box-sizing: border-box;
margin: 0px auto;
min-height: 100%;
padding: 0px 20px;
}
И внесите изменения в выделенный жирным шрифтом текст.

Сразу говорю - потом возникнут проблемы эстетического характера. И вы вернётесь в стандартному варианту. :wink:
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

Post #49by JoteRuso » 20.04.2013, 02:24

O_C_A, нашёл решение Вашей проблемы:
В конце приведённого выше фрагмента файла common.css
добавьте
Code: Select all
background-color: rgba(250, 250, 250, 0.5);
, где 0.5 - будет степенью НЕпрозрачности белого "тела" форума, равным 50%. Соответственно, чем меньше цифра, тем более прозрачным будет "тело" форума.

То есть, должно получиться вот так:
Code: Select all
#wrap {
background-color: #FFFFFF;
box-shadow: 0px 0px 15px #CCCCCC;
box-sizing: border-box;
margin: 0px auto;
min-height: 100%;
padding: 0px 20px;
background-color: rgba(250, 250, 250, 0.5);
}

У меня на тестовой площадке (ссылка под аватаркой) сейчас стоит значение 0.7...

Учтите, что на совсем старых браузерах эта функция не работает.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

Post #50by boofoo » 20.05.2013, 03:48

Добрый день. А можно вот такой цветовой стиль сделать? :pray:
Не нравится мне когда все раскрашено,люблю простоту :hi:
ScreenShot 1317 20.05.13 03-44-49.gif
boofoo
Бывалый
Reputation: 15
With us: 4 yaers

Post #51by JoteRuso » 20.05.2013, 09:41

boofoo wrote:А можно вот такой цветовой стиль сделать?
Конечно, можно. Вот здесь Вы найдёте все необходимые инструкции, как это сделать.
Сложного в этом ничего нет.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

Post #52by Sumanai » 20.05.2013, 16:49

JoteRuso wrote:Конечно, можно. Вот здесь Вы найдёте все необходимые инструкции, как это сделать.
Сложного в этом ничего нет.

На том форуме довольно таки сильно переделана разметка, а стили вообще написаны с нуля. Простыми инструкциями тут не обойтись. Можно сделать отдалённо похожее, или пойти на тот форум и попросить поделиться изменениями :smile:
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1562
With us: 4 yaers 4 months

Post #53by JoteRuso » 20.05.2013, 17:15

Sumanai, речь шла именно о цветовом стиле. А для таких изменений (цветов) вполне достаточно простых действий, доступных в тех самых инструкциях.
Речи о переделке шаблонов тут, вроде как, не было )))
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

Post #54by boofoo » 20.05.2013, 17:30

Не отказался бы от такова шаблона :smile:
Вот пытаюсь что то похожее соорудить,так то я вообще не разбираюсь во всем этом,только вчера идея пришла форум создать.
Не подскажите как контуры такие же как вверху блока, сделать по бокам,и с низу блока?
Рисунки есть с контурами,а вот куда и что прописывать не знаю. Без контуров совсем некрасиво.
ScreenShot 1319 20.05.13 17-23-53.gif


Added after 29 minutes 35 seconds:
Собственно получилось,вот так,только как то не так красиво :smile:
Наверно не хватает тени что ли,как тень блоку сделать?)
ScreenShot 1320 20.05.13 17-57-37.gif


Added after 8 minutes 23 seconds:
Снимаю вопрос по тени,получилось вроде :smile:
ScreenShot 1321 20.05.13 18-06-26.gif
boofoo
Бывалый
Reputation: 15
With us: 4 yaers

Post #55by JoteRuso » 20.05.2013, 18:32

boofoo, Что называется: Пришёл, увидел, победил. :clap:
Молодец.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

Post #56by Sumanai » 20.05.2013, 18:42

boofoo wrote:Снимаю вопрос по тени,получилось вроде :smile:

Скругления надо переделать и будет вообще отлично.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1562
With us: 4 yaers 4 months

Post #57by boofoo » 20.05.2013, 19:07

Спасибо :smile:
Подскажите как правильно заменить кнопки "новая тема" "ответить" и т.д.
Прошлый раз пробовал заменить,но ничего не вышло,кнопки просто пропали,и не смог восстановить,пришлось все переустанавливать.
Я так думаю дело в том, что стандартные кнопки анимированые,а я пытался подменить на обычные.
boofoo
Бывалый
Reputation: 15
With us: 4 yaers

Post #58by Sumanai » 20.05.2013, 19:14

boofoo wrote:Подскажите как правильно заменить кнопки "новая тема" "ответить" и т.д.

На такие же. То есть надо рисовать две кнопки и расположить друг над другом.
Проще всего отрыть в редакторе текущие и делать по аналогии. Не ошибётесь.

boofoo wrote:Я так думаю дело в том, что стандартные кнопки анимированые,

Никакой анимации. Просто одна картинка, которая сдвигается при наведении мыши.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1562
With us: 4 yaers 4 months

Post #59by boofoo » 20.05.2013, 20:41

Спасибо все вышло. Вставил черные кнопки :smile:
Извиняюсь может я через чур навязчивый,не поможете еще с вопросами.
1. Где можно сменить цвет текста и блока,розовый как бы не по теме.
2.Как сделать область профиля и сообщения,градиентом как я делал шапку?
ScreenShot 1323 20.05.13 20-36-51.gif
boofoo
Бывалый
Reputation: 15
With us: 4 yaers

Post #60by JoteRuso » 20.05.2013, 22:42

boofoo wrote:1. Где можно сменить цвет текста и блока,розовый как бы не по теме.
файл colours.css
строка 221
Code: Select all
div.rules {
   background-color: #ECD5D8;
   color: #BC2A4D;
}
первое - цвет фона
второе - цвет шрифта.

boofoo wrote:2.Как сделать область профиля и сообщения,градиентом как я делал шапку?
Не знаю. Градиент в качестве фона для сообщений или минипрофиля - не пробовал.

Added after 5 minutes 30 seconds:
Но можете попробовать сделать это по аналогии с этим.
JoteRuso M
Topic author, Гуру
Avatar
Location: Москва, Россия
Reputation: 534
With us: 5 years 1 month

PreviousNext

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



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest