Сейчас на многих форумах шапка сливается с дизайном.( как я поняла шапка)Но проблема в том, что я не могу найти код как это сделать.
Пример: http://modellove.mybb.ru/
Подскажите это фон или все таки шапка?
шапка
Страница: 1
Сообщений 1 страница 21 из 21
Поделиться12010-09-19 23:29:31
- Форумчанин
- Зарегистрирован: 2010-08-25
- Приглашений: 0
- Сообщений: 34
- Уважение: 0
- Позитив: +12
- Провел на форуме:
2 дня 23 часа - Последний визит:
2012-07-06 16:56:16
Поделиться22010-09-19 23:46:36
Ali$a
Фон сделан вместо Логотипа и сделан отступ форума от верха страницы, заготовьте нужные картинки и можно продолжить в этой теме
Отредактировано Deff (2010-09-19 23:47:26)
Поделиться32010-09-21 16:00:49
- Форумчанин
- Зарегистрирован: 2010-08-25
- Приглашений: 0
- Сообщений: 34
- Уважение: 0
- Позитив: +12
- Провел на форуме:
2 дня 23 часа - Последний визит:
2012-07-06 16:56:16
Deff
а как сделать отступ?))
офф: вот как получается http://beverlyhills.mybb.ru/
Отредактировано Ali$a (2010-09-21 18:04:15)
Поделиться42010-09-21 18:06:52
Ali$a
HTML верх
<style>
#pun {
margin-top: 560px;
}
</style>
красное регулируем
но лучше смотреть на форуме(*возможно нужно еще удалять останки старого логотипа
*Увидел Форум
Отредактировано Deff (2010-09-21 18:08:03)
Поделиться52010-09-21 18:12:14
Еще правлю(* у вас очевидно нужно чтобы форум с фоном двигался)
В первом окне стиля находите код:
/* A2.1 */
html, body {margin: 0; padding: 0}
#pun {background-color:#inherit; background-attachment:scroll;}
И меняете на!
/* A2.1 */
html, body {background-position: center top; position: relative;}
Там же, в первом окне Стиля находите код
/* A5.1 */
#pun {
margin: auto;
padding: 0px auto 0px auto;
position: relative;
float : center center;
background-position: center;
background-color:#inherit;
background-attachment:scroll;
width: 680px;
}
И удаляете его полностью(не оставляйте скобок!
Во втором Окне Стиля находите:
body {
background-color: #F8F8F8; background-image: url(http://xmage.ru/images/hgdhhh-1285070332.png);
background-repeat: repeat; background-attachment: fixed; background-position: center;
}
И меняете на!
html{padding-top: 0px !important; background-color: #D6B0A0!important; background-image: url(http://i064.radikal.ru/1009/97/ffd5ad4cd167.png);
background-repeat: repeat-y; background-position: center top !important background-attachment: scroll;
}
#pun {margin: auto; padding: 0px auto 0px auto; position: relative; float : center center; background-position: center top;
width: 680px; padding-top: 360px!important;}
body{background-color: transparent !important; background-image: url(http://s60.radikal.ru/i168/1009/76/a9291fb98834.png);
background-repeat: no-repeat; background-position: center top !important background-attachment: scroll;
margin: 0 auto;}
В НTML верх находите код:
<style>
#pun {margin: auto; width : 55%;}
</style>
И полностью его удаляете
360 - отступ форума от верха
#D6B0A0 - Цвет фона
http://i064.radikal.ru/1009/97/ffd5ad4cd167.png - фоновое изображение - (*перезалил на Вашем белая полоса снизу
http://i064.radikal.ru/1009/97/ffd5ad4cd167.png - нижняя полоска (отрезана от низа фоновой картинки и размножается по вертикали (*за фоновой картинкой, - это то поле с бордюрами, необходимое при увеличении кол-ва форумов и выхода их за пределы фоновой картинки
(*Вроде всё,
Форум www.beverlyhills.mybb.ru , Результирующая картинка такая >
http://s06.radikal.ru/i179/1009/ef/12643e64bec7.jpg
Отредактировано Deff (2010-09-22 21:06:01)
Поделиться62010-09-22 17:30:24
- Форумчанин
- Зарегистрирован: 2010-08-25
- Приглашений: 0
- Сообщений: 34
- Уважение: 0
- Позитив: +12
- Провел на форуме:
2 дня 23 часа - Последний визит:
2012-07-06 16:56:16
Deff
вроде бы все правильно сделала, только получилось вот что(
http://beverlyhills.mybb.ru/
Поделиться72010-09-22 20:50:30
Ali$a написал(а):
вроде бы все правильно сделала, только получилось вот что(http://beverlyhills.mybb.ru/
Думаю, в мазиле вроде отображаецо всё.. думаю к утру решу
Поделиться82010-09-22 21:59:47
- Форумчанин
- Зарегистрирован: 2010-08-25
- Приглашений: 0
- Сообщений: 34
- Уважение: 0
- Позитив: +12
- Провел на форуме:
2 дня 23 часа - Последний визит:
2012-07-06 16:56:16
Deff
я тоже с мозилы смотрю 
Поделиться92010-09-23 00:10:05
Ali$a В Опере криво... ( В мазиле поправимо..
Поделиться102010-09-24 11:30:17
Ali$a 
Энергии моего желания помочь оказалось недостаточно( нужно серьезно ковырять стиль, есть ошибки в исходнике) - Варианта развития событий три
1. Сходить в центральную тех поддержку http://forum.mybb.ru/viewforum.php?id=5, задать Вопрос и выложить имя проблемного сайта....( остальные варианты доступны вроде как и без советов
Поделиться112010-09-25 13:36:23
- Форумчанин
- Зарегистрирован: 2010-04-16
- Приглашений: 0
- Сообщений: 373
- Уважение: +57
- Позитив: 0
- Пол: Мужской
- Возраст: 31 [1993-08-27]
- Провел на форуме:
5 дней 11 часов - Последний визит:
2011-04-23 22:01:45
Ali$a
делаешь фон, с картинкой как для шапки...
потом копируешь/вырезаешь часть фона, которая должна быть шапкой... и ставишь фон и шапку обычными кодами и всё работает без всяких отступов... если что-то не понятно, объясню подробнее)))
Поделиться122010-09-25 15:12:18
- Форумчанин
- Зарегистрирован: 2010-08-25
- Приглашений: 0
- Сообщений: 34
- Уважение: 0
- Позитив: +12
- Провел на форуме:
2 дня 23 часа - Последний визит:
2012-07-06 16:56:16
Nixone
да) я кажется поняла, вот только если меня картинка будет типа вот как здесь
вот мой форум http://beverlyhills.mybb.ru/
Отредактировано Ali$a (2010-09-25 15:14:27)
Поделиться132010-09-25 15:53:23
Ali$a написал(а):
Nixoneда) я кажется поняла, вот только если меня картинка будет типа вот как здесь
вот мой форум http://beverlyhills.mybb.ru/
Отредактировано Ali$a (Сегодня 15:14:27)
Ali$a Да все равно как делать(только с обрезанными ногами нужно поправить), у Вас исходник стиля кривой(где то взят много раз правленный), проще взять чистый из генератора стилей или выбрать из муб стилей близкий и править. - Поставить лого и бекграунд -5мин.. много возни с оформлением букв и топика.. внутри стиля противоречивые теги - у мну править триста элементов нехотца.. проще взять чистый из генератора
Отредактировано Deff (2010-09-25 15:56:57)
Поделиться142010-09-25 17:34:01
- Форумчанин
- Зарегистрирован: 2010-04-16
- Приглашений: 0
- Сообщений: 373
- Уважение: +57
- Позитив: 0
- Пол: Мужской
- Возраст: 31 [1993-08-27]
- Провел на форуме:
5 дней 11 часов - Последний визит:
2011-04-23 22:01:45
Ali$a
это можешь убрать:
<style>
#pun {
margin-top: 300px;
}
</style>
<style type="text/css">
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://s48.radikal.ru/i119/1009/fd/ce90dd87d51a.png);
height : 700 px; width: 1400px;}
</style>
что-то ты много поставила ширину)
Ali$a написал(а):
как здесь
да, когда всё будет сделано будет также
Поделиться152010-09-25 18:20:19
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Ali$a
В таком варианте как вы хотите, самый реальный выход, будет, сделать фон и шапку просто отдельно, по другому выйдет, так как у вас фон как бы получается плавающий
Тот форум который вы приводили в пример, построен на довольно простом способе, тут просто сделан эффект перехода, видите наверное, что снизу нет ничего лишнего это просто цвет отдельной позицией, а верхнее это шапка, которая плавно сливается с фоном. У вас же такого не получиться. Так что только отдельно делать шапку и фон и на стык подгонять что будет так же не так просто.
Поделиться162010-09-25 20:52:29
Toshiro-kun Да там в Стиле куча ошибок, по разному в браузерах отображаецо, проще взять либо чистый из генератора стилей, либо мубовсткий стиль расковырять близкий по топику к желаемому
Поделиться172010-10-10 17:37:38
Пытаюсь освоить слияние лого и фона, местами что-то даже получилось, но возник вопрос.
Как избавиться от коричневых полос посреди "тела" форума? -_-
адрес - http://probnytest.mybb.ru/
Отредактировано Mars (2010-10-10 17:49:20)
Поделиться182010-10-10 19:22:55
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Mars написал(а):
Как избавиться от коричневых полос посреди "тела" форума? -_-
сделать единым "телом"
#pun {
background: #цвет фона тела;
}
вставлять в css цвета в самый верх после предположительного кода на фон
Поделиться192010-10-10 20:34:04
Toshiro-kun, большое спасибо за ответ.) Это помогло, да.) Но в моей жизни сегодня все не слава богу. -_- Вот:
Есть какая-нибудь панацея от этих симметричных полосочек? Они ломают слитность лого форума. =_= И сама я, конечно же, не в состоянии с этим разобраться. 
Поделиться202010-10-10 21:39:28
- Да, модератор я, угу
- Зарегистрирован: 2010-03-08
- Приглашений: 0
- Сообщений: 3766
- Уважение: +1013
- Позитив: +9
- Пол: Мужской
- Возраст: 34 [1990-08-29]
- Провел на форуме:
1 месяц 5 дней - Последний визит:
2012-08-11 15:49:22
Mars
Я на форуме у вас их не вижу
Поделиться212010-10-10 21:58:46
Да, я воспользовалась другим кодом для слияния лого с фоном - и полосочек больше нет. Хотя при прошлых кодах они никуда не пропадают.)
Хорошо, что из ситуации порой есть два выхода.
И большое спасибо за помощь еще раз.
Страница: 1
Похожие темы
| Прошу помочь с дизайном и шапкой! | Архив тем | 2011-06-07 |
| проблемы со вставлением шапки | Вопросы по скриптам | 2012-10-21 |
| Шапка! | Архив тем | 2010-10-13 |
| Шапка < | Архив тем | 2011-05-24 |
| Картинка в шапке и изменение цвета текста категории < < | Архив тем | 2010-08-22 |