Доброго времени суток. У меня возник вопрос, как собрать дизайн ксс вот такого типа http://smpalace.rolka.su/
я не совсем понимаю, как это назвать, когда шапка шириной на весь экран, а поверх нее шапка шириной с форум. и фона такого плана:
нету
буду очень благодарна если кто-то объяснит, как это делать, буду даже благодарна, если кто-то даст ссылку, где можно почитать как создать такой дизайн.
Сборка дизайна CSS
Страница: 1
Тема закрыта
Сообщений 1 страница 4 из 4
Поделиться14 Дек 2010 16:25:27
- Любитель
- Зарегистрирован: 13 Сен 2008
- Приглашений: 0
- Сообщений: 94
- Уважение: +2
- Позитив: +18
- Провел на форуме:
1 день 9 часов - Последний визит:
12 Авг 2011 18:47:41
Поделиться24 Дек 2010 17:33:44
- A little bit more and I will answer your questions
- Откуда: kh.ua (lg.ua)
- Зарегистрирован: 23 Июл 2010
- Приглашений: 0
- Сообщений: 439
- Уважение: +79
- Позитив: +4
- Пол: Мужской
- Провел на форуме:
9 дней 16 часов - Последний визит:
29 Ноя 2013 04:50:40
Ночная Всадница, все просто.
Форум сдвигается вниз(для элемента с id pun задается отступ сверху, так же задается свой фон), а на фон(для элемента body) ставится готовое изображение (с логичным началом фона форума) и все.
Как вариант, иногда форум делается полностью прозрачным и поверх фоновой картинки рисуется полупрозрачный прямоугольник нужного цвета.
Поделиться34 Дек 2010 17:52:14
- Любитель
- Зарегистрирован: 13 Сен 2008
- Приглашений: 0
- Сообщений: 94
- Уважение: +2
- Позитив: +18
- Провел на форуме:
1 день 9 часов - Последний визит:
12 Авг 2011 18:47:41
zloy.MH
а можно на примере? я вроде поняла, но босюь ошибиться где-то...
Поделиться44 Дек 2010 20:19:12
- A little bit more and I will answer your questions
- Откуда: kh.ua (lg.ua)
- Зарегистрирован: 23 Июл 2010
- Приглашений: 0
- Сообщений: 439
- Уважение: +79
- Позитив: +4
- Пол: Мужской
- Провел на форуме:
9 дней 16 часов - Последний визит:
29 Ноя 2013 04:50:40
Ночная Всадница, да там ошибаться почти негде. Для понимания лучше раз 10 наступить на грабли, но добиться желаемого результата.
Рабочий вариант временно стоит в тестовике. Можете глянуть по ссылке Вебсайт в моем профиле.
Спойлер открывать только после самостоятельных попыток повторить.
Свернутый текст
Код:<style type="text/css"> body { background: #000000 url("фон с шапкой") 50% 0px no-repeat; padding-top: 198px;/*сдвигает форум вниз. подбирать*/ } #pun { margin-top: 0px; border-top: 0px;/*если есть - убирается, чтобы убрать границу между форумом и рисунком*/ } </style>/
Тема закрыта
Страница: 1