Цветовые вариации стиля 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 КБ) Скачиваний: 1470


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

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


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

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


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

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


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

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


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

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


Сообщение #41 nurgaf » 11.04.2013, 12:19

Я поставил плюс автору статитьи на своем сайте, из под одной из этих тем, и плюс не поставился, а со стандартной темы все окей
nurgaf M
Аватара
Откуда: г.Челябинск
Репутация: 65
С нами: 10 лет 11 месяцев

Сообщение #42 VEG » 11.04.2013, 12:36

nurgaf, в phpBBex нет понятия «статья», здесь всё — сообщения в темах. Вероятно, у вас какая-то модификация для статей?
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #43 nurgaf » 11.04.2013, 13:16

Ой, ну в смысле тема :biggrin:
nurgaf M
Аватара
Откуда: г.Челябинск
Репутация: 65
С нами: 10 лет 11 месяцев

Сообщение #44 VEG » 11.04.2013, 13:26

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

Сообщение #45 nurgaf » 11.04.2013, 13:31

ой, я какой то не внимательный.
Мне кажется можно просто скопировать полностью шаблон стандартный, а папки image заменять на папки из этих шаблонов.
Единственное со стилями все будет малость "Синим" (шрифты ссылки.....) но это не так страшно :weirdface: :razz: :)))
nurgaf M
Аватара
Откуда: г.Челябинск
Репутация: 65
С нами: 10 лет 11 месяцев

Сообщение #46 O_C_A » 11.04.2013, 21:47

А как сделать фон не белым а прозрачным?
Вернее не как, а где вставить rgba (0,0,0,0) ???
O_C_A M
Аватара
Откуда: г. Тверь
Репутация: 3
С нами: 10 лет 11 месяцев

Сообщение #47 O_C_A » 14.04.2013, 21:42

Ребят ну скажите хоть что нибудь ... :cry:
O_C_A M
Аватара
Откуда: г. Тверь
Репутация: 3
С нами: 10 лет 11 месяцев

Сообщение #48 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
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #49 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...

Учтите, что на совсем старых браузерах эта функция не работает.
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #50 boofoo » 20.05.2013, 03:48

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

Сообщение #51 JoteRuso » 20.05.2013, 09:41

boofoo:А можно вот такой цветовой стиль сделать?
Конечно, можно. Вот здесь Вы найдёте все необходимые инструкции, как это сделать.
Сложного в этом ничего нет.
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #52 Sumanai » 20.05.2013, 16:49

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

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

Сообщение #53 JoteRuso » 20.05.2013, 17:15

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

Сообщение #54 boofoo » 20.05.2013, 17:30

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


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


Добавлено спустя 8 минут 23 секунды:
Снимаю вопрос по тени,получилось вроде :smile:
ScreenShot 1321 20.05.13 18-06-26.gif
boofoo
Репутация: 15
С нами: 10 лет 10 месяцев

Сообщение #55 JoteRuso » 20.05.2013, 18:32

boofoo, Что называется: Пришёл, увидел, победил. :clap:
Молодец.
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Сообщение #56 Sumanai » 20.05.2013, 18:42

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

Скругления надо переделать и будет вообще отлично.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #57 boofoo » 20.05.2013, 19:07

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

Сообщение #58 Sumanai » 20.05.2013, 19:14

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

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

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

Никакой анимации. Просто одна картинка, которая сдвигается при наведении мыши.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #59 boofoo » 20.05.2013, 20:41

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

Сообщение #60 JoteRuso » 20.05.2013, 22:42

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

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

Добавлено спустя 5 минут 30 секунд:
Но можете попробовать сделать это по аналогии с этим.
JoteRuso M
Автор темы
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 11 месяцев

Пред.След.

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