[manual]Учимся делать Rip'ы сайтов

Как и обещал, более подробно

И так, начнём наш урок

Основное положение:
Рип сайтов, конечно хорошая вестчь, так как не нужно плотить за готовый дизайн, а просто "слизывать" готовенькое :)
Многим, как и мне, просто не по карману плотить за Професианальный дизайн для своего сайта... И приходится юзать уже готовенькое, другими словами "Халяву" (А халяву йа люблю ©). Но приходится всё равно изменять под себя :) Доирисовывать некоторые детали сайта, переделывать структуру и т.п.
Сейчас же, йа расскажу как для начала сделать нам "РИП", другими словами Исходный материал для будующего сайта :)

1. Что нам потребуется

• Текстовый редактор
  *Я пользуюсь Notepad++ (Скачать Notepad++), так как для меня более удобно в нём работать, привык
  Редактор потребуется для массового изменения текста, "Автозамена" другими словами
• Браузер
  Ваше по "барабану" какой вы используете. Главное, чтобы он поддерживал функцию "Показать исходный код страницы"
  Также пригадится для проверки нашего чуда
• Локальный web сервер \ или сторонний (Хостинг)
  Для этого лучше использовать локальную машину. Для увеличения скорости работы с рипом... БЫстро проверяем и быстро редактируем, как говорится: "Не отходя т кассы"
• Знание html \ php \ CSS
  На всякий случай :) Если вы не знаете простую структуру html , вам тут делать нечего... ВЫ НУБ :D
• Нам нужен движок сайта
  *Йа буду делать и показывать как сделать рип под DLE
  В общем под любой двиг схема действий почти одинаковая, смысл тотже...
• Чашка кофе\чаю\пива
  Без этого любая работа за компом не идёт...

2. Начнём наш RIP
2.1 Выбираем цель (сайт что будем рипать)
*Йа буду показывать на примере уже готового рипа (рип сделан мнойже и совсем недавно)
И так, цель у нас: pwonline.ru

Этапы работы:
1. Заходин на нужный сайт и открываем "Исходный код"
Открыли :)


Копируем всё и без остатка


2. Открываем ваш двиг сайта (Не забываем,двиг DLE)
Заходим в Админ панель ---- > Шаблоны сайта ---- > Выбираем ваш (у меня это PWOnline)


*Заранее создадим папку для нашего шаблона в корне движка:


Вставляем в "темпл" (Общий макет страницы) то, что мы скопировали на том сайте (что мы рипаем)


Вставили, можно сохранить и посмотреть что у нас получилось (Вы увидете на сайте, так сказать основу, без картинок и всего остального...)

3. Начинаем исправлять "исходный код" / Правим линки
Скопированный исходный код переносим в Notepad или Блокнот (не важно) и меняем там линки с помощью автозамены.

Повторяем это дело со всеми линками, которые ведут к CSS \ Images \ JS (JavaScript)
Для CSS вид линка:
Для Images(картинок) вид:
Для JS вид:
*{THEME} - указывает имя шаблона (лучше использовать этот тег, вместо полного названия пути к папке скина, так как на других страницах вида: МОЙ_САЙТ.ru/page2/index.html картинок и всего остального отображать не будет.)
Также правим остальные линки менюшки, доп.Блоков.
Не забываем вставить в нужное место тег {content} для отображения новостей на сайте.

4. Сохраняем Всё что нужно для сайта
- Images
- CSS стили
- JS скрипты (если необходимо)
*JS используется для выпадающего меню и других спец.эфектов с текстом, картинками, менюшками и т.п.

5. После выполненных пунктов 2 \ 3 \ 4
Проверяем сайт и устраняем недочёты (На главной страницы сайта "РИПА")

6. Справились с 5 пунктом
Меняем остальные шаблоны:


Для корректного отображения на сайте новостей.

Ну и дальше по всем пробежимся... Комментарии, личные данные и т.д и т.п. ...

Ну и вроде вот и всё :)

Пишите, что вы ещё не знаете и я постораюсь вам помочь


*И старайтесь не нарушать пункт об "Авторском праве" ^_^

PS: В ICQ по этому поводу не отвечаю и не помогаю. Всё только на форуме.

Ах, да... Забыл добавить ^_^
Рип был немного изменён (точнее шапочка сайта)
И вот что получилось: cs.web2base.ru (не реклама, а просто пример, моей работы) ^_^


Оригинал статьи: Учимся делать RIP'ы
Автор: Dj StaL'

Забыл добавить ^_^

В папке со скином должны быть все(!) темплы.
Как это сделать ? Скопировать старую папку (сделать копию скина который имеется уже, можно стандартный) и уже в неё делать рип ^_^

Содержимое папки скина:

Картинки могут быть ещё в CSS силе, там путь

Пути должны быть верные все :)
Также возможно файлик не даёт загрузить фартинки...
Можно его убить, но тогда отроем доступ к папке ^_^

Читаем вот это: _http://www.htaccess.net.ru/
Для настройки .htaccess

pwonline.ru
*Это моя старая версия...

*Новая версия

Это всё делается с помощью фотошопа :)

Открываем файл

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

Воть для Lineage II

А понял... в Скине (в mian.tpl) есть
с 281 строки

Как PhP впяхнуть в двиг читай вот это:
http://la2base.ru/forum/index.php?s=&s...st&p=120536

Если знаешь html, совсем хорошо :)
Идём в скин... ищим где находится этот Login (тег {login})
B вписываем ниже всё что очешь... (тока по размеру попади :))



Ну или стираем где <h4>Ахалай махалай</h4> :-D

BAS: Ну что кто нибудь опишет по подробнеее как рипать сайты под Moy-web только прошу по подробнее а не в кратции.

Создание скинов для проекта «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....%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">

________________________________________________________________

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


© CorsaR