Создаём свой собственный стиль для phpBBex на основе встроенного Prosilver

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

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

Сообщение #121 Lucy » 25.12.2013, 13:33

Подскажите, как в шапку форума поставить анимашку (swf файл) вместо картинки?
Lucy
Репутация: 0
С нами: 10 лет 11 месяцев

Сообщение #122 Sumanai » 25.12.2013, 15:38

В качестве логотипа?
Открываете \styles\prosilver\template\overall_header.html, ищите
<!-- IF SITE_LOGO_IMG --><a href="{U_INDEX}" title="{SITENAME}<!-- IF SITE_DESCRIPTION --> - {SITE_DESCRIPTION}<!-- ENDIF -->" id="logo">{SITE_LOGO_IMG}</a><!-- ENDIF -->
И меняете на что вам там нужно. Но именно swf использовать не советую- флеш плеер далеко не у всех стоит.
Если нужна анимация, используйте GIF, он работает везде.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #123 Lucy » 25.12.2013, 16:31

В шапке вместо этого можно поставить swf?
.headerbar {
background-color: #947886;
background-image: url("{T_THEME_PATH}/images/1zima.jpg");
color: #FFFFFF;
Lucy
Репутация: 0
С нами: 10 лет 11 месяцев

Сообщение #124 Sumanai » 25.12.2013, 16:48

То есть вы хотите вместо снежинок?
Нет, так нельзя вставлять. Для флеша есть элемент embed, который нужно вставлять в разметку.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #125 WolfGeeN » 29.12.2013, 15:44

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

Что есть сейчас - http://f6.s.qip.ru/95nqP4yK.jpg

А что хотелось бы получить (диз на прошлом форуме) - http://f6.s.qip.ru/95nqP4yI.jpg
Или тут лучше видно положение шапки - http://f6.s.qip.ru/95nqP4yJ.jpg

Пыталась увеличить шапку, но она оставалась на месте, лишь уезжала вправо, создавая горизонтальный скроллинг. А хотелось бы сделать ее немного больше, что бы слить ее визуально с фоновой рамкой по бокам. Подскажите что надо править, если это реально :help:
WolfGeeN F
Аватара
Репутация: 113
С нами: 10 лет 10 месяцев

Сообщение #126 Sumanai » 29.12.2013, 16:59

Если у вас фиксированный макет, то можно подвинуть влево отрицательным маргином: margin-left: -25px;
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #127 WolfGeeN » 29.12.2013, 17:23

Sumanai, спасибо! Да фиксированный, сейчас попробую.

Добавлено спустя 42 минуты:
Sumanai, Все получилось. Еще раз спасибо!

Вот только отчего-то верстка в ИЕ и на планшете выглядит одинаково поехавшей.

В Хроме и Файерфоксе выглядит нормально

2013-12-29_185953.jpg



2013-12-29_185933.jpg
WolfGeeN F
Аватара
Репутация: 113
С нами: 10 лет 10 месяцев

Сообщение #128 Sumanai » 29.12.2013, 18:19

WolfGeeN:Вот только отчего-то верстка в ИЕ и на планшете выглядит одинаково поехавшей.

Похоже на кеш, жмите Ctrl+F5. На планшете даже не знаю, но тоже нужно сбросить кеш, перезагрузкой к примеру.

Добавлено спустя 2 минуты 7 секунд:
Сейчас проверил в ИЕ8- всё в порядке.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #129 WolfGeeN » 29.12.2013, 18:25

Sumanai:Похоже на кеш, жмите Ctrl+F5.
Отчасти помогло- убрало повтор фона и шапки. Но вот блок форума по-прежнему выезжает за пределы, что в ИЕ, что на планшете.

http://wnvrn.net/HOST/images/2013/12/29/PCt8Z.jpg

Добавлено спустя 1 минуту 54 секунды:
Sumanai:Сейчас проверил в ИЕ8- всё в порядке.
Возможно браузер устарел, я им не пользуюсь. Да и вообще ИЕ редко кто пользуется, так что не принципиально. А вот с планшетов многие заходят. Хотя опять-таки, возможно дело конкретно в моем планшете, а точнее в браузере на нем. Попрошу форумчан скриншоты прислать, посмотрю как у них форум отображается.
Спасибо за помощь.
WolfGeeN F
Аватара
Репутация: 113
С нами: 10 лет 10 месяцев

Сообщение #130 Sumanai » 29.12.2013, 18:37

WolfGeeN:Хотя опять-таки, возможно дело конкретно в моем планшете, а точнее в браузере на нем

Наверное. Проверил с телефона на андроиде, всё нормально, кроме того, что тело форума заканчивается раньше на где- то 5px справа.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #131 Dr.Freeman » 04.01.2014, 15:48

Подскажите, где описан весь Хеадер, хотелось бы втиснуть в него и Авторизацию и Случайные картинки.
Dr.Freeman M
Откуда: Nord-West
Репутация: 2
С нами: 10 лет 11 месяцев

Сообщение #132 HD321kbps » 04.01.2014, 17:14

выше написано было
phpBBex\styles\prosilver\template\overall_header.html
HD321kbps M
Аватара
Откуда: Армянск
Репутация: 376
С нами: 11 лет 8 месяцев

Сообщение #133 vladlug » 10.01.2014, 02:10

Вот уже третий день ни как не могу понять где меняется цвет неактивных пунктов то есть "общие настройки" и так далее из рисунка понятно где идет разнобой, и еще у меня есть чуйка, что изменения пунктов Обзор в одном месте, а в пункте общие настройки в другом.
Плиз укажите где меняются данные параметры.
Вложения
ask_color.png
vladlug M
Репутация: 1
С нами: 10 лет 10 месяцев

Сообщение #134 Sumanai » 10.01.2014, 05:04

Эти пункты нарисованы фоновыми картинками, которые сохранены в dataURL.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #135 vladlug » 10.01.2014, 11:16

Sumanai:Эти пункты нарисованы фоновыми картинками, которые сохранены в dataURL
А могли бы вы точнее указать где это какие стили где эти рисунки, и главное как их изменить. Какой редактор используется для изменения этих dataURL
vladlug M
Репутация: 1
С нами: 10 лет 10 месяцев

Сообщение #136 VEG » 10.01.2014, 14:08

На dataurl.net вы можете генерировать такие строки. Преобразовывать из data URL обратно в файл можно средствами самого браузера. Просто копируете строку data: до конца, вставляете в адресную строку, сохраняете то, что отобразит браузер, в файл. Используется эта технология для того, чтобы уменьшить количество обращений к серверу при первом заходе на сайт.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #137 vladlug » 10.01.2014, 15:40

VEG:На dataurl.net вы можете генерировать такие строки.
Спасибо посмотрел все там понятно.

А вот где контретно хоть в каком .css исскать эти DataUDL их достаточно много разбросано по тексту файлов укажите хоть их приблизительное название (месторасположение) не знаю как правильнее сказать. Что то инспектирование элементов меня не надовить на мысль.
vladlug M
Репутация: 1
С нами: 10 лет 10 месяцев

Сообщение #138 Sumanai » 10.01.2014, 15:47

vladlug:Что то инспектирование элементов меня не надовить на мысль.

Да ладно?
Изображение
Берём и ищем по файлам стилей, например, тоталом.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #139 vladlug » 14.01.2014, 01:51

Sumanai:Берём и ищем по файлам стилей, например, тоталом.
Спасибо отвечаете вы быстро, но как то малоинформативно (не основательно вроде как бы и правильный ответ и придраться не к чему, а ясности не вносит, хотя я и сам этим грешу). Я конечно и сам уже догадался в каком файле, но пользователям обычным было полезно узнать где именно искать.
Хотя вы можете возразить типа мы даем удочку, а не рыбку тут крыть мне не чем.

И искать надо в блоке наименованном
/* CP tabbed menu
----------------------------------------*/
в файле colours.css

ps Конечно уменьшилось количество запросов к серверу, но создавать свой стиль становится сложнее.
И еще хотелось бы в папке contrib иметь исходные файлы фонов, обычно в хороших стилях есть все, чтобы помочь сделать новый стиль.
vladlug M
Репутация: 1
С нами: 10 лет 10 месяцев

Сообщение #140 Sumanai » 14.01.2014, 05:19

vladlug:Хотя вы можете возразить типа мы даем удочку, а не рыбку тут крыть мне не чем.

Ага, так и делаем :smile:

vladlug:И искать надо в блоке наименованном

По файлу тоже есть поиск в любом достойном блокноте. Я забиваю в поиск селектор, поэтому даже не знаю, какие там блоки.
Вообще, поиск продлевает жизнь :smile:

vladlug:Конечно уменьшилось количество запросов к серверу, но создавать свой стиль становится сложнее.

Немногим.

vladlug:И еще хотелось бы в папке contrib иметь исходные файлы фонов, обычно в хороших стилях есть все, чтобы помочь сделать новый стиль.

Если кто- то знает про DataUDL, то ему не составит труда получить картинку из кодированного значения, а если не знает, то он всё равно не поймёт, куда эту картинку поставить после изменения.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Пред.След.

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



cron