December
извини) у меня пёс нажал на "page up" на клавиатуре и меня на другой пост переправило, а я, видимо, не заметила и не то имя написала)
Ещё раз прости.

Ну так что?

December
красивую рамку и форумов, увы я делать не умею бурлеск умеет, жаль у неё темы для приёма нет

и так, начнём

Размерности:
em – высота шрифта
ex – высота буквы
px - пикселы
in - дюймы
cm - сантиметры
mm - миллиметры
pt - пункты
% - проценты

Основные параметры:
Height - высота элемента

Width - ширина элемента

Background (фон)

background-color – цвет заливки (веб-значение)
background-attachment – прокрутка фона
   scroll - фон поддается прокрутке
   fixed - не поддается прокрутке.
background-image – фоновая картинка
   url ("...") – в скобках указываете адрес изображения
   none – отсутствие картинки
background-repeat – автоматическое размножение фона
   no-repeat - не размножается
   repeatx - размножается по горизонтали
   repeaty - размножается по вертикали
   repeatxy - размножается в обоих направлениях.
background-position – расположение фона. Примечание: сначала указывается расположение по вертикальной оси: top, center или  bottom, затем - по горизонтальной: left, center или right.

Border (рамка)
border-color – цвет рамки (веб-значение)
border-width – толщина рамки (px)
border-style – стиль начертания
   none – отсутствие рамки
   dotted – пунктир (точки)
   dashed – штрих-пунктир
   solid - одинарная
   double - двойная
   groove – трехмерный эффект
   ridge - трехмерный эффект возвышения
   inset - трехмерный эффект углубления
   outset - трехмерный эффект выпуклости фона
border-top – параметр верхней кромки
border-bottom – параметр нижней кромки
border-left – параметр левой кромки
border-right – параметр правой кромки

Color (цвет) – цвет шрифта элемента (веб-значение)

Font (шрифт)
font-size – размер шрифта. Можно задавать в размерности, можно – по возрастающим значениям, методом научного тыка:
   xx-small
   x-small
   small
   medium
   large
   x-large
   xx-large
font-style - начертание
   normal - стандарт
   italic - курсив
   oblique - чуть менее наклонный, чем курсив
font-weight – толщина. Значения:
   normal - стандарт
   bold – полужирный

Text (текст)
text-align - выравнивание текста внутри элемента.
   left - по левому краю
   right - по правому краю
   center - по центру
   justify - по ширине
text-decoration - украшение текста
   underline - подчеркивание
   overline - верхнее подчеркивание
   none - никакого
   blink - мигание

Display – отображение элемента. Значения:
   none - отсутствует
   block – обведено рамкой
   list-item – элемент как часть списка, присваивается маркер
   inline – вывод элемента в одну строку

Padding - линия отбивки материнского объекта
padding-top - верхняя отбивка
padding-bottom - нижняя отбивка
padding-left - левая отбивка
padding-right - правая отбивка.

Margin - линия отступа дочернего объекта.
margin-top - верхний отступ
margin-bottom - нижний отступ
margin-left - левый отступ
margin-right - правый отступ

Vertical-align - выравнивание элемента по вертикали
   top - по верхнему краю
   bottom - по нижнему
   middle - посередине

Общий код (Структуры – около 26 страниц WORD, Цвета – чуть меньше) пишется в несколько разделов. Они носят названия, состоящие из латинской буквы и порядкового номера: А3, А4, C1, D2  и так далее. Каждый раздел начинается подобным заголовком
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
И продолжается вплоть до заголовка следующего раздела. Каждый раздел управляет какими-то параметрами оформления. Это может быть шрифт, рамки, положения различных элементов форума… На основных разделах мы остановимся поподробней чуть ниже. Пока что вам следует четко различать, где находится один раздел, а где искать другой. Это намного проще и не так страшно, как кажется попервой, я вас уверяю.

взяла всё отсюда: http://wolfcentre.mybb.ru/viewtopic.php?id=535

давай)

чуть попозже напишу урок)

December
а, спасибо) всё догнала и поняла) просто я фон по другому делаю, но если со структурой поработать - всё получиться)

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

December
хдд
завтра выложу урок тогда) буду с компа, там печатать удобнее х)

December
итак. я здесь.
Возьмём для примера код нашего стиля. Он стандартиш, да х)

Дальше в style_cs.css идёт

body {background-color: #000000;
background-image : url("");
background-repeat: no-repeat;
background-position : top center;

}

Это задний фон.
Если хочешь шапку слитную с фоном, то в background-image : url(""); ставишь картинку фона с шапкой (например: http://xmages.net/storage/10/1/0/1/6/up … 57e6da.jpg ), но строку  background-color: #000000; ты не убираешь. В данном случае фон не зафиксированный, поэтому после картинки пойдёт цвет (плавный переход нужно продумывать когда фон создаёшь)

Если хочешь фон замощенный картинкой (наподобие такого: http://s49.radikal.ru/i124/1112/a3/2155df830e1e.jpg), то ставишь адрес картинки, цвет можешь убрать, а вот в строку  background-repeat: no-repeat ставишь repeatxy
(Вот и сгодилась та подсказка, что я давала тебя в предыдущих сообщениях)

Если хочешь фон цветом - всё понятно. Всё как сейчас в структуре. Только код меняешь на свой)

далее

#pun {
background-image : url("");
background-color: #e4e4e4;
background-position : center;
background-attachment : fixed;

}

уже цвет внутреннего фона.
Можно картинкой (применяем то, что я тебе рассказала про замощенный фон), можно цветом. А можно и делать рамочку! И я расскажу как. Создаём прозрачный файл шириной 850 (высота не важна, далей как хочешь). А дальше пригодиться тот урок, что ты мне сама давала. Заливаем файл цветом, можно наложить блик (чтобы в середине посветлее было), затем берём рамку и делаем по краям (опять же - всё в твоём уроке). Сохраняем (я всегда сохраняю всё в пнг, чего и тебе советую)
Заливаем на саверпик или куда тебе привычнее и ставим ссылку в  background-image : url("");
код цвета можешь убрать.

December
Может быть есть какие-нибудь вопросы?