EXPRESSION ART

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

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


Вы здесь » EXPRESSION ART » ЛИЧНОЕ ОБУЧЕНИЕ » Соня и нелегкий путь к познанию дизайна


Соня и нелегкий путь к познанию дизайна

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

21

хорошо.
теперь с шириной форума вновь возвращаемся к первому окошку структуры.
чтобы текст на центральном фоне стал такой же ширины, как и сам форум, то есть - 900px, ищи код:

/* A5.2 */
.punbb {
  margin-left: 70px;
  position: top center;
  float: none;
  width: 750px;
  height: auto;
  }

обращай внимание на то, что я выделил в коде, если выберешь не то - есть вероятность, что полетит сам форум к чертям собачьим х)
отвечает за ширину, по которой идет текст

width: 750px;

заменяешь на 900px.
следи, чтобы после px обязательно было ; т.к. такие мелочи на самом деле тоже важны, чтобы диз не ехал

после этого нам надо подвинуть текст в сторону, чтобы он не выезжал за границы. в том же отрезке берем строчку

margin-left: 70px;

она отвечает за сдвиг текста вправо. сейчас у нас сдвиг на 70px, поэтому текст выезжает за границы. поставь на 0px

22

пока что все понятно, никаких вопросов нет?)

23

вот

24

cas collins
да,спасибо,всё пока понятно)

25

чудесно, молодец ^^
теперь надо поработать над шириной и высотой шапки.
ищешь вот этот код:

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
border: none;
  margin-left: -50px;
  float: none;
  width: 800px;
height: 450px;

}

margin-left: -50px;

так же отвечает за отступ от левого края.
ставишь на 0px

width: 800px;

это - ширина шапки.
чтобы она красиво смотрелась на нашей ширине - ставим 900px

height: 450px;

эта строка отвечает за высоту шапки. такую и оставим.

а теперь возьми любую картинку, которую хочешь на шапку, и просто сделай кадрирование, чтобы в ширину эта картинка была 900, а в высоту - 450px. ни обрабатывать, ничего больше делать не надо. просто кроп, чтобы видеть, как у нас располагается шапка.

26

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

да,спасибо,всё пока понятно)

это радует ^^

27

cas collins написал(а):

и просто сделай кадрирование, чтобы в ширину эта картинка была 900, а в высоту - 450px. ни обрабатывать, ничего больше делать не надо. просто кроп,

а вот от сюда по подробнее  :D  :blush:

28

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

а вот от сюда по подробнее  :D  :blush:

просто сделай в фотошопе обычную картинку размером 900х450)

29

а куда вставлять?

30

вставляешь во второе окошко, где написано

#pun-title table {
background-image :  url("ссылка на шапку");
background-position : center;

смотри, кавычки на месте оставляй, не удали случайно


Вы здесь » EXPRESSION ART » ЛИЧНОЕ ОБУЧЕНИЕ » Соня и нелегкий путь к познанию дизайна