[Общая тема]HTML - CSS - Графика форума: где что править ???

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

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Закрыто
Аватара пользователя
Monk
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 10 лет 4 месяца
Откуда: Курган
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Monk »

Прошу помочь мне, как начинающему администратору phpBB, в следующем:
необходимо установить шапку форума такого формата

Уточню: необходимо, чтобы данная картинка заполонила всю верхнюю часть форума и была вместо стандартной шапки.

Если можно, поподробнее что и как нужно сделать. Спасибо.
#1621
Аватара пользователя
Woolf
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 91
Стаж: 11 лет 4 месяца
Откуда: Moscow, Zelenograd
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Woolf »

DeaDRoMeO писал(а):NOTEPAD++ !!
Блокнот и Нотепад это не одно и тоже?
#1622
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

Блокнотов фигова туча существует, если вы пользуетесь стандартным виндовым блокнотом - это беда
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1623
Аватара пользователя
Atlas
Свой на все 100
Свой на все 100
Сообщения: 669
Стаж: 11 лет 7 месяцев
Откуда: Санкт-Петербург

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Atlas »

Monk писал(а):Прошу помочь мне, как начинающему администратору phpBB, в следующем:необходимо установить шапку форума такого форматаУточню: необходимо, чтобы данная картинка заполонила всю верхнюю часть форума и была вместо стандартной шапки.
Залейте шапку в theme/images, потом в ксс класс headerbar добавьте фон - вашу картинку. Если был другой фон - замените (а вроде был). Путь относительный (там посмотрите, если фон был - то просто его название на нужное меняете, путь как раз к этой папке).
Потом - ставите фиксированную высоту шапки, и желательно, фиксированную ширину всего форума (класс в ксс - wrap).
Потом можете снести логотип сайта и надписи (это в шаблоне оверал_хедер).
Если у вас просильвер - должно сработать.

Ксс надо редактировать comon.css и colours.css
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
#1624
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

Monk, прошляпил ваше сообщение, учтите вот что - шапка у вас единой картинкой выполнена, не думали о том, как будет она выглядеть у тех, у кого монитор не высокого разрешения ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1625
Аватара пользователя
Woolf
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 91
Стаж: 11 лет 4 месяца
Откуда: Moscow, Zelenograd
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Woolf »

Где скачать нужный нотепад?
#1626
Аватара пользователя
Atlas
Свой на все 100
Свой на все 100
Сообщения: 669
Стаж: 11 лет 7 месяцев
Откуда: Санкт-Петербург

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Atlas »

скачать можно тут
При установке только дополнительные компоненты поставьте, там русский язык спрятан, поищите))
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
#1627
Аватара пользователя
Monk
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 10 лет 4 месяца
Откуда: Курган
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Monk »

Atlas, прошу прощения, картинку загрузил куда Вы сказали, а где найти "ксс класс headerbar"?
DeaDRoMeO, а можно сделать, чтобы шапка подгонялась в зависимости от разрешения монитора, как например, на этом ресурсе (не сочтите за рекламу, для примера привёл, ибо хочу разобраться).
#1628
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

Monk, ну там картинке присвоен такой класс

Код: Выделить всё

img.topImg {
width: 100%!important;
height: 125px!important;
height: auto!important;
-ms-interpolation-mode: bicubic;
}
Значит и вашему лого надо такой присвоить
Monk писал(а): а где найти "ксс класс headerbar"?
Ну как где, в CSS файлах используемого стиля
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1629
Аватара пользователя
Monk
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 10 лет 4 месяца
Откуда: Курган
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Monk »

У меня в "public_html/styles/prosilver/theme" вообще среди файлов с расширение CSS нет "headerbar", близкий по смыслу только "content.css". Вот, там есть блок, который содержит строки "header". Это случайно не то, что мне нужно?

Вот:

Код: Выделить всё

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
#1630
Аватара пользователя
Atlas
Свой на все 100
Свой на все 100
Сообщения: 669
Стаж: 11 лет 7 месяцев
Откуда: Санкт-Петербург

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Atlas »

Monk, классы прописываются в ксс файлах, сам файл называется либо common.css и colours.css (если просильвер).

Выглядит у меня так:

Код: Выделить всё

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 0 20px;
	border-radius:7px;
	border: 3px double #C4F4FF;
}
Это в файле коммон.ксс
В колорс.ксс:

Код: Выделить всё

.headerbar {
	background-color: #12A3EB;
	height: 200px;
	color: #FFFFFF;
}
То есть, во втором файле почти ничего нет, можно только в одном сделать всё.

У вас надо такое примерно добавить:

Код: Выделить всё

	background-image: url("{T_THEME_PATH}/images/haed.jpg");
это путь к картинке, название не забудьте на сво` заменить))

Код: Выделить всё

height: 200px;
тут высота шапки, лично у меня она автоматически не прописывалась и изменяться под картинку не хотела)) Тоже не забудьте поставить по высоту своей картинки

Больше ничего вроде не надо, но можете прописать повторение, границы вокруг шанки, и скруглённый ксс углы (если надо))

И ещё вам надо поставить фиксированную ширину всего форума, иначе картинка либо будет растягиваться, либо плохо смотреться.
Я сделал так:

Код: Выделить всё

#wrap {
	padding: 0 20px;
	width: 1100px; // - вот тут ставите нужную ширину, можно под ширину картинки в шапке.
	margin: 0px auto;
	
}

Вариант 2:
не ставить фиксированную ширину форума, но сделать выравнивание картинки шапки по центру, а с краёв - подкрасить, чтобы был плавный переход. Переход лучше сделать прозрачным, тогда картинка будет в формате .png или .gif . тогда просто меняете минимальную ширину форума под размер картинки в шапке, и она будет неплохо смотреться и на больших разрешениях.

Но, не стоит забывать:
DeaDRoMeO писал(а):Monk, прошляпил ваше сообщение, учтите вот что - шапка у вас единой картинкой выполнена, не думали о том, как будет она выглядеть у тех, у кого монитор не высокого разрешения ?
Если стиль на субсильвере, то вроде бы нужен файл не common.css a stylesheet.css
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
#1631
Аватара пользователя
Monk
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 10 лет 4 месяца
Откуда: Курган
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Monk »

Почему-то я заменил вот эту строку:

Код: Выделить всё

background-image: url("{T_THEME_PATH}/images/haed.jpg");
... указав название загруженной шапки, но ничего не получилось.
#1632
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

А форумные кеши чистились ??
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1633
Аватара пользователя
Monk
Заглянул на огонек
Заглянул на огонек
Сообщения: 5
Стаж: 10 лет 4 месяца
Откуда: Курган
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Monk »

DeaDRoMeO писал(а):А форумные кеши чистились ??
Вы имеете ввиду "Удалить cookies форума"?
Только что сделал - всё равно никаких изменений. Через 2 разных браузера посмотрел.
#1634
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

Нет, админка Общие - Очистить кеш + вкладка Стили
1. Шаблоны - напротив вашего стиля Очистить кеш
2. Темы - так же
3. Наборы изображений - так же
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1635
Аватара пользователя
Atlas
Свой на все 100
Свой на все 100
Сообщения: 669
Стаж: 11 лет 7 месяцев
Откуда: Санкт-Петербург

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Atlas »

Ну, теперь и мне черёд стал вопросы задавать))Как сделать, чтобы ссылки внизу форума были как кнопки, т.к. иначе они не видны...

Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
#1636
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

Atlas, а класс присвоить не думали??)) Да и вообще, вы же хотите сделать кнопки как в стиле вашем ? Смотрите как кнопка прописывается и аналогично делаете для ссылок в футере
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1637
Аватара пользователя
Woolf
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 91
Стаж: 11 лет 4 месяца
Откуда: Moscow, Zelenograd
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Woolf »

Как сделать чтоб в Сообщении можно было использовать таблицу?
#1638
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1639
Аватара пользователя
Amatue
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 65
Стаж: 10 лет 4 месяца
Откуда: Пенза
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение Amatue »

Где вот можно убрать ссылки в меню справа? Там некоторые дублируются а некоторые совсем не нужны.
#1640
Закрыто