В предыдущих двух уроках мы попытались ответить на вопрос "Как сделать дизайн для ZMailCasher" в сегодняшнем же уроке мы будем доводить наш шаблон до ума и приводить его к приятному глазу виду.

Вспомним, что должен содержать шаблон для ZMailCasher:
- меню навигации;
- меню пользователя (форма входа в аккаунт);
- места для баннера 468x60;
- места для баннера 100х100;
- место для покупных ссылок;
- место для покупных кнопок 88х31.

Вспомнил наверное все необходимое, но если что и забыл, то походу будем наверстывать.

В предыдущем уроке мы остановились на том, что наш дизайн для ZMailCasher получил пригодный к использованию вид, а теперь понемногу начнем дорабатывать его. Начнем с меню навигации (сразу предупреждаю Вас, что все наши переделки будут заточены только под русский язык и смена языка доступна не будет).

Меню писать с нуля мы небудем, а ограничимся лишь изменением готового меню в шаблоне под свои нужды, но для начала определимся с пунктами меню необходимыми нам:
1. Переход на главную страницу всегда должен быть под рукой, значит первым пунктом у нас будет пункт "Главная"
2. Пункт "Регистрация"
3. Расскажем пользователям о ценах на рекламу на нашем сайте в пункте "Реклама"
4. Пункт входа в аккаунт, если комуто не нравится входить через форму входа на сайте, пункт назовем "Аккаунт"
4. Осведомим пользователей об апгрейдах аккаунтов пунктом "Апгрейды"
5. И последим пунктом сделаем пункт "Контакты"

Переходим к созданию меню. Находим в исходном коде файла header.php строчку:

В этой строке изменяем Navigation на Меню сайта (можете обзвать свое меню как угодно) и следуем далее.

Далее мы удаляем старое меню и на его месте расположим свое меню сайта, находим и удаляем полностью строки:


Теперь на место удаленных строк кода прописываем свое меню:


Меню готово, теперь начнем размещать дополнительные формы по сайту, начнем мы с меню пользователя (просьба не путать с меню сайта), для удобства мы разместим меню пользователя с правой стороны вверху, для этого откроем файл footer.php и найдем в нем код:

Слово Vote заменим на Меню пользователя, далее находим переменную {vote} и заменяем ее на php код:


Этот код добавит на сайт форму входа и меню пользователя.

Теперь разместим баннера размером 100х100 пикселей, один будет у нас размещен с правой стороны после меню входа, а второй будет слева под меню сайта

Для этого в коде файла footer.php находим код:

Изменяем надпись Calendar на Баннер

Далее найдем в этом же файле переменную {calendar} и заменим ее на php код:


Подобным методом мы добавим баннер 100х100 с левой стороны. Откроем файл header.php, найдем в нем строку:

Заменим надпись Control Panel на Баннер и переменную {login} заменяем на php код:


Далее разместим покупные ссылки слева, для этого находим код:

Заменяем Partner на Ссылки, далее код:
заменяем на php код:


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

Слово Online заменяем на слово Статистика, а переменную {online} заменяем на Php код:


Теперь закончим с файлом header.php и перейдем к редактированию footer.php, в данном файле нам необходимо добавить новости сайта и покупные кнопки размером 88x31 пикселей. Займемся добавлением новостей:

Открываем footer.php находим строчку:

Слово Banners заменяем словом Новости и продолжаем поиск по коду, находим код:

И заменяем его php кодом:


Теперь ищем код:

Слово Archives заменяем на Кнопки, ищем переменную {archives} и заменяем ее php кодом:


Забыли мы про баннер размером 468х60 пикселей, разместим его по центру страницы, для этого вернемся к редактированию файла header.php, в данном файле в самом конце после строки:
добавим код следующего содержания:


На сегодня достаточно, осваивайте урок. Результат сегодняшней работы выглядит следующим образом:

В дальнейших уроках мы займемся доведением шаблоны до ума и удалением из дизайна для ZMailCasher всего лишнего, если у Вас имеются вопросы по урокам, не стесняйтесь, спрашивайте на нашем форуме.