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

**JoteRuso** » 18.10.2012, 23:08

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

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

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

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

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

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

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

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

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

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

Важно!!!
Если вы уже внесли какие-то изменения в установленный по умолчанию стиль "prosilver" (например, заменили шапку форума на свой рисунок), Вам придётся проделать то же самое (если вы, конечно, хотите продолжать видеть свою новую шапку) и в файлах нового стиля.

**nurgaf** » 11.04.2013, 12:19

Я поставил плюс автору статитьи на своем сайте, из под одной из этих тем, и плюс не поставился, а со стандартной темы все окей

**VEG** » 11.04.2013, 12:36

nurgaf, в phpBBex нет понятия «статья», здесь всё — сообщения в темах. Вероятно, у вас какая-то модификация для статей?

**nurgaf** » 11.04.2013, 13:16

Ой, ну в смысле тема :biggrin:

**VEG** » 11.04.2013, 13:26

JoteRuso:ВНИМАНИЕ! К версии phpBBex 1.6.0 эти вариации уже не подойдут. Попозже создадим новую тему с актуальными инструкциями по изменению цветов в стандартном просильвере

**nurgaf** » 11.04.2013, 13:31

ой, я какой то не внимательный.
Мне кажется можно просто скопировать полностью шаблон стандартный, а папки image заменять на папки из этих шаблонов.
Единственное со стилями все будет малость "Синим" (шрифты ссылки.....) но это не так страшно :weirdface:

:)))

**O_C_A** » 11.04.2013, 21:47

А как сделать фон не белым а прозрачным?
Вернее не как, а где вставить rgba (0,0,0,0) ???

**O_C_A** » 14.04.2013, 21:42

Ребят ну скажите хоть что нибудь ... :cry:

**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** » 20.04.2013, 02:24

O_C_A, нашёл решение Вашей проблемы:
В конце приведённого выше фрагмента файла common.css
добавьте

Код: Выделить всё: background-color: rgba(250, 250, 250, 0.5);

, где 0.5 - будет степенью НЕпрозрачности белого "тела" форума, равным 50%. Соответственно, чем меньше цифра, тем более прозрачным будет "тело" форума.

То есть, должно получиться вот так:

Код: Выделить всё: #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...

Учтите, что на совсем старых браузерах эта функция не работает.

**boofoo** » 20.05.2013, 03:48

Добрый день. А можно вот такой цветовой стиль сделать? :pray:

Не нравится мне когда все раскрашено,люблю простоту :hi:

**JoteRuso** » 20.05.2013, 09:41

boofoo:А можно вот такой цветовой стиль сделать?

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

**Sumanai** » 20.05.2013, 16:49

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

На том форуме довольно таки сильно переделана разметка, а стили вообще написаны с нуля. Простыми инструкциями тут не обойтись. Можно сделать отдалённо похожее, или пойти на тот форум и попросить поделиться изменениями :smile:

**JoteRuso** » 20.05.2013, 17:15

Sumanai, речь шла именно о цветовом стиле. А для таких изменений (цветов) вполне достаточно простых действий, доступных в тех самых инструкциях.
Речи о переделке шаблонов тут, вроде как, не было )))

**boofoo** » 20.05.2013, 17:30

Не отказался бы от такова шаблона :smile:

Вот пытаюсь что то похожее соорудить,так то я вообще не разбираюсь во всем этом,только вчера идея пришла форум создать.
Не подскажите как контуры такие же как вверху блока, сделать по бокам,и с низу блока?
Рисунки есть с контурами,а вот куда и что прописывать не знаю. Без контуров совсем некрасиво.

Добавлено спустя 29 минут 35 секунд:
Собственно получилось,вот так,только как то не так красиво :smile:

Наверно не хватает тени что ли,как тень блоку сделать?)

Добавлено спустя 8 минут 23 секунды:
Снимаю вопрос по тени,получилось вроде :smile:

**JoteRuso** » 20.05.2013, 18:32

boofoo, Что называется: Пришёл, увидел, победил. :clap:

Молодец.

**Sumanai** » 20.05.2013, 18:42

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

Скругления надо переделать и будет вообще отлично.

**boofoo** » 20.05.2013, 19:07

Спасибо

Подскажите как правильно заменить кнопки "новая тема" "ответить" и т.д.
Прошлый раз пробовал заменить,но ничего не вышло,кнопки просто пропали,и не смог восстановить,пришлось все переустанавливать.
Я так думаю дело в том, что стандартные кнопки анимированые,а я пытался подменить на обычные.

**Sumanai** » 20.05.2013, 19:14

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

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

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

Никакой анимации. Просто одна картинка, которая сдвигается при наведении мыши.

**boofoo** » 20.05.2013, 20:41

Спасибо все вышло. Вставил черные кнопки :smile:

Извиняюсь может я через чур навязчивый,не поможете еще с вопросами.
1. Где можно сменить цвет текста и блока,розовый как бы не по теме.
2.Как сделать область профиля и сообщения,градиентом как я делал шапку?

**JoteRuso** » 20.05.2013, 22:42

boofoo:1. Где можно сменить цвет текста и блока,розовый как бы не по теме.

файл colours.css
строка 221

Код: Выделить всё: div.rules { background-color: #ECD5D8; color: #BC2A4D; }

первое - цвет фона
второе - цвет шрифта.

boofoo:2.Как сделать область профиля и сообщения,градиентом как я делал шапку?

Не знаю. Градиент в качестве фона для сообщений или минипрофиля - не пробовал.

Добавлено спустя 5 минут 30 секунд:
Но можете попробовать сделать это по аналогии с этим.