Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Архивы » mon ami


mon ami

Сообщений 21 страница 30 из 34

1

Привет, Вика. Думаю не будем отходить далеко от канона и начнем с разбора основных твоих ошибок. Как предпочитаешь работать со старым дизайном или будем делать новый?
Создай тестовик, он нам понадобится.
тестовик - http://test75.mybb.ru/

Отредактировано danessa (2012-06-10 17:31:15)

0

21

Хэээй.) Так что дальше-то?

Отредактировано Oppa! (2012-06-14 21:18:15)

0

22

извини за задержку, у меня экзамены )
Да, теперь правильно.
Следущее, что мы сделаем это установим фоновой цвет. Его нужно брать из нашего исходника.
Для этого мы ищем пункт  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;
  }

0

23

danessa написал(а):

извини за задержку, у меня экзамены )

Понимаю)
Все готово.

/* 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;
  }

0

24

Правильно, но ты не установила цвет фона.

0

25

danessa написал(а):

Правильно, но ты не установила цвет фона.

Как? Я поставила его в самое начало во втором окошке)

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-color: #e0dde9;

0

26

Опять экзамены тормозят?)

0

27

Oppa!
до 28 меня не будет.

0

28

Хорошо.

0

29

Oppa! написал(а):

Как? Я поставила его в самое начало во втором окошке)

Оо, просто цвет отличался от исходника вот и подумала, что его нету ))
Давай дальше.
Шапка.
Я устанавливаю ее на месте логотипа. То есть за нашу картинку в шапке будет отвечать вот эта часть кода:

#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;
}

0

30

danessa
а где эта часть кода находится? =.=
Или.. куда её вставить?

0


Вы здесь » Кот » Архивы » mon ami


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC