Создание скинов для проекта «Moy-weB» Для того чтобы сделать скин, нам понадобиться шаблон сайта.
Что такое шаблон? Это ХТМЛ страничка . Скачать шаблоны можно в нете, в большом количестве. Вот некоторые сайты где можно скачать шаблоны:
http://www.templatebest.ru/free.php
http://www.pastukhova.com/webtemplates.php
http://www.seokontakt.ru/pattern/
http://www.cityindex.ru/cgi-bin/ci/search.pl?query=%F8%E0%E1%EB%EE%ED
Ну вобщем поиск рулит
http://www.yandex.ru/
Еще один способ раздобыть шаблон, это ваш браузер, будь то Мозила, Фокс, Опера или ИЕ, у всех у них есть такая функция как сохранить страницу, после того как вы сохранили понравившуюся страницу, из нее не сложно сделать шаблон. Подробно останавливаться на этом не буду, если вы разбираетесь в ХТМЛ, то легко с этим справитесь.
И так продолжим, у нас есть шаблон из которого мы хотим сделать скин. Для этого потребуется совсем не много. Программа БЛОКНОТ, входит в стандартный набор програм Виндовс и наш шаблон.
Немного о структуре скина. Делаем папку, имя этой папки и будет именем скина (например назовем ее test). Далее ложим в нее наш шаблон. Это папка с картинками (назовем ее img ) файлы css таблиц (если они есть, ложим в папку с картинками ) и файл шаблона .
Переименовываем файл шаблона в test.php . Имя этого файла должно быть такое-же как у папки со скином, а расширение файла php .
После этого ложим нашу папку со скином в папку skins нашего сайта, заходим в конфиг сайта и прописываем наш новый скин как основной или дополнительный (значения не имеет). Открываем в браузере страничку нашего сайта. Обновляем ее. Если вид страницы не изменился, тоесть отображается старый скин, придеться обновить кукисы нашего браузера. Если на вашем старом скине есть форма переключения внешнего вида сайта, то измените ее с основного на легкий и обратно. Если скин без формы смены скина то придеться в настройках браузера очистить кукисы.
После этой процедуры еще раз обновляем страницу нашего сайта, и видим неприглядную картину, на странице нет ни одной картинки и вообще что-то не понятное. Не отчаивайтесь, все так и должно быть. Это потому что у нас не правильно заданы пути к этим картинкам и файлам таблиц стилей.
Сейчас мы их поправим. Откройте блокнотом файл нашего скина, найдите путь к любой из картинок нашего скина, например это может выглядеть так:
<img src="shablon/img/head.jpg">
нам нужно задать путь к этой картинке, таким образом , будто наш файл лежит в корневой папке сайта, и выглядеть он должен так:
<img src="skins/test/img/head.jpg">
Если картинок в скине не много, их можно подредактировать и в ручную. Но если их не один десяток, то проще воспользоваться такой полезной функцией БЛОКНОТА, как ЗАМЕНИТЬ
Выбираем этот пункт и вставляем такие строки:
После чего нажимаем ЗАМЕНИТЬ ВСЕ , и сохраняем файл.
Обновим страничку в браузере. Теперь все наши картинки на месте .
Или почти все, так как некоторые из них могут быть прописаны как фоновые картинки, и для того что-бы они начали отображаться, придеться поправить файл таблицы стилей. Он правиться по аналогии с основным файлом скина, так-что не буду на этом останавливаться, движемся дальше.
Теперь переходим к самому интересному.
Нам нужно в файле скина расставить специальные коды, которые будут отвечать за вывод нужной нам информации. Вот их список:
Этот кусок кода вставляем в скин в том месте где будет отображаться статистика сервера:
<?php include "blocks/stats.php";?>
Логин сервер: <?php echo $loginonline; ?><br>
Гейм сервер: <?php echo $gameonline; ?><br>
Онлайн: <?php echo $playsonline; ?><br>
Аккаунтов: <?php echo $accountsnum; ?><br>
Чаров: <?php echo $charnum; ?><br>
Кланов: <?php echo $clannum; ?><br>
ГМов: <?php echo $gmnum; ?>
__________________________________________________________
Главная страница:
<?php
if ($id != '')
include('module/'.$id . '.php');
else
{
include('modle/eror.php');
}
?>
_____________________________________________________________
Календарь:
<?php include("blocks/kalendar.php");?>
______________________________________________________________
Часы:
<?php include("blocks/time.php");?>
______________________________________________________________
Меню:
<?php include("menu.php");?>
_______________________________________________________________
Подпись сайта в низу страницы:
<?php echo $fut; ?>
_______________________________________________________________
Титул сайта:
<?php echo $htitle; ?>
_______________________________________________________________
Случайная аваара:
<?php include("module/random_img.php");?>
_______________________________________________________________
Случайная фраза:
<?php include("blocks/randwords.php");?>
_______________________________________________________________
Топ 10:
<?php include("blocks/top10.php");?>
_______________________________________________________________
форма для смены скина
<?php include("blocks/forma.php");?>
________________________________________________________________
Это для категорий, вставлять текст
<?php
if ($k != '')
include('skins/report/'.$k.'.txt');
else
{
echo "";
}
?>
________________________________________________________________
Это вставлять картинки категории
<IMG src="skins/report/<?php=$k?>.jpg">
________________________________________________________________
Два последних кода относятся к категориям, и в большинстве скинов не используется.
___________________________________________________________________________
Здесь документация в формате ХТМЛ с илюстрациями к этой статье.