14:18 Адаптация шаблона с Dle для uCoz | |
Здравствуйте ув. пользователи, в данной теме я хотел бы расказать на своем опыте как адаптировать шаблон с CMS Dle для uCoz. Итак, что нам понадобится: Шаблон для Dle, можно найти здесь: http://nk-cs.ru/load/187 Ну и любой пустой сайт на uCoz. Ну все, вот вы скачали шаблон и готовы приступить к работе. Я за основу злял : Новостной шаблон UconTest для DLE 10.1 поскольку он простой и вам будет легче разобраться. 1. Для начала находим в папках файлы: .htaccess и index.html и везде их удаляем. 2. Загружаем папки: bbcodes, dleimages, images, js, style к себе на сайт. Загрузить сразу папками можно любым файловым менеджером, я пользуюсь FileZilla, скачиваем, устанавливаем и вводим свои данные. Если вы не знаете как пользоваться этим клиентом, то вот подробная инструкция: Настройка подключения FTP (FileZilla) от uCoz 3. Итак, загрузили мы наши файлы на сервер, теперь нам нужно открыть файл main.tpl любым блокнотом и вставить весь выделенный код в Конструктор шаблонов. 4. Находим в шаблоне код: {THEME} и {AJAX} и везде его удаляем. 5. Теперь находим тег {headers} и заменяем его на: Код <title>[TITLE]</title> Код <?if($USER_LOGGED_IN$)?><?else?>$LOGIN_FORM$<?endif?> Код [not-group=5] и [/not-group] Код <?if($USER_LOGGED_IN$)?><?else?> Код <?if($USER_LOGGED_IN$)?> <div class="header_pop" style="right:-30px;"> <div class="header_pop_close"></div> <div class="header_pop_cont"> <div id="popup_profile"> <div id="pop_p_l"><img src="{foto}" alt="" /></div> <div id="pop_p_r"> <ul> <li><a href="{profile-link}">Полный профиль</a></li <li><a href="{addnews-link}">Добавить новость</a></li <li><a href="{pm-link}">Личные сообщения</a></li> <li><a href="{logout-link}">Выйти</a></li> </ul> </div> </div> </div> </div><?else?>$LOGIN_FORM$<?endif?> Тег {foto} отвечает за вывод аватара, меняем его на $USER_AVATAR_URL$ Тег {profile-link} выводим прямую ссылку на вашу страницу, меняем его на $PERSONAL_PAGE_LINK$ Тег {addnews-link} выводит прямую ссылку на добавление нового материала, меняем его на $ADD_ENTRY_LINK$ Тег {pm-link} выводит прямую ссылку на персональные сообщения, меняем ее на $PM_URL$ Тег {logout-link} выводит прямую ссылку для выхода из профиля, меняем ее на $LOGOUT_LINK$ 7. разберем форму поиска, стандартная форма поиска на Dle немного отличается от поиска uCoz, сейчас поясню, находим у нас в шаблоне следующий код: Код <form action="" name="searchform" method="post"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input type="text" id="story" name="story" value="Введите запрос..." onblur="if(this.value=='')this.value='Введите запрос...'" onfocus="if(this.value=='Введите запрос...')this.value=''" /> <input type="submit" name="sfSbm" value="" /> </form> Код <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> 8. Идем далее по шаблону и находим такой код: Код <!-- <container> --> {include file="sidebar_l.tpl"} <!-- </container> --> Код <!-- <block2> --> <div class="block4"> <div class="title"><!-- <bt> --><!--<s5351>-->Все для uCoz<!--</s>--><!-- </bt> --></div> <div class="cont"><!-- <bc> --> <ul class="informer_ucoz"> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> </ul><!-- </bc> --> </div> </div> <!-- </block2> --> Код <!-- <block2> --> Код <!-- <container> --><!-- <block> --> Код <!-- </block2> --> Код <!-- </block> --><!-- </container> --> Код <div class="title"><!-- <bt> --><!--<s5351>-->Все для uCoz<!--</s>--><!-- </bt> --></div> Код <div class="title">TITLE</div> Код <!-- <bc> --> <ul class="informer_ucoz"> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> <li><a href="#">Название ссылки</a></li> </ul><!-- </bc> --> Код CONTENT Код <!-- <container> --><!-- <block> --> <div class="block4"> <div class="title">TITLE</div> <div class="cont">CONTENT</div> </div> <!-- </block> --><!-- </container> --> Код <!-- <container> --><!-- <block> --> <div class="block"> <div class="title1">TITLE</div> <div class="cont">CONTENT</div> </div> <!-- </block> --><!-- </container> --> 11. находим код: Код <div id="text"> {tags} </div> Код <div id="text"> $POWERED_BY$ </div> 12. Ну и последнее перед тегами: Код </body> </html> Код <!-- <popup> --><!-- </popup> --> Вот еще не заметил сразу в верху шаблона найдите строку Код [not-group=5]<a href="#" class="st2">Профиль</a>[/not-group] [group=5]<a href="/index.php?do=register" class="st3">Зарегистрироваться</a> <a href="#" class="st2">Войти на сайт</a>[/group] Код <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" class="st2">Профиль</a><?else?><a href="$REGISTER_LINK$" class="st3">Зарегистрироваться</a> <a href="$LOGIN_LINK$" class="st2">Войти на сайт</a><?endif?> Ну в целом это все, шаблон адаптирован, а дальше думаю разберетесь, на самом деле это не сложно и со временем вы уже будете все делать очень быстро и сами. Давайте разберем еще несколько моментов, чтобы было все окончательно понятно: Находим в папке файл shortstory.tpl в данном файле код, который отвечает за вид материалов, берем код и пихаем его в вид материалов, теги замените сами, думаю труда не составит. Находим в папке файл fullstory.tpl в данном файле код, который отвечает за полную новость. Находим в папке файл userinfo.tpl в данном файле код, который отвечает за персональную страницу пользователя. Ну в целом готово, старался писать максимально понятно и разборчиво, если все же остались вопросы, или у вас что-то не получилось, оставляйте комментарии, пишите в ЛС или на форум, разберемся с вашими вопросами. | |
|
Всего комментариев: 0 | |