Не за что ))) Буду очень рада если смогу научить тебя чему-нибудь )))

Поставь мне админство

Хвалю за выбор дизайнов. Хотя некоторые по стилю мне не нравятся, но в техническом плане они очень хорошо сделаны.

Для начала я напишу тебе несколько уроков из которых ты узнаешь из чего состоит дизайн. Это очень важно.

Дизайны будем прописывать в основном через CSS.

Общие понятия о css
Расшифровка css-кодов и схема их написания.

Что представляет собой css код для какого либо элемента?
Он состоит из СЕЛЕКТОРА, ПАРАМЕТРА и АРГУМЕНТА.
Селектор (от англ. select - выбирать; selector - "отборщик") - это "имя" элемента, который меняется. мы указываем (выбираем), что будет изменено. (например: категории форума, форма ответа, поля профиля и т.п.)
Параметр - это свойство элемента. мы указываем, что в выбранном элементе надо поменять (например: фон, размер, границы и т.п.)
Аргумент - это значение свойства. мы указываем, какие именно изменения произойдут с выбранным свойством. (например: указываем цвет, ссылку на фон, размер в пикселях или процентах и т.п.)
Стандартный css код выглядит следующим образом:

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

Вот пример того, как выглядит код для меню навигации

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

Параметры и значения CSS

О том, как производить изменения в выбранных селекторах.
Цвета в CSS
для всех параметров, которые требуют указания цвета, например, ФОНА и ЦВЕТА ШРИФТА, необходимо указывать веб-название соответствующего цвета.
Веб-названия для различных цветов можно посмотреть тут: таблица хтмл цветов
Например, вот так будет выглядит код для задания цвета:

Размеры в CSS
для всех параметров, имеющих отношение к размерам, длине или ширине чего-либо значения представляют собой число и двухбуквенное обозначение единицы измерения
em - высота шрифта (текущий кегль)
ех - высота буквы х для текущего кегля;
рх - пикселы (относительно координат окна).
in - дюймы;
cm - сантиметры;
mm - миллиметры;
pt - пункты;

ШИРИНУ ДОПУСТИМО ОБОЗНАЧАТЬ В ПРОЦЕНТАХ!!!
Красным отмечены те единицы измерения, которые мы вам рекомендуем к применению.
Например, так мы задаем ширину и высоту элемента

Параметры CSS

ФОН

background-color 
Цвет фона элемента. Значением может быть веб-название цвета.
background-attachment
Определяет, будет ли прокручиваться фон.
Значения:
scroll - фон поддается прокрутке
fixed - не поддается прокрутке.
background-image
Фоновая картинка
Значения:
url ("...") - где в скобках адрес картинки
none - никакой картинки
background-repeat
Определяет, будет ли размножаться фоновая картинка
Значения:
no-repeat - Не размножается
repeat-x - размножается по горизонтлаи
repeat-y - размножанется по вертикали
repeat-xy - размножается в обоих направлениях.
background-position
Расположение фоновой картинки на странице
Сначала указывается расположение по вертикальной оси: top (верх), center(центр) или bottom(низ), затем по горизонтальной: left(слева), center(центр) или right(справа)
Пример:

расшифровать это можно так:

Пока почитай это, а чуть позже дам тебе еще дополнительное задание.

Сделай фон. Размер 1450х200(или 300) пикселей. Середина форума 800 пикселей.

1.

Сделай прокручиваемый фон
Сделай что бы он не размножался
слева

2.

фон фиксированный
не прокручивается
стоит по центру

Вообщем как сделаешь, то делай скрины и кидай сюда.

Да заходишь в Администрирование--->Свой стиль. Не забудь поставить галочку что бы использовать свой стиль, иначе он просто не отобразится.

style_cs.css
управляет цветовыми сочетаниями и стилями шрифтов

1. CS1 Background and text colours
управляет цветовыми сочитаниями таблиц форума и текстов
а) Первое, что мы видим там, это код:

Мы можем вставить свой цвет, но можем вставить какую-либо картинку:

б) Потому уже идут блоки:

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #цвет;
  color: #цвет;
  }

это первый блок.

Он управляет основны цветом форума: фоновый цвет ячеек таблиц форума с количеством сообщений и тем, приветствие, низ форума, статистика форума, меня форума (где "профиль", "поиск" и т.д.)

этот тег устанавливает цвет фона этих элементов форума. но туда можно вставить фоовое изображение, а не цвет:

Вот такой тег устанавливает цвет текста:

ВАЖНО! Цветом, который вы пропишите в этом теге, будет обладать только тест, находящийся в этих блоках.
ТЕКСТ можно менять по стилистике!

Дописываем:
color: #цвет; - задаете цвет текста
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.

в) Следующий блок:

меняет цвета таблиц форума и текста форума.
цвет как и всегда можно заменить на картинку:

г) Следующий блок:

этот блог управляет категориями форума:

д) Следующий блок:

Корректирует шапку

1 - Текст
color: #цвет; - устанавливаете цвет шрифта.
дописываем по необходимости, если надо:
font-weight: bold; - текст станет жирным.
font-style: italic; - текст будет курсивом.

2 - ФОН
background-color: #цвет; - устанавливаем цвет фона.
background-image: url(http://Адрес картинки); - - устанавливает фоновое изображение (например, шапку форума.)

е) далее следует такой блок:

Он управляет всяческими замечаниями и приписками форума, которые есть на движке mybb по умолчанию.

ж) далее блок:

Он упраыляет шапкой форумных таблиц и теством в этой шапкой.

з) Блок:

Управляет "задником" (цвет фона цитаты, кода...) и параметрами его текста:

и) Следующий Блок:

Управляет меню навигации

регулирует цвет фона и шрифта в форме ответа (вместе с кнопками "отправить" и "пред. просмотр") и других формах для заполнения.

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

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

У тебя же не вставлен фон картинкой, вот не чего и не заметно.

Шаблоны для графики дизайна

Очень хорошо. Для дальнейшей работы над дизайном нам потребуется сделать графику. Опираясь на мои шаблоны сделай фон и шапку. Что бы было легче делать определи для себя любую тематику дизайна. Потом скажу что будем делать дальше.

Это шапка, а где фон?

Нет, покажи мне их картинками. Я смотрю, что ты уже поставила шапку. А я еще не сказала куда ее ставить. С начала нужно сделать всю графику.

Нет, ты меня не поняла. То что ты сделала не совсем то. Вот смотри я делала это для дизайна.

Шапка

Фон

А вот шаблоны которые я тебе давала выше.

В шапку мы прорисовываем задний фон, кусочек середины форума и картинку лого. А фон делаем задний фон и середину форума. Переделай.

По стилю ты можешь делать все что нравится, но следуй шаблонам. Например на шапке розовую середину можно сделать выше или ниже. Можно с верху добавить полоску для навигации, тут как душе угодно. Середина форума (розовая часть) должна быть 800 пикселей.