Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » Тетрадь дизайна


Тетрадь дизайна

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

1

http://uploads.ru/i/k/s/p/kspng.png

Привет Настя, очень приятно с тобой познакомиться. Буду рада начать работу с тобой с августа месяца. И надеюсь, что научу тебя многому. Я Тая, рада, что ты выбрала именно меня в учителя.

Твой тестовик - http://bookdesigner.mybb.ru/
Связь с тобой - ICQ 433171898; Вконтакте vk.com/nikolaeva_lol

И так приступим.
Чему именно хочешь научиться, какая структура дизайна, может примеры дизайнов?
Если уже что-то знаешь рассказывай.)

тема начнёт функционировать с августа.

Дневник:


Урок№1 - оценка


Комментарии

Отредактировано faery (2012-07-25 08:46:29)

0

21

Урок проверю теперь только в понедельник, уезжаю на выходные.

0

22

slastnicova
сделано

0

23

Скромница
хорошо, только обычно названия категорий делают больше, но это не важно, урок ты усвоила.
но все равно увиличь их. чтобы не получалось вот так:
http://s1.uploads.ru/t/hYtKA.jpg

0

24

Идём дальше пункт A4 Float clearing and hidden items мы не трогаем.
Дальше идёт пункт A5 Basic page layout and borders, он отвечает за тело форума.

Пункты:

/* A5.1 */
#pun {
  margin: 30px;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

Заменяем на:

/* A5.1 */
#pun {
  margin: auto;
  width : 830px;
  position: relative;
  padding-bottom: 100px;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

Эти пункты отвечают за ширину тела форума.
жирным - ширина форума, настраивается по желанию. Но для того, чтобы форум смотрелся на всех разришениях одинакого, необходимо знать границы размера : 800 - 1000px.

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

отвечает за переадресацию на форуме, пока мы её трогать не будем.

Следующие что мы будем изменять будут иконки ищим пункт:

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

И заменяем его на:

/* C2.15 */
.punbb div.icon {
float: right;
    display: block;
    width: 100px;
    height: 100px;

padding-right: 50px;
}

расположение: справа/слева
ширина и высота оптимальные размеры 50 - 100рх
отступ справа, необходима регулировка

Дальше весь пункт /* D1.4 */
заменяем на:

/* D1.4 */
#pun-title h1 span {
        display: none;
}

#pun-title table {
border: none;
height: 240px;
width: 900px;

background: url("КАРТИНКА") no-repeat; background-position: top center;

}

#pun-title TD.title-logo-tdl {
        border: none;
        width: 100%;
}

#pun-title TD.title-logo-tdr {
        border: none;
        padding-right: 0px;
}

#pun-title .title-logo {
color: transparent;
}

бордовое ширина и высота шапки подгоняем под картинку для шапки.

Далее в самый низ первого окна добавляем:

/* Баннер рекламы */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 415px; top:0px
}

с помощью этого мы будем двигать баннер рекламы.

Задание:
Сделать ширину форума 900рх.
Иконки сделать 70х70, расположение справа с отступом 80рх.
Шапка 900х450рх.
Соответственно всё это нарисовать в фш и вставить.

0

25

slastnicova
эм, прости что отсутствовала не предупредив... мы моем продолжить обучение?

0

26

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

0

27

slastnicova
я уезжаю сейчас, и никак не могу с ноутбука поставить все сделанное на форум. Приеду через неделю, тогда поставлю. Не теряй!)

0

28

Скромница
хорошо)жду.

0

29

уезжаю на выходные, буду только в понедельник.

0


Вы здесь » Кот » Архив обучения от 03.12 » Тетрадь дизайна


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