Кот |
Привет, Гость! Войдите или зарегистрируйтесь.
Привет, Вика. Думаю не будем отходить далеко от канона и начнем с разбора основных твоих ошибок. Как предпочитаешь работать со старым дизайном или будем делать новый?
Создай тестовик, он нам понадобится.
тестовик - http://test75.mybb.ru/
Отредактировано danessa (2012-06-10 17:31:15)
Хэээй.) Так что дальше-то?
Отредактировано Oppa! (2012-06-14 21:18:15)
извини за задержку, у меня экзамены )
Да, теперь правильно.
Следущее, что мы сделаем это установим фоновой цвет. Его нужно брать из нашего исходника.
Для этого мы ищем пункт html, body во втором окне стиля.
Затем установим подложку форума.
В пункте
/* A5.1 */ и /* A5.2 */
прописываем такие значения:
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: (тут ширина картинки подложки вместе рамкой)px; margin: 0 auto; float: center;
background: transparent url(тут ссылка на изображение) repeat-y; background-position: top center;
}/* A5.2 */
.punbb {
float: left;
height: auto;
width: (тут ширина подложки без рамок)px;
padding-left: (ширина рамок деленная пополам)px;
padding-right: (ширина рамок деленная пополам)px;
}
то есть в итоге код выглядит так:
/* A5.1 */
#pun {
margin: 0px 0 30px 0;
position: relative;
width: 868px; margin: 0 auto; float: center;
background: transparent url(http://uploads.ru/i/Q/T/D/QTDqx.jpg) repeat-y; background-position: top center;
}/* A5.2 */
.punbb {
float: left;
height: auto;
width: 860px;
padding-left: 4px;
padding-right: 4px;
}
извини за задержку, у меня экзамены )
Понимаю)
Все готово.
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: 886px; margin: 0 auto; float: center;
background: transparent url(http://savepic.net/2933560.jpg) repeat-y; background-position: top center;
}/* A5.2 */
.punbb {
float: left;
height: auto;
width: 834px;
padding-left: 26px;
padding-right: 26px;
}
Правильно, но ты не установила цвет фона.
Правильно, но ты не установила цвет фона.
Как? Я поставила его в самое начало во втором окошке)
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background-color: #e0dde9;
Опять экзамены тормозят?)
Oppa!
до 28 меня не будет.
Хорошо.
Как? Я поставила его в самое начало во втором окошке)
Оо, просто цвет отличался от исходника вот и подумала, что его нету ))
Давай дальше.
Шапка.
Я устанавливаю ее на месте логотипа. То есть за нашу картинку в шапке будет отвечать вот эта часть кода:
#pun-title table {
border: none;
height: высота_px;
width: ширина_px;
background: url("ссылка на картинку") no-repeat; background-position: top center;
margin: 0 -(отсутп)px 0 -(отступ)px;
}
Выделенное - действует по тому же принципу, что и подложка: то есть нужно взять ширину всей картинки, вычесть ширину форума(без границ) и разделить пополам.
в моем случае это:
#pun-title table {
border: none;
height: 506px;
width: 1300px;
background: url("http://s1.uploads.ru/i/f/X/c/fXck4.jpg") no-repeat; background-position: top center;
margin: 0 -220px 0 -220px;
}
danessa
а где эта часть кода находится? =.=
Или.. куда её вставить?
