Здравствуйте)
Мне очень нужна ваша помощь.
Хочу сделать дизайн с таким же расположением элементов,как тут: 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 |