Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться62014-07-03 20:26:27
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************//* D1 Logo and description
-------------------------------------------------------------*//* D1.1 */
#pun-title {
margin: 0;
}#pun-title.section {background-color: transparent;
background-image: url("ссылка на картинку");
background-attachment: scroll;
background-position: top center;
background-repeat:no-repeat;
height:430px;
width: 1100px;
margin-left:-328px;
padding-top: -20px;}/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: none;
height: 40px;
width: 100%;
}#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}
Поделиться72014-07-13 20:41:55
Фон.
Будем делать через структуру css и через цвета css.
Ищем в структуре:
/* A5 Basic page layout and borders
-------------------------------------------------------------*//* A5.1 */
#pun {
margin:0auto;
width: 800px !important;
}
Выделенное жирным, к слову, можно регулировать. Что зачеркнуто - убираем. Это - ширина форума, там, где находится весь текст. Туда же мы вставляем и наш фон, который будет под текстом. На данный момент это - та часть, что выделена серым цветом.
Добавляем, значит, получается у нас так:
/* A5 Basic page layout and borders
-------------------------------------------------------------*//* A5.1 */
#pun {
margin: auto;
width: 800px !important;
background-image: url("ссылка на фон");
background-repeat: repeat-y;
background-attachment: scroll;
background-position: top center;
}
Выделенное и подчеркнутое, то есть размножение фона по вертикали, мы не меняем в этом случае. Иначе наша подложка размножится во все стороны, перекосячит весь код. Возможно и обратное: до какого-то момента подложка будет отображаться, а потом ее обрубит (если зададим ей no-repeat). В общем, Ветруша предупредил.
Остальное изменяемо.
Подложка подложкой, а остальной цвет (в данный момент он у нас темно-серый) тоже важен. Поэтому в цвета css мы вставляем вот этот нехитрый кодик (желательно в конец окна):
HTML, BODY {
background-color: #цвет_общего_фона;
background-image: url("картинка");
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
margin-left: 0px !important;
}
Выделенное здесь опционально изменять. Если остальной фон заливается единым цветом, без какой-либо текстуры, убираем background-image и все к нему причитающее. В этом случае наш код выглядит так:
HTML, BODY {
background-color: #цвет_общего_фона;
margin-left: 0px !important;
}
Если для остального фона существует текстура, то код весь сохраняется:
HTML, BODY {
background-color: #цвет_общего_фона;
background-image: url("картинка");
[b]background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
margin-left: 0px !important;
}
Подчеркнуто выделенное опять же не трогаем, только если сзади не стоит какой-нибудь пейзаж большой картинкой. Остальное также можно изменять.
P.S.
background-color: #цвет_общего_фона; оставлять в любом случае. Это - цвет общего форума при отключении всех картинок в браузере.
Отредактировано Северный Ветер (2014-07-13 20:42:45)
Страница: 1