[Общая тема]HTML - CSS - Графика форума: где что править ???
Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas
Правила форума
----
----
[Общая тема]HTML - CSS - Графика форума: где что править ???
Прошу помочь мне, как начинающему администратору phpBB, в следующем:
необходимо установить шапку форума такого формата
Уточню: необходимо, чтобы данная картинка заполонила всю верхнюю часть форума и была вместо стандартной шапки.
Если можно, поподробнее что и как нужно сделать. Спасибо.
необходимо установить шапку форума такого формата
Уточню: необходимо, чтобы данная картинка заполонила всю верхнюю часть форума и была вместо стандартной шапки.
Если можно, поподробнее что и как нужно сделать. Спасибо.
- Woolf
- Зашел немного посидеть
- Сообщения: 91
- Стаж: 11 лет 5 месяцев
- Откуда: Moscow, Zelenograd
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Блокнот и Нотепад это не одно и тоже?DeaDRoMeO писал(а):NOTEPAD++ !!
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Блокнотов фигова туча существует, если вы пользуетесь стандартным виндовым блокнотом - это беда
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
[Общая тема]HTML - CSS - Графика форума: где что править ???
Залейте шапку в theme/images, потом в ксс класс headerbar добавьте фон - вашу картинку. Если был другой фон - замените (а вроде был). Путь относительный (там посмотрите, если фон был - то просто его название на нужное меняете, путь как раз к этой папке).Monk писал(а):Прошу помочь мне, как начинающему администратору phpBB, в следующем:необходимо установить шапку форума такого форматаУточню: необходимо, чтобы данная картинка заполонила всю верхнюю часть форума и была вместо стандартной шапки.
Потом - ставите фиксированную высоту шапки, и желательно, фиксированную ширину всего форума (класс в ксс - wrap).
Потом можете снести логотип сайта и надписи (это в шаблоне оверал_хедер).
Если у вас просильвер - должно сработать.
Ксс надо редактировать comon.css и colours.css
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Monk, прошляпил ваше сообщение, учтите вот что - шапка у вас единой картинкой выполнена, не думали о том, как будет она выглядеть у тех, у кого монитор не высокого разрешения ?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- Woolf
- Зашел немного посидеть
- Сообщения: 91
- Стаж: 11 лет 5 месяцев
- Откуда: Moscow, Zelenograd
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Где скачать нужный нотепад?
[Общая тема]HTML - CSS - Графика форума: где что править ???
скачать можно тут
При установке только дополнительные компоненты поставьте, там русский язык спрятан, поищите))
При установке только дополнительные компоненты поставьте, там русский язык спрятан, поищите))
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
[Общая тема]HTML - CSS - Графика форума: где что править ???
Atlas, прошу прощения, картинку загрузил куда Вы сказали, а где найти "ксс класс headerbar"?
DeaDRoMeO, а можно сделать, чтобы шапка подгонялась в зависимости от разрешения монитора, как например, на этом ресурсе (не сочтите за рекламу, для примера привёл, ибо хочу разобраться).
DeaDRoMeO, а можно сделать, чтобы шапка подгонялась в зависимости от разрешения монитора, как например, на этом ресурсе (не сочтите за рекламу, для примера привёл, ибо хочу разобраться).
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Monk, ну там картинке присвоен такой класс
Значит и вашему лого надо такой присвоить
Код: Выделить всё
img.topImg {
width: 100%!important;
height: 125px!important;
height: auto!important;
-ms-interpolation-mode: bicubic;
}
Ну как где, в CSS файлах используемого стиляMonk писал(а): а где найти "ксс класс headerbar"?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
[Общая тема]HTML - CSS - Графика форума: где что править ???
У меня в "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;
[Общая тема]HTML - CSS - Графика форума: где что править ???
Monk, классы прописываются в ксс файлах, сам файл называется либо common.css и colours.css (если просильвер).
Выглядит у меня так:
Это в файле коммон.ксс
В колорс.ксс:
То есть, во втором файле почти ничего нет, можно только в одном сделать всё.
У вас надо такое примерно добавить:
это путь к картинке, название не забудьте на сво` заменить))
тут высота шапки, лично у меня она автоматически не прописывалась и изменяться под картинку не хотела)) Тоже не забудьте поставить по высоту своей картинки
Больше ничего вроде не надо, но можете прописать повторение, границы вокруг шанки, и скруглённый ксс углы (если надо))
И ещё вам надо поставить фиксированную ширину всего форума, иначе картинка либо будет растягиваться, либо плохо смотреться.
Я сделал так:
Вариант 2:
не ставить фиксированную ширину форума, но сделать выравнивание картинки шапки по центру, а с краёв - подкрасить, чтобы был плавный переход. Переход лучше сделать прозрачным, тогда картинка будет в формате .png или .gif . тогда просто меняете минимальную ширину форума под размер картинки в шапке, и она будет неплохо смотреться и на больших разрешениях.
Но, не стоит забывать:
Выглядит у меня так:
Код: Выделить всё
.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 . тогда просто меняете минимальную ширину форума под размер картинки в шапке, и она будет неплохо смотреться и на больших разрешениях.
Но, не стоит забывать:
Если стиль на субсильвере, то вроде бы нужен файл не common.css a stylesheet.cssDeaDRoMeO писал(а):Monk, прошляпил ваше сообщение, учтите вот что - шапка у вас единой картинкой выполнена, не думали о том, как будет она выглядеть у тех, у кого монитор не высокого разрешения ?
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
[Общая тема]HTML - CSS - Графика форума: где что править ???
Почему-то я заменил вот эту строку:
... указав название загруженной шапки, но ничего не получилось.
Код: Выделить всё
background-image: url("{T_THEME_PATH}/images/haed.jpg");
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
А форумные кеши чистились ??
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
[Общая тема]HTML - CSS - Графика форума: где что править ???
Вы имеете ввиду "Удалить cookies форума"?DeaDRoMeO писал(а):А форумные кеши чистились ??
Только что сделал - всё равно никаких изменений. Через 2 разных браузера посмотрел.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Нет, админка Общие - Очистить кеш + вкладка Стили
1. Шаблоны - напротив вашего стиля Очистить кеш
2. Темы - так же
3. Наборы изображений - так же
1. Шаблоны - напротив вашего стиля Очистить кеш
2. Темы - так же
3. Наборы изображений - так же
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
[Общая тема]HTML - CSS - Графика форума: где что править ???
Ну, теперь и мне черёд стал вопросы задавать))Как сделать, чтобы ссылки внизу форума были как кнопки, т.к. иначе они не видны...
Перед тем, как следовать моим советам, сделайте полный бекап форума!=)))
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Atlas, а класс присвоить не думали??)) Да и вообще, вы же хотите сделать кнопки как в стиле вашем ? Смотрите как кнопка прописывается и аналогично делаете для ссылок в футере
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- Woolf
- Зашел немного посидеть
- Сообщения: 91
- Стаж: 11 лет 5 месяцев
- Откуда: Moscow, Zelenograd
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Как сделать чтоб в Сообщении можно было использовать таблицу?
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
[Общая тема]HTML - CSS - Графика форума: где что править ???
Читать это - ВВ-код таблицы для phpBB3
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!