Главная | Новости | Полезная информация | Документация | Школа | Файлы | Ссылки | Форум
 Текущая сборка
RusNuke Current
Web-SVN
SVN репозиторий
Bug Tracker

 Навигация
Главная
Новости
Обзоры
Информация
Документация
Вопросы и ответы
Каталог файлов
Каталог ссылок
Информация о проекте
Рассылка новостей
Контакт с автором
Наполнение сайта
Добавить статью
Добавить файл
Добавить ссылку

Наши услуги
Обменный пункт WM
Реклама на проекте
Платные услуги
Услуги хостинга

Отраслевые публикации
Статьи по отраслям

 Поиск по сайту


Google
Web nukefiles.ru


Полезная информация
На главную >>> Делаем сами (Школа)
Создание собственной темы оформления

Теперь когда Вы познакомились со всеми обязательными элементами входящими в тему оформления к PHP-Nuke мы попробуем создать новую тему. Создайте, указанную в самом начале урока, структуру папок у себя на диске. В качестве основы можно использовать наш файл theme.php. Используя код данного файла (можно просто скопировать его) создайте свой файл theme.php и сохраните его в папке Delfi. 

Чтобы не ломать голову дизайн мы позаимствуем с сайта http://rus.delfi.lv

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

Итак создаем следующие графические файлы:
logo.gif / Наш логотип (Вы естественно делаете свой, только для сохранения стиля используйте такие же цветовые решения).
ugol.gif , fon.gif / Элементы для оформления блоков.

home.gif , home_a.gif , forum.gif , forum_a.gif , files.gif , files_a , links.gif , links_a.gif , akkaunt.gif , akkaunt_a.gif / Элементы для верхней навигации (два комплекта одинаковых картинок с разным фоном). 
leftbar.gif / Элемент для отображения графиков в модулях голосования и статистики.
mainbar.gif / Элемент для отображения графиков в модулях голосования и статистики.
rightbar.gif / Элемент для отображения графиков в модулях голосования и статистики.

И в добавок к этим еще один графический файл pixel.gif. Для его создания откройте Adobe Photoshop и дайте команду на создание нового файла с размерами 1x1 пиксель и прозрачным фоном, после этого сразу сохраните его для Web графики в .gif формате.
Созданные изображения сохраните в папке Delfi/images

В итоге общая масса графики вашей темы выводимая на странице не превышает 9 Kb, по моему очень даже неплохо.

Верстаем HTML код
Для облегчения верстки нашей темы, мы для начала воспользуемся каким-либо визуальным редактором, я к примеру предпочитаю FrontPage. Наша задача построить простую HTML страницу, которая будет максимально походить на первую страницу сайта http://rus.delfi.lv . Ну вот что получилось у меня (см. пример). Данный шаблон для наглядности я снабдил содержанием для нескольких блоков, сообщением администратора и статьей. Код шаблона без содержания и с пояснениями пригодится во время внедрения его в файл theme.php. 

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

Преобразование HTML файла в theme.php
Теперь нам нужно внедрить наш HTML шаблон в файл theme.php. Новички могут перед внедрением преобразовать HTML код в PHP код используя различные утилиты. Но я все же рекомендую проделать эту операцию вручную, используя при этом какой-либо текстовый редактор.

Не забудьте так же отредактировать пути к графическим файлам применяемым в теме, в нашем случае они будут такими - themes/Delfi/images/ и выставить ссылки в верхней навигации.

Основные ошибки которые могут встретится у новичков во время такого преобразования, это ошибки в синтаксисе PHP. Ничего страшного в этом нет. Скорее всего во время первого запуска темы браузер выдаст сообщение об ошибке, посмотрите в какой строке ошибка, и исправьте ее.

Главное во внедрении кода, это правильное его распределение по функциям. Для этого Вам нужно хотя бы немного ориентироваться в HTML тегах. Посоветовать здесь можно следующее, - Смотрите внимательно на предоставленные в этом уроке примеры, внимательно читайте код и постарайтесь его понять.

Создание файла стилей
Ну и в завершении, нам осталось дополнить нашу тему, стилевым файлом style.css. В данном файле так же есть общепринятые для PHP-Nuke значения которые следует обязательно указать. Помимо общепринятых значений, таких как: FONT , TD , BODY , P , DIV , INPUT , TEXTAREA , FORM , A:link , A:active , A:visited , A:hover необходимо дать значение следующим параметрам:

.title - заголовки в некоторых модулях
.content - шрифт для содержания блоков, модулей
.storytitle - шрифт заголовков статей
.storycat - шрифт названий категорий
.boxtitle - шрифт названия блоков
.boxcontent - шрифт для содержимого блоков
.option - часто используется для различных заголовков и ссылок
.tiny - используется в модуле News
.footmsg - как правило применяется дня текста в самом низу сайта
Важно
Это лишь условное назначение стилей. Как правило авторы различных модулей используют представленные стили в различных частях, в зависимости от того что им нужно. Ну к примеру чтобы особо выделить текст они могут применить стиль .storytitle , потому как уверенны что данный стиль прописан практически в каждой теме.

Вот код стилевого файла который создал я. Вы конечно можете установить свои стилевые настройки. Сохраните созданный стилевой файл под именем style.css в папке Delfi/style.

Вот собственно и все, новая тема готова. Она пока предельно проста, но зато полностью работоспособна. Загрузите всю папку Delfi в каталог themes Вашей Нюки, зайдите в свой аккаунт в раздел "Внешний вид" и выберите из списка тем "Delfi". Еще раз повторюсь, вполне возможно что вместо загруженной страницы браузер укажет Вам на ошибку, в этом ничего страшного нет, посмотрите где именно ошибка, откройте текстовый редактор, найдите эту ошибку (ошибки) и исправьте ее. Здесь Вы можете взять архив того что у нас получилось.

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

Продолжение в следующем материале

PHP-Nuke по-русски
Сергей

Дата публикации: 2004-06-21
Материал прочитан: 60059 раз(а)


 Другие материалы категории Другие категории раздела
Создание блоков в PHP-Nuke
Устройство тем оформления
Усовершенствование темы
Создание собственного модуля (часть1)
Создание собственного модуля (часть2)
Советы по оптимизации PHP-Nuke
Модернизация модулей
Модернизация блоков
Защита системы
Дизайн в системе PHP-Nuke

Создание сайта в воронеже
Условия размещения рекламы. Газета объявлений и рекламы.
team-b.ru
Играть в майнкрафт без границ без регистрации
играть в майнкрафт без
srvtop.ru
автоматические распашные ворота сайт
dimart-stroy-nn.ru
На сайте http://prostitutkitomska.info/locations/sovetskij-rajon/ каждый найдёт для себя шаловливую девочку Советского района на любой вкус.
пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ - пїЅпїЅпїЅпїЅпїЅпїЅ

 Авторизация
Логин
Пароль
Регистрация на сайте
Забыли свой пароль?

 Сейчас на сайте
Гостей: 10
Пользователей: 3
Всего: 13

Пользователи:
01: AwertySreq
02: ManuelSaido
03: BuroMunc

 Наш опрос
Какой форум предпочитаете?

Invision Power Board
vBulletin
Phorum
MyBB
PunBB
Simple Machines Forum
phpBB
BBtoNuke



Результаты
Другие опросы

Ответов: 1339
Комментариев: 10

 Рассылка новостей
Подробнее...

 Реклама


Главная | Новости | Полезная информация | Документация | Школа | Файлы | Ссылки | Форум
Copyright © 2002 Internet studio. All Rights Reserved.
Web site engine's code is Copyright © 2002 by PHP-Nuke.
PHP-Nuke is a free test software released under the GNU/GPL.
Страница сгенерирована за 0.0306 с. Выполнено 15 запроса к базе данных за 0.0034 с.

Rambler's Top100 Рейтинг@Mail.ru liveinternet.ru: показано число просмотров и посетителей за 24 часа