Подскажите пожалуйста, как сделать такого вида форум. Особенно нужна помощь с тем как сделать такое сочетание шапки и фона, как единая картинка.
Теги: стиль, оформление, помощь
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Стиль. Шапка с фоном - едины
Подскажите пожалуйста, как сделать такого вида форум. Особенно нужна помощь с тем как сделать такое сочетание шапки и фона, как единая картинка.
Теги: стиль, оформление, помощь
Savannah Kensington
для этого надо сделать 2 картинки. 1 - большое целое лого, то есть фон, и вторая - часть лого, которая находится непосредственно над таблицей.
пример:
фон
лого
и вставляем это в самый верх кода:
body {
background-color: #цвет вашего основного фона;
background-image: url(картинка фона);
background-position: top center;
background-repeat: no-repeat;
}
а это в самый низ, после картинок иконок:
#pun-title table {background-color: #цвет таблицы форума ;
background-image : url(картинка логотипа);
background-repeat : no-repeat;
background-position: bottom center;
height: высота вашего логотипа в px;
}
Автор Frau Angst Картинки - не тырить и не использоваться - сосчется за плагиат
благодарю.
самый верх кода:
это куда?
а это в самый низ
и это где *facepalm*
и это где
Цвета css - самый низ
это куда?
цвета css - самый верх
черт. не могу, не получается хоть тресни.
Да, у меня тоже никак
Радиоактивное мясо
Юляффка
Тут все не так и трудно, если сделать все верно - для некоторых вариантов задумок есть более простые но в то же время муторные подбивки. Вообще фон и шапка слитно - это лишний нагруз на форум - проверенно моей отвратительной скоростью соединения х)
Что-то не получается
я никак не могу в пикселях сделать правильно, у меня все наезжает друг на друга(
Хммм...Ничего не понимаю)))
у меня не получается(((
http://cs11144.[эта ссылка запрещена]/u248221/9090496/x_e98c0205.jpg
эту фотку хочу в шапку сайта поставить
подскажите как это делать!!
Отредактировано P@triot (2011-02-27 10:45:17)
Помогите!!! Я хочу сделать шапку и фон. Как на фото.1 Фон 2 Шапкаhttp://1324354657687911.rolka.su/admin_groups.php
Отредактировано Асющечка (2011-02-28 18:58:28)
Асющечка
Во втором посте все расписано - что вам мешает сделать?
Спасибо, очень помогло)
Поскажите пожалуйста как название форума вверху убрать... ии... сделать значки перед каждым форумом красивые...
Поскажите пожалуйста как название форума вверху убрать...
Найти
/* D1.4 */
добавить
#pun-title h1 span {
display: none;
}
или же если стиль стандартный в HTML-верх это поставить
<style>
#pun-title h1 span {
display: none;
}
</style>
сделать значки перед каждым форумом красивые...
<style>
.punbb table Div.icon {float: left; display: block; width: 121px; height: 101px; border-style: none; background-image: url(старые); background-repeat: no-repeat; position: relative; margin-right: 0px;}
TR.inew Div.icon {
background: url(новые) no-repeat;}
TR.isticky Div.icon {
background: url(важные) no-repeat;}
TR.iclosed Div.icon {
background: url(закрытые) no-repeat;}
</style>
в HTML -верх
Со значками не выходит(((( Может я не туда вставляю....
ещё я не знаю как поменять цвет основного текста.... у ссылок всяких поменяла а остальное нет(((
Отредактировано Valushka (2011-03-22 20:00:47)
для этого надо сделать 2 картинки. 1 - большое целое лого, то есть фон, и вторая - часть лого, которая находится непосредственно над таблицей.
Вроде бы все делаю правильно, но над шапкой форума все равно остается отступ, из-за которого шапка "съезжает вниз".
Все, поняла свою ошибку, исправила.
Прошу прощения за ложную тревогу.
Отредактировано Feya (2011-03-29 16:22:44)
У меня такая проблема - все делаю вроде правельно - пишу высоту нужную - таблица не поднимаеца (та где написано --------------------------------, и реклама)
http://testorkpk.clanbb.ru/ - вот сайт
Отредактировано Hiroki (2011-04-24 01:14:10)
У меня тоже ничего не получается. А нет такого варианта только с HTML?
Что то я не понял.
Вот излогаю полностью ситуацию:
1) Хочю зделать красивый дизайн что бы лого сливалось с фоном.
2) Я вставляю картинки, которые было показано в примере.
Вот коды которые вставил:
body { background-color: #F0000; background-image: url(http://xmages.net/storage/10/1/0/d/d/upload/6c8d76a3.png); background-position: top center; background-repeat: no-repeat; }
#pun-title table {background-color: #F0000 ; background-image : url(http://xmages.net/storage/10/1/0/d/d/upload/b881ef96.png); background-repeat : no-repeat; background-position: bottom center; height: 1140px; }
3) Фон встал полностю во весь форум, а лого не поднялось на высоту 1140 пх
4)Вот тестовый сайт - http://forumtest.0pk.ru/
Вот скриншот - http://i047.radikal.ru/1105/db/6ea4ac5d9a57t.jpg
4) С фоном я догадываюсь что надо зделать, а вот с лого вообще не пойму.
Можите мне помочь?
Отредактировано Hiroki (2011-05-05 16:23:27)
Помогите, плиз. Фон не хочет вставать по центру, так, чтобы по краям виднелась оранжевая текстура.
Отредактировано Repnina (2011-06-09 22:17:24)
Repnina
Он не встает по центру, потому что расстояние от тела форума, которое вы на нем разметили, до краев картинки разное. Понятно дело, что центральная ось тогда не совпадает с центральной осью тела форума.
Попробуйте это:
http://s55.radikal.ru/i147/1106/de/02c8579392ce.jpg
Януш
Спасибо большое! Сейчас попробую. Тогда у меня такой вопрос - не могли бы вы объяснить мне, как подбирать это самое расстояние, а то я уже путаюсь. 0_0 Если, конечно, вас не затруднит. ))) Просто мне главное понять, как это делается. )
Repnina
Ну, как бы сказать... смотря в каком редакторе вы работаете. Но если универсально, то:
1. Берете фон, просто некий фон. Находите в свойствах его ширину, делите ее пополам. У вас будет ширина ровно половины фона. Допустим, он у нас был 1400px, половина это 700px.
2. Теперь думаете, какой ширины у вас форум. Допустим, что 800px. Пополам будет 400px.
3. Вычитаем из первого второе, получаем 300px. Настолько тело форума должно отстоять от краев фона, чтобы быть ровно посередине. А дальше дело техники)
Януш
хм. как все сложно. ) лан, буду пробовать ) Спасибо за объяснение
В общем, я уже запарилась ((((( Делаю фон 1200 на 1080, и не ставится! Размер вычисляю, как написано, так, чтобы хватало на форум - 800 пикселей, и на края с боку - 200 пикселей. И ничего. ( Делаю в фотошопе. (
Repnina
Ну вы хоть покажите, что вы делаете и как ставите фон, м?
Отредактировано Януш (2011-06-10 20:58:50)
Помощь в функции "Свой стиль" | Оформление форумов | 2016-06-22 |
как увеличить ширину шапки не расширяя форум | Корзина | 2012-01-14 |
Дизайн. | Архив тем | 2011-01-01 |
Пару вопрос по дизайну. | Архив тем | 2011-02-14 |
Ищу скрипт | Архив тем | 2011-11-08 |
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Стиль. Шапка с фоном - едины