Поставь мне админство на форуме.

Три первых форума у меня не открылись к сожалению.

Давно видела этот дизайн. Простенько, но очень красиво и цвета приятные. Он мне тоже нравится.

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

Дизайны будем прописывать в основном через 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(справа)
Пример:

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

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

У тебя какие размеры шапки и фона? Там кажется больше чем я говорила.

Все-таки попробуй перезалить картинки, потому что я открываю твой тестовик а там все белое. Видимо хостинг перестал работать. Я тебе там цвета убрала, но картинки все равно не показываются.

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

Да, поставь мне админство коды гляну.

Когда сделаешь вставь еще сюда ссылку на шапку.

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

#pun-title TABLE {
  border: none;
  height: 500px;
  width: 800px;
  float: none;
  background-image: url(ссылка на шапку);
  background-position : top center; 
}

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

Ну вот, так уже намного лучше смотрится. Ты наверное сама видешь, что тело форума у тебя еще не совсем такое как надо.

Когда мы задаем фон картинкой, а именно пишем background-image, то background-color : #0c0c0c; нам совершенно не к чему. Так что в /* CS1 Background and text colours убирай отовсюду цвет. И тогда фон будет отображаться нормально.

Нет, не убрала. Этого бело-голубого фона не должно быть. Убирай в /* CS1.1 */, /* CS1.2 */, /* CS1.3 */, /* CS1.4 */, /* CS1.5 */, /* CS1.6 */, /* CS1.7 */, /* CS1.8 */

Да, теперь вижу. Чуть позже напишу как убрать границы и вставить иконки. Кстати, пока можешь их сделать.

Я обычно делаю 70х70 пикселей. Можно сделать 80х80, это как тебе больше нравится. Главное не делать слишком большими и маленькими тоже не надо.