Создание нестандартного дизайна на forum2x2, часть 2
В первой части урока говорилось о создании графической части дизайна. В этой части мы установим его с помощью CSS. Кстати, фон залейте цветом фона шапки.
В оформление - картинки и цвета - цвета не забудьте стереть все фоны и контуры.
Для каждой части дизайна – свой код.
Код для лого
Width – ширина шапки.
Marign-bottom – отступ шапки от форума.
Код для фона
Код для футера
Также вставьте этот код, чтобы форум не залазил за рамку.
1 часть урока
Автор урока – администратор Arrow, копирование запрещено!
В первой части урока говорилось о создании графической части дизайна. В этой части мы установим его с помощью CSS. Кстати, фон залейте цветом фона шапки.
В оформление - картинки и цвета - цвета не забудьте стереть все фоны и контуры.
Для каждой части дизайна – свой код.
Код для лого
- Код:
#i_logo{
background:transparent url("ссылка_на_шапку") no-repeat center;
border:0 none;
height:500 px;
width:800px;
margin-bottom:-120px;
width:100%;
}
Width – ширина шапки.
Marign-bottom – отступ шапки от форума.
Код для фона
- Код:
#page-body {
background:url("ссылка_на_фон") repeat-y center;
position: adsolute;
}
Код для футера
- Код:
#page-footer {
background:transparent url("ссылка_на_футер") no-repeat center;
border:0 none;
height:146px;
position:relative;
}
Также вставьте этот код, чтобы форум не залазил за рамку.
- Код:
.three-col {
margin:auto 8%;
width: 83%;
}
1 часть урока
Автор урока – администратор Arrow, копирование запрещено!
Последний раз редактировалось: Arrow (Сб Фев 16, 2013 9:22 pm), всего редактировалось 1 раз(а)