[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Mangoost  
Moy-Web форум » ФОРУМ » Web-обвязка Moy-Web » Как делать скины для сайта МОЙ-ВЕБ
Как делать скины для сайта МОЙ-ВЕБ
ПРОФИЛЬ
CorsaRДата: Среда, 23.Май.2007, 19:57:25 | Сообщение # 1
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Создание скинов для проекта «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">

________________________________________________________________

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

___________________________________________________________________________

Здесь документация в формате ХТМЛ с илюстрациями к этой статье.

Прикрепления: 53998338.rar (248.9 Kb)


Сообщение отредактировал CorsaR - Среда, 23.Май.2007, 20:00:50
 
ПРОФИЛЬ
SkyДата: Пятница, 25.Май.2007, 01:20:44 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 12
Статус: Offline
А ка насчёт CuteNews, как его интегрировать в дизайн сайта?
 
ПРОФИЛЬ
CorsaRДата: Пятница, 25.Май.2007, 13:03:43 | Сообщение # 3
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Quote (Sky)
А ка насчёт CuteNews, как его интегрировать в дизайн сайта?

В админке CuteNews создаем новую категорию. При этом ей будет присвоен номер.
Далее в папке module создаем файл с любым именем и расширением РНР.
Вот содержимое котророе вставляем в этот файл:

Code
<?PHP
$category = "5";  
  include("news/show_news.php");  
?>

Цифра 5 в этом коде , это номер категории. Замените на тот номер, который будет у вашей категории.
Далее делаем ссылку в меню на этот файл , по аналогии с ссылкой на главную страницу и страницу новостей.

После чего можно редактировать вашу вновь созданную страницу в админке CuteNews.

 
ПРОФИЛЬ
vetassДата: Понедельник, 28.Май.2007, 04:51:28 | Сообщение # 4
Рядовой
Группа: Пользователи
Сообщений: 10
Статус: Offline
а можна както поподробней
Quote
Теперь переходим к самому интересному.
с этого места ,куда именно его втавлять и тд
 
ПРОФИЛЬ
CorsaRДата: Понедельник, 28.Май.2007, 23:44:56 | Сообщение # 5
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Quote (vetass)
с этого места ,куда именно его втавлять и тд

Если ты хоть немного разбираешся в ХТМЛ, то вставляй в те места шаблона, где ты хочеш видеть эти блоки. К примеру код главного окна в том месте ХТМЛ кода где оно должно быть по твоему мнению, и так далее.
Если в ХТМЛ ты не разбираешся, то вряд-ли ты сможеш сделать скин. Лучше обратись к специалисту.
 
ПРОФИЛЬ
GidronДата: Чтетверг, 31.Май.2007, 01:57:17 | Сообщение # 6
Подполковник
Группа: Пользователи
Сообщений: 104
Статус: Offline
а нас счет стиля :)
 
ПРОФИЛЬ
CorsaRДата: Чтетверг, 31.Май.2007, 23:49:58 | Сообщение # 7
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Quote (Gidron)
а нас счет стиля :)

В каком контексте здесь употреблено слово СТИЛЬ ?

 
ПРОФИЛЬ
GidronДата: Пятница, 01.Июн.2007, 02:28:58 | Сообщение # 8
Подполковник
Группа: Пользователи
Сообщений: 104
Статус: Offline
style
 
ПРОФИЛЬ
CorsaRДата: Пятница, 01.Июн.2007, 20:43:36 | Сообщение # 9
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Quote (Gidron)
style

Если ты имееш в виду таблицу стилей ( style.css )
то с ней тоже никаких проблем. Положи ее в папку со скином. И укажи путь к ней типа такого ( <link rel="StyleSheet" href="skins/mw107/img/style.css" type="text/css"> )
 
ПРОФИЛЬ
FantomДата: Воскресенье, 03.Июн.2007, 07:34:46 | Сообщение # 10
Рядовой
Группа: Пользователи
Сообщений: 14
Статус: Offline
Спасибо Корсар:) все лёгко описанно и понятно:) я благодоря этой инструкции теперь освоил ПШП:))
 
ПРОФИЛЬ
FuriousДата: Чтетверг, 14.Июн.2007, 17:27:43 | Сообщение # 11
Рядовой
Группа: Пользователи
Сообщений: 7
Статус: Offline
Вообщем, то, что было описано выше не относится никаким боком к php - это всего лишь азы Html'a! :) До освоения php Вам еще расти и расти :) А элементы, да, некоторые php использованы.
 
ПРОФИЛЬ
GidronДата: Чтетверг, 14.Июн.2007, 20:56:49 | Сообщение # 12
Подполковник
Группа: Пользователи
Сообщений: 104
Статус: Offline
буду стараться сам се делать
 
ПРОФИЛЬ
voqpkaN1Дата: Пятница, 31.Окт.2008, 21:30:18 | Сообщение # 13
Рядовой
Группа: Пользователи
Сообщений: 7
Статус: Offline
Здравствуйте уважаемые форумчане!
У меня возник вопрос..например попадаются скины где нету меню..прописывать не умею (пробывал взять со скрина де это есть, результат - тупо меню с того скрина в какой-либо части сайта ), подскажите где и что прописывать..какие строки за что отвечают..ну вообщем если несложно небольшой мануальчик, буду очень благодарен=)
К примеру скин шока.Очень надеюсь на вашу помощь.
 
ПРОФИЛЬ
CorsaRДата: Суббота, 01.Ноя.2008, 17:46:00 | Сообщение # 14
Живу я здесь
Группа: Администраторы
Сообщений: 497
Статус: Offline
Почитай мануал по созданию скинов, там вроде довольно всё просто описано, в нужное тебе место в скине просто вставь вот этот код

Code
<?php include("menu.php");?>

и у тебя будет меню, а редактировать его в файле menu.php , он лежит в корне сайта.
Более подробно, это нужно уже читать букварь по ХТМЛ.
 
ПРОФИЛЬ
voqpkaN1Дата: Воскресенье, 02.Ноя.2008, 17:41:50 | Сообщение # 15
Рядовой
Группа: Пользователи
Сообщений: 7
Статус: Offline
ответ удовлетворителен, спс)

Добавлено (02.Ноя.2008, 17:41:50)
---------------------------------------------
та и еще Корсар, уже обсуждалось...но ничего полезного там не нашол, собстно вопрос: как поменять ip на название сайта?
Заранее спс.

 
Moy-Web форум » ФОРУМ » Web-обвязка Moy-Web » Как делать скины для сайта МОЙ-ВЕБ
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: