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

Многовато. У меня диагональ экрана 17 и пол диза уезжает. Делай меньше что бы таким как и я так не страдать.

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

Нет, теперь все нормально.

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

Привет )) Ага. Правда пока только монитор поставила. На системник ещё винду установить надо. Но я все свои работы в новых красках увидила все свои работы ))) Так что сегодня прийду домой и придумаю тебе задание. А вообще поищи дизайн который тебе нравится и попробуем его разобрать.

Спасибочки ))) Я вчера даже на радостях новый дизайн слепила.

Нет, давай закончим с тем дизом. А потом будем разбирать.

Как сделаю, так сразу на форум загружу. Это заказ.

Границы между категориями можно создать с помощью простого кода. Но прежде всего нужно сделать картинку для категорий.

Картинки в названия категорий

Вставлять в HTMl-верх

<style>
#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

</style>

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

Так же можно поставить этот код в стиль в таком виде

#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

вставлять в самый низ цветов css

<style type="text/css">

    /*1. Настройка общего вида линков */

    #pun-navlinks a {
    display: inline-block;
   height: 20px;
    width: 70px;
    margin-left: 10px;
    }

    /*2. Настройка изображений */

    #navindex a {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a {background: url(адрес_изображения) no-repeat top center;}
    #navpm a {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a {background: url(адрес_изображения) no-repeat top center;}
    #navregister  a {background: url(адрес_изображения) no-repeat top center;}

    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navpm a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navregister a:hover {background: url(адрес_изображения) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
    </style>

Инструкции

1. Настройка общего вида #pun-navlinks a
height: 20px; - укажите высоту ваших изображений
width: 70px; - укажите ширину ваших изображений. Если ширина изображений разная, необходимо удалить эту строку, и указать ширину для каждого элемента отдельно.
Пример:
#navindex a {background: url(адрес_изображения) no-repeat top center; width: 70px; }
#navuserlist a {background: url(адрес_изображения) no-repeat top center; width: 75px;}
и т.д.
! Для ховеров ширину указывать не нужно. Свойство наследуется.
margin-left: 10px; - расстояние между линками.

2. Настройка изображений

#navindex a - Главная
#navuserlist a - Пользователи
#navsearch a - Поиск
#navprofile a - Профиль
#navpm a - ЛС
#navadmin a - Администрирование
#navlogout a - Выход
#navlogin a - Вход
#navregister  a - Регистрация
#navextra1 a - для добавленных ссылок, где цифра, это порядковый номер положения в меню.

background: url(адрес_изображения) - адрес вашего изображения, которое будет отображаться когда ссылка находится в состоянии покоя.

3. Настройка изображений ховера

Все как и выше. Только изображения для ссылок при наведении.

Картинка эта называется футер. И ставится через стиль

#pun-about p.container {background-image: url(адрес); background-position: top center; background-repeat: no-repeat; height: 116px; width: 790px;}
div#html-footer {margin: -190px 0px 0px 0px;}

margin - элемент, отвечающий за отступы
Значения меняем на свои

Делаешь целиком картинку в фотошопе. Надпись и все что хочешь что бы располагалось на ней и ставишь. Не чего приписывать не нужно.

Не чего страшного не случится. Этим кодом сама все время пользуюсь если не лень картинки делать. Ставь его в хтмл верх
Что такое ховер точно сказать не могу, но этот пункт отвечает за ссылку при наведении.