мы потом займёмся практикой. посде 2-3 дизов будешь хорошо ориентироваться в кодах,даже если не знаешь языка. я,лично,не в совершенстве его знаю,потому что учу другой язык,а английский изучаю сама. так что всё равно понимаю,что мне нужно и что надо делать)) это просто такие курсы,которые нудные,но для общего ознакомления необходимы.

Границы
Я скажу, и, наверное, вы со мною согласитесь, что границы – неотъемлемая и весьма и весьма важная часть общего дизайна форума. От себя могу добавить – что случалось и такое, когда великолепно подобранное оформление банально портила плохая работа с границами. Теряется всё впечатление и просто не хочется даже сидеть на ролевой. Обидно, да? Чтобы такого не случилось, мы сейчас пройдемся основательно по границам.
Работа ведется всё в том же разделе А5:

Пересматривать пункты мы начнем с А5.7, когда перед глазами запестрело слово border. Это ключевое слово в разборе полетов в отношении границ, поскольку – оно и есть граница, только по-английски. Вспомним, что CSS америкашка, потому и трепимся с ним исключительно на этом языке.
  Пункт А5.8 – отвечает за обводку  элементов и непосредственно сообщений.
  Пункт А5.9 – отвечает за обводку элементов форума. Сами «контейнера», где и располагается всё остальное. Крайне важный пункт.
  Пункт А5.10 – отвечает за обводку полос с названием локации на странице со списком тем, полосы статистики, категорий, полос профиля.
  Пункт А5.11 – отвечает за обводку полос категорий.
Далее – все уже знакомо, если сверяться со шпаргалкой:
border-width: 1px 1px 0px 1px; - толщина каждой линии из четырех, поскольку любой элемент вписывается в прямоугольник.
border-style: solid solid none solid; - стиль каждой линии из четырех.
padding: 5px 1em 7px 1em; - линия отбивки материнского объекта.
Кроме того, одна из границ, что не входит в раздел А5, а принадлежит разделу В1 – полоска, разграничивающая текст в посте и подпись участника. С ней также можно извращаться, сколько душе будет угодно.

Всё те же параметры: ширина (width - протяженность полосы по странице сообщения), отступ (margin - отбивка), стиль (border-top - здесь описаны и толщина, и стиль, и цвет), отображение (display).
К разделу С2 принадлежит также такая вариация границ, как рамки между графами нам главной странице форума. Код:

отлично)) прости,что вчера не отписалась. инет ключил на кот вообще зайти целый день не могла х)

Условия базовых элементов
В число базовых элементов форума входит все – от мала до велика: логотип, иконки, графы, строки, полоски… В общем. Все, что вы так или иначе видите на страницах форума. И практически все можно извратить и подогнать под свою концепцию дизайна. Работа это увлекательная и немного маньяческая – будто бы отрезаешь человеку ногу… =D Да, я люблю поэтические сравнения, я такой…
Ниже я буду прописывать коды основных элементов, которые обычно подвергают обработке. Чтобы их найти – достаточно копировать код, перейти в документ, где у вас хранится файл Структура, включить поиск (Правка –> Найти) и в строку поиска нажать Shift + Insert. Затем жмем «Найти», и умный ВОРД перенесет нас туда, где располагаются у вас данные элементы в общем коде CSS. Скажем дружно спасибо MICROSOFT за такой чудный помощник… Ну или просто запомним кодировку и промотаем чуть-чуть документ, полагаясь на глаза больше, чем на кибер-разум.
Итак, начинаем бал.
Шапка и логотип
Как видите, для такого важного элемента дизайна, как шапка или логотип, в общем коде структуры форума отведен раздел D1:

Параметры логотипа:  /* D1.4 */
Внимание! Мы разбираем только этот кусок кода -

Высота в данных участках кодов должна соответствовать высоте изображение, которое вы ставите. То есть – если высота вашей картинки 200px, в параметре height вы также пропишете height: 200px.
Объявление
Объявлению посвящен целый раздел D6:

Мы с вами можем узреть ровно три кода. Из них нас могут заинтересовать два:
  D6.1 – заголовок объявления
  D6.3 – окно объявления, где на форумах обычно расположена таблица.
Оперируя кодами внутри пунктов, мы добиваемся поставленных перед дизайном задач.

сейчас дам очень занятную табличку,которая тоже может со временем тебе помочь)) сохрани её. пользуюсь,иногда,по сей день,когда забуду где что находится. хд и это последнее из нашей лекции,ибо остальное мы будем изучать на практике)

Основные элементы форума при переработке дизайна
Окно статуса пользователя: /* D5.1 */
Главная страница:
  Графа с описанием и названием локации: /* C2.1 */
  Графа с количеством тем и сообщений в локации: /* C2.2 */
  Графа с указанием последнего сообщения: /* C2.3 */
Страница поиска и списка участников:
  Первая графа – ники: /* C2.4 */
  Вторая графа - /* C2.5 */
Строка со словами «Форум – Тем – Сообщений – Последнее сообщение»: /* C2.12 */
Списки модераторов в описании локаций: /* C2.10 */
Отображение иконок: /* C2.14 */   
Внимание! Параметр margin-left должен иметь значение в пикселях на 5-6 единиц больше, чем ширина ваших иконок!
Параметры иконок: /* C2.15 */ - считайте, что вы забиваете стоянку под будущие иконки.
Сообщение: /* C3.1 */
Черточка-граница между временем отправки сообщения и профилем автора: /* C3.3 */
Форма ввода текста:  /* C1.16 */
Статистика
Статистике форума также посвящен целый раздел D7:

Мы видим в нём пять пунктов. Из них в деле разметки дизайна нас будут интересовать всего лишь сам контейнер (окно) статистики, где размещены все данные: /* D7.1 */. Остальные четыре пункта, при желании, вы можете разобрать сами, но они предусмотрены для более детальной работы даже не с самим оформлением – а с работой статистики.

молодчинка. теперь перейдём к практике))
будем создавать твой первый дизайн))
с какой тематикой работать будем?

d.c.
меня ничего не пугает. я работаю с любыми тематиками,в принципе)
так,тогда давай делай шапку ширина - 850 пикселей)