Здравствуйте)
Мне очень нужна ваша помощь.
Хочу сделать дизайн с таким же расположением элементов,как тут: http://www.vdiariesworld.rolka.su/ ну разумеется со своей информацией и изображениями.
Но проблема в том что я не знаю,как сделать такую шапку,чтобы она была на всю ширину форума.Так же мне бы хотелось узнать как опустить сам форум,чтобы увеличить шапку.И еще, чтобы при этом картинка,на котором находятся темы и категории была отличной от заднего фона,в данном примере задний фон фиолетовый,а эта картинка с узорами.
Подскажите кто нибудь код,пожалуйста)
нужен код)
Сообщений 1 страница 6 из 6
Поделиться12011-06-12 17:15:19
Поделиться22011-06-12 17:19:35
Miel_Pops, в своем стиле работаете?
Но проблема в том что я не знаю,как сделать такую шапку,чтобы она была на всю ширину форума.
Шапка сливается с фоном в графическом редакторе и вставляете потом вместе с фоном, а потом еще и фон отдельно.
Поделиться32011-06-12 17:58:27
Ви
да,в своём)
Шапка сливается с фоном в графическом редакторе и вставляете потом вместе с фоном, а потом еще и фон отдельно.
ничего не поняла((
а можно код,чтобы сразу понятно куда что вставлять,там уж разберусь)
Поделиться42011-06-12 18:13:51
Miel_Pops
Скажем так: форум опускается автоматически, если вы ставите свою вот такую шапку. В самый конец своего стиля добавляете:
#pun-title, #pun-title .container {margin-left: -11px;
height: 564px; width: 800px;
background-image: url();background-attachment: scroll; background-position: top center; background-repeat: no-repeat;
}
Ширину, высоту и отступы, понятно дело, меняете сами.
Чтобы менять подложку категорий, вот к чему обращаемся:
.category h2 {
background-color: #;
background-image: url();
}
После Сказанного:
Пожалуйста, заполните профиль/персональный/вебсайт. Здесь по правилам так положено.
Отредактировано Януш (2011-06-12 18:14:50)
Поделиться52011-06-12 18:33:33
Ширину, высоту и отступы, понятно дело, меняете сами.
Плюс ко всему менять также нужно параметры в первом окне:
/* D1.1 */ #pun-title { margin: 0; border: none; } /* D1.2 */ #pun-title h1 { display : block; height : 608px; margin-bottom: 0px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height:608px; width: 100%; margin-bottom: 0px; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 800px; vertical-align: top center; padding-top: 0px; padding-right: 0px; }
Значения ширины и высоты ставите согласно значениям вашей шапки.
а можно код,чтобы сразу понятно куда что вставлять,там уж разберусь)
Можно, этим кодом я всегда пользуюсь, когда ставлю слитые шапку и фон:
body { background: url(http://savepic.net/1405394.png); background-position: top center; } body { background-color: transparent !important; background-image: url(http://savepic.net/1405394.png); background-repeat: no-repeat; } html { background: #dbdbdb url(http://savepic.org/1851404.jpg) repeat-y; background-position: center top; }
Первые два кода - фон одинаковый. Последний код - фон уже без шапки для того, чтобы он размножался по мере наполнения вашего форума категориями и подфорумами.
Поделиться62011-06-12 19:17:22
Януш
Ви
огромное вам спасибо)
Похожие темы
Прошу мне нужен банер! | Архив тем | 2009-04-25 |
Часто используемые коды CSS | Архив тем | 2011-06-20 |
[отвечено] Нужен скрипт цитаты и формы ответа < | Заказ скриптов | 2011-05-26 |
Нужен скриптик! По цвето выделению на форуме ников! | Архив тем | 2010-07-07 |
Нужен Скрипт чтобы под ником после ранга были звёзды! | Архив тем | 2008-07-06 |