[manual]Учимся делать Rip'ы сайтов
14 replies2,809 viewsCurrently viewing: 1
· 12/06/2008, 07:56 PM
Как и обещал, более подробно 
И так, начнём наш урок 
Основное положение:
Рип сайтов, конечно хорошая вестчь, так как не нужно плотить за готовый дизайн, а просто "слизывать" готовенькое :)
Многим, как и мне, просто не по карману плотить за Професианальный дизайн для своего сайта... И приходится юзать уже готовенькое, другими словами "Халяву" (А халяву йа люблю ©). Но приходится всё равно изменять под себя :) Доирисовывать некоторые детали сайта, переделывать структуру и т.п.
Сейчас же, йа расскажу как для начала сделать нам "РИП", другими словами Исходный материал для будующего сайта :)
1. Что нам потребуется
- Текстовый редактор
*Я пользуюсь Notepad++ (Скачать Notepad++), так как для меня более удобно в нём работать, привык
Редактор потребуется для массового изменения текста, "Автозамена" другими словами - Браузер
Ваше по "барабану" какой вы используете. Главное, чтобы он поддерживал функцию "Показать исходный код страницы"
Также пригадится для проверки нашего чуда - Локальный web сервер \ или сторонний (Хостинг)
Для этого лучше использовать локальную машину. Для увеличения скорости работы с рипом... БЫстро проверяем и быстро редактируем, как говорится: "Не отходя т кассы" - Знание html \ php \ CSS
На всякий случай :) Если вы не знаете простую структуру html , вам тут делать нечего... ВЫ НУБ :D - Нам нужен движок сайта
*Йа буду делать и показывать как сделать рип под DLE
В общем под любой двиг схема действий почти одинаковая, смысл тотже... - Чашка кофе\чаю\пива
Без этого любая работа за компом не идёт...
2. Начнём наш RIP
2.1 Выбираем цель (сайт что будем рипать)
*Йа буду показывать на примере уже готового рипа (рип сделан мнойже и совсем недавно)
И так, цель у нас: pwonline.ru
Этапы работы:
1. Заходин на нужный сайт и открываем "Исходный код"
Открыли :)
Копируем всё и без остатка
2. Открываем ваш двиг сайта (Не забываем,двиг DLE)
Заходим в Админ панель ---- > Шаблоны сайта ---- > Выбираем ваш (у меня это PWOnline)
*Заранее создадим папку для нашего шаблона в корне движка:
Код
C:\server\diskw\www\templates\pwonline
Вставляем в "темпл" (Общий макет страницы) то, что мы скопировали на том сайте (что мы рипаем)
Вставили, можно сохранить и посмотреть что у нас получилось (Вы увидете на сайте, так сказать основу, без картинок и всего остального...)
3. Начинаем исправлять "исходный код" / Правим линки
Скопированный исходный код переносим в Notepad или Блокнот (не важно) и меняем там линки с помощью автозамены.
Повторяем это дело со всеми линками, которые ведут к CSS \ Images \ JS (JavaScript)
Для CSS вид линка:
Код
{THEME}/css/
Для Images(картинок) вид:
Цитата
{THEME}/images/
Для JS вид:
Код
{THEME}/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'
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 08:38 AM
мануал по рипу мой веб
1) открываеш сайт который хоч рипнуть
2) открываем "Исходный код"Открыли :)
3)всё копируеш в php файл ток чистый его можно сделать любой модуль скопируй и очисти внём всё
4)сохрани все картинки с сайта в папку где у тя находится твой php
5) и правь кнопки (в зависимости от сайта если ты рипал на движке мой-веб то ненад менять )
6)наслождайтесь скином
7)а и самое главное чтоб у тя все кортинки отображдались поправь везде путь к ним
0
· 12/07/2008, 09:25 AM
Цитата
Warning: include_once(Z:\home\localhost\www/templates/pwonline/login.tpl): failed to open stream: No such file or directory in Z:\home\localhost\www\engine\init.php on line 315 Warning: include_once(): Failed opening 'Z:\home\localhost\www/templates/pwonline/login.tpl' for inclusion (include_path='.;/usr/local/php5/PEAR') in Z:\home\localhost\www\engine\init.php on line 315 Невозможно загрузить шаблон: informer.tpl
вот что пищет когджа я эт шоблон ставлю почему так ???????
вот что пищет когджа я эт шоблон ставлю почему так ???????
Забыл добавить ^_^
В папке со скином должны быть все(!) темплы.
Как это сделать ? Скопировать старую папку (сделать копию скина который имеется уже, можно стандартный) и уже в неё делать рип ^_^
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 09:29 AM
Содержимое папки скина:
Цитата
TPL скина:
informer.tpl
addcomments.tpl
addnews.tpl
comments.tpl
fullstory.tpl
login.tpl
info.tpl
lostpassword.tpl
main.tpl
navigation.tpl
offline.tpl
pm.tpl
poll.tpl
registration.tpl
search.tpl
searchresult.tpl
shortstory.tpl
speedbar.tpl
static.tpl
tagscloud.tpl
topusers.tpl - К модулю Топ Юзеров (у вас его может и не быть)
vote.tpl
userinfo.tpl
Папки:
images
JS
CSS
informer.tpl
addcomments.tpl
addnews.tpl
comments.tpl
fullstory.tpl
login.tpl
info.tpl
lostpassword.tpl
main.tpl
navigation.tpl
offline.tpl
pm.tpl
poll.tpl
registration.tpl
search.tpl
searchresult.tpl
shortstory.tpl
speedbar.tpl
static.tpl
tagscloud.tpl
topusers.tpl - К модулю Топ Юзеров (у вас его может и не быть)
vote.tpl
userinfo.tpl
Папки:
images
JS
CSS
Цитата
так сделал а умну вообще картинки неотоброжаются )))))
?????? хотя вроде как сделал всё так как ты написал )
?????? хотя вроде как сделал всё так как ты написал )
Картинки могут быть ещё в CSS силе, там путь
Цитата
('images/КАРТИНКА.jpg')
Пути должны быть верные все :)
Цитата
{THEME}/images/картинка
Также возможно файлик
Цитата
.htaccess
не даёт загрузить фартинки... Можно его убить, но тогда отроем доступ к папке ^_^
Читаем вот это: _http://www.htaccess.net.ru/
Для настройки .htaccess
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 09:38 AM
Скрытый текст
pwonline.ru
*Это моя старая версия...
*Новая версия
Скрытый текст
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 09:50 AM
Это всё делается с помощью фотошопа :)
Открываем файл
Цитата
images/menu.gif
и уже изменяем как душе угодно, главное вот подобрать цвета и шрифт... йа спешил, так что сделал чуть-чуть некорректно менюшку у себя....Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 09:58 AM
Воть для Lineage II
Цитата
млин я имел в виду не это к примеру жмёш на кнопку и он открывает к примеру мой пхп скрипт вот как прописать и где к менюшке
А понял... в Скине (в mian.tpl) есть
с 281 строки
Код
<table border="0" cellpadding="0" cellspacing="0" id="menu">
<td id="menu_news"><a href="/news"><img src="{THEME}/images/sp.gif" width="78" height="40" border="0" alt="Новости" /></a><br /></td>
<td id="menu_game"><a href="/forum/index.php" target="_blank"><img src="{THEME}/images/sp.gif" width="71" height="40" border="0" alt="Об игре" /></a><br /></td>
<td id="menu_forum"><a href="/about.html"><img src="{THEME}/images/sp.gif" width="68" height="40" border="0" alt="Конференция игроков" /></a><br /></td>
<td id="menu_community"><a href="/?do=lineage&module=registration"><img src="{THEME}/images/sp.gif" width="103" height="40" border="0" alt="Регистрация игрового аккаунта" /></a><br /></td>
<td id="menu_download"><a href="/download.html"><img src="{THEME}/images/sp.gif" width="75" height="40" border="0" alt="Загрузка файлов" /></a><br /></td>
<td id="menu_mall"><a href="/donations.html"><img src="{THEME}/images/sp.gif" width="129" height="40" border="0" alt="Добровольные пожертвования" /></a><br /></td>
<td id="menu_faq"><a href="/faq.html"><img src="{THEME}/images/sp.gif" width="60" height="40" border="0" alt="Часто задаваемые вопросы" /></a><br /></td>
<td id="menu_support"><a href="/?do=lineage&module=stat"><img src="{THEME}/images/sp.gif" width="96" height="40" border="0" alt="Статистика серверов" /></a><br /></td>
</table>
<td id="menu_news"><a href="/news"><img src="{THEME}/images/sp.gif" width="78" height="40" border="0" alt="Новости" /></a><br /></td>
<td id="menu_game"><a href="/forum/index.php" target="_blank"><img src="{THEME}/images/sp.gif" width="71" height="40" border="0" alt="Об игре" /></a><br /></td>
<td id="menu_forum"><a href="/about.html"><img src="{THEME}/images/sp.gif" width="68" height="40" border="0" alt="Конференция игроков" /></a><br /></td>
<td id="menu_community"><a href="/?do=lineage&module=registration"><img src="{THEME}/images/sp.gif" width="103" height="40" border="0" alt="Регистрация игрового аккаунта" /></a><br /></td>
<td id="menu_download"><a href="/download.html"><img src="{THEME}/images/sp.gif" width="75" height="40" border="0" alt="Загрузка файлов" /></a><br /></td>
<td id="menu_mall"><a href="/donations.html"><img src="{THEME}/images/sp.gif" width="129" height="40" border="0" alt="Добровольные пожертвования" /></a><br /></td>
<td id="menu_faq"><a href="/faq.html"><img src="{THEME}/images/sp.gif" width="60" height="40" border="0" alt="Часто задаваемые вопросы" /></a><br /></td>
<td id="menu_support"><a href="/?do=lineage&module=stat"><img src="{THEME}/images/sp.gif" width="96" height="40" border="0" alt="Статистика серверов" /></a><br /></td>
</table>
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 10:15 AM
Как PhP впяхнуть в двиг читай вот это:
http://la2base.ru/forum/index.php?s=&s...st&p=120536
Цитата
слух ещё один ваопрос вот ты скинул мне скин так вот там с права ток вход и пуста как мне туда чёнить занести сможно было к примеру муз плееер )
Если знаешь html, совсем хорошо :) Идём в скин... ищим где находится этот Login (тег {login})
B вписываем ниже всё что очешь... (тока по размеру попади :))
Код
</td><td width="22"><img src="{THEME}/images/sp.gif" width="22" height="1" border="0" /><br /></td><td width="304">
<div id="auth_top"></div>
<div id="auth_body">
<br>
{login}
</div>
<div id="auth_btm"></div>
<br />
<img src="{THEME}/images/replenish_supplies.png" width="304" height="117" border="0" alt="" />
<br />
<br />
Сюда ВСТАВЛЯЕМ ВСЁ ЧТО ХОЧЕШЬ.. Тока в " <div> </div> "
<br />
<br />
<div align='left'>{servl2}</div>
<br />
<br />
<h4>Ахалай махалай</h4>
<img src="/img/sp.gif" width="1" height="3" border="0" /><br />
<div align="left" class="column"><img src="{THEME}/images/icon_arrow.gif" width="5" height="7" border="0" /> <a href="#" class="red" style="font: normal 11px arial, helvetica, sans-serif;">Смотреть еще</a></div>
<img src="/img/sp.gif" width="1" height="20" border="0" /><br />
<h4>Ахалай махалай</h4>
<img src="/img/sp.gif" width="1" height="3" border="0" /><br />
<div align="left" class="column"><img src="{THEME}/images/icon_arrow.gif" width="5" height="7" border="0" /> <a href="#" class="red" style="font: normal 11px arial, helvetica, sans-serif;">Смотреть еще</a></div>
<img src="/img/sp.gif" width="1" height="20" border="0" /><br />
</td></tr>
</table>
<div id="auth_top"></div>
<div id="auth_body">
<br>
{login}
</div>
<div id="auth_btm"></div>
<br />
<img src="{THEME}/images/replenish_supplies.png" width="304" height="117" border="0" alt="" />
<br />
<br />
Сюда ВСТАВЛЯЕМ ВСЁ ЧТО ХОЧЕШЬ.. Тока в " <div> </div> "
<br />
<br />
<div align='left'>{servl2}</div>
<br />
<br />
<h4>Ахалай махалай</h4>
<img src="/img/sp.gif" width="1" height="3" border="0" /><br />
<div align="left" class="column"><img src="{THEME}/images/icon_arrow.gif" width="5" height="7" border="0" /> <a href="#" class="red" style="font: normal 11px arial, helvetica, sans-serif;">Смотреть еще</a></div>
<img src="/img/sp.gif" width="1" height="20" border="0" /><br />
<h4>Ахалай махалай</h4>
<img src="/img/sp.gif" width="1" height="3" border="0" /><br />
<div align="left" class="column"><img src="{THEME}/images/icon_arrow.gif" width="5" height="7" border="0" /> <a href="#" class="red" style="font: normal 11px arial, helvetica, sans-serif;">Смотреть еще</a></div>
<img src="/img/sp.gif" width="1" height="20" border="0" /><br />
</td></tr>
</table>
Ну или стираем где <h4>Ахалай махалай</h4> :-D
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 01:01 PM
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
0
· 12/07/2008, 02:32 PM
оО
Страницы типа : download.html нужно создавать в самой админке.
Почти внизу есть такой раздел: Статические страницы
Вот в нём и создавай...
+ Нужно сохранять все изменения в main.tpl :)
Главная ошибка одится в полуметре от монитора...
0
· 12/07/2008, 02:44 PM
Всё что угодно... Например инфу.
Пример можешь посмотреть на сайте cs.web2base.ru (не реклама)
Там в меню и есть
downloads.html - Страница для скачивания
b.html - библиотека игрока
about.html - о игре
и т.д т.п.
Статические страницы можно создавать сколько хочешь :) 
Главная ошибка одится в полуметре от монитора...
0
· 12/20/2008, 12:40 AM
ха смешно)) имхо для ВЕБА спамое просто сделать рип)) хотя и для дле тож просто)))) автору спс, хоть и не где не помогло!
з.ы. советую TextPAD очень хорошая вещица!! я с помошью него клепаю сайты))
0
· 01/07/2009, 10:52 PM
на примеры сайта дa2 base в коде смотрим
<style type="text/css" media="all">
@import url(/templates/russian_base/css/style.css);
</style>
<style type="text/css" media="all">
@import url(/templates/russian_base/css/engine.css);
</style>
/templates/russian_base/css/style.css
копирйем это
и в адресную строку пишем
la2base.ru/templates/russian_base/css/style.css
и сохраняем. с тебя пасибка)
0
Topic is closed for replies