DLE --> CyBERhype v1.50 Переделка Шаблонов (не законченый урок)

Сообщение Nemezida » 01 фев 2021, 15:58

0.gif

Исходник: Видео-Урок Simba™ (Huskar)
Дополнения: DENZEL519 и Elena

Цитата:
С разрешения Simba™ (Huskar) я напишу текстовую версию его урока, дополнив своими соображениями и находками. Спасибо огромное DENZEL519 за подсказку где находятся Центральные блоки Шаблона.
Данный мануал буду писать в несколько заходов. Спасибки не сколько мне, а Simba™ (Huskar) и DENZEL519 в том числе.


Вначале мы возьмем самый простой Шаблончег, без верхнего меню-панельки входа.
00.png

Позже я покажу Более серьезный шаблон где полезем не только в блоки а еще и в css файлы для правки шаблона.


Цитата:
Я взяла со своего сайта красивый шаблон, простенький без наворотов.

Что мы делаем дальше..

Открываем папку с темами на сайте и заливаем из архива папку UkrTor_90, это и будет название нашего шаблона.
Открываем эту папку и паралельно открываем (это все делать лучше в Тотал-командере) папку с темой стандартной (с СВН, она называется CyBERhype). Копируем из CyBERhype в папку UkrTor_90 следующее:

1. Всю папку html

2. файлы: stdfoot.php, stdhead.php, template.php

3. А так-же файлы для корректной работы трекера: inettuts.css, osx.css, rating.css, slider.css, slider.js, spoiler.css, tabs.css, tooltips.css (этот файл возможно и не понадобится но так, на всякий...)
Первый этап завершили, можно отдохнуть немного..


Как сказал Карлсон: "Продолжаем наш разговор.." :D


Выкидываем (удаляем) из папки с нашей темой все файлы *.tpl кроме:

main.tpl, fullstory.tpl, login.tpl, shortstory.tpl


Открываем в текстовом редаторе (с подсветкой синтаксиса) файлы что мы копировали в тему и те что остались после удаления, а именно:

main.tpl, fullstory.tpl, login.tpl, shortstory.tpl, stdfoot.php, stdhead.php, template.php


Так-же открываем файлы из папки html в такой последовательности:

block-left.html, block-right.html, block-center.html, block-down.html


Можно сразу на своем трекере создать и подключить новую тему с названием папки "UkrTor_90". Я это делаю сразу, ибо на моем трекер выбор шаблонов (смену стиля) я отключила у всех пользователей кроме администрации.
После установки темы (добавления к общим темам на трекере), переходим в my.php, выбираем эту новую темку (чтобы воочию видеть как все работает). Нажимаем изменить профиль, появляется чистая белая страничка. Это нормально, так и должно быть... (или появится непонятный вид, ведь мы кинули копии темы Кибера, правда без картинок но это не важно).


Приступаем к операции по изменению внешнего вида (пластическим хирургам платят много, так что внимательно читайте..) :D


Копируем все что есть (весь код) из файла main.tpl в файл stdhead.php с заменой всего что там было. То-есть сначала нужно удалить все из файла stdhead.php и потом вставить весь код из main.tpl.
Код писать тут не буду, длинный слишком.
Теперь удаляем лишнее:
стираем {headers}, {AJAX}
там где находится тег {login} (у нас это получилась строка 13) берем и отделяем его вот так:
Код: Выделить всё
<!--  LOGIN  IN -->
{login}
<!--  LOGIN  EN  -->

Для чего ? Чтобы не запутаться и видеть где какой блок заканчивается. Тем более что мы собираемся вставить сюда панельку входа!
Находим наш открытый файл login.tpl и копируем все что там есть. Возвращаемся назад в наш центральный главный файл stdhead.php и вставляем вместо {login} все что скопировали. В результате у нас между нашими пояснениями (закрытыми тегами) появился код панельки входа.
Берем трем в нем лишнее, а именно (пишу как оно идет с самого начала):
Код: Выделить всё
<?php
if ($is_logged == TRUE){
$login_panel = <<<HTML
еще ниже:
HTML;
if ($user_group[$member_id['user_group']]['allow_admin']) {
$login_panel .= <<<HTML
еще ниже:
HTML;
}
$login_panel .= <<<HTML
еще ниже:
HTML;
} else {
$login_panel = <<<HTML
еще ниже:
HTML;
}
?>

Такс.. теперь у нас красявый код без багов. 8-)
Теперь добавим красок в нашу хирургию..
выделяем тег {THEME}, открываем вверху вкладку ПОИСК\Замена и вкладку заменить:
01.png

Видите как у меня прописан код замены, с абсолютным путем к шаблону. Тут я советую писать именно так, с названием шаблона ибо столкнулась с несколькими шабами когда стандартная ссылка на тему по умолчанию отказывалась работать и многие картинки были не видны). Код замены:
Код: Выделить всё
./themes/UkrTor_90

Нажимаем "Заменить ВСЕ". Скрипт покажет количество (у нас это вышло 17), вы согласитесь нажав да.


У вас наверное уже чешутся руки посмотреть хотя-бы внешний вид шаблона? Окей, сохраняете все что мы изменили на этой страничке (Меню-->Сохранить). И открываем ваш трекер (помните была непонятная страничка ?), сейчас на ней можно глянуть на шаблон в красках:
02.png



Как видим все съехало.. Не беда, мы ж еще ничего толком не сделали...


Открываем stdhead.php и вставляем вот этот код (я его уже подрихтовала, добавила запрет для просмотра незарегиным и наоборот убрала кнопки Входа от Пользователей, можете сравнить с тем что было до этого).
Код: Выделить всё
<!--  LOGIN  IN -->
<? if ($CURUSER) { ?>
<div class="pop_profile">
<div class="pop_p_title"><div class="pop_p_close"></div>Мини профиль</div>
<div class="pop_p_cont">
<span id="profile_name">Привет <strong>{$member_id['name']}</strong> !</span>
<ul class="profile_list_info">           
<? if ($CURGROUP ['can_admin']) { ?><li><a href="{$adminlink}" target="_blank">Админцентр</a></li><? } ?>
<li><a href="{$link_profile}">Мой профиль</a></li>
            <li><a href="{$link_pm}">Cообщения ({$member_id['pm_unread']} | {$member_id['pm_all']})</a></li>
            <li><a href="{$link_favorites}">Мои закладки</a></li>
            <li><a href="{$link_stats}">Статистика</a></li>
            <li><a href="{$link_addnews}">Добавить новость</a></li>
            <li><a href="{$link_newposts}">Обзор непрочитанного</a></li>
    </ul></div>
<div class="pop_p_bottom"><a onclick="javascript: showBusyLayer()" href="{$link_logout}">Выйти</a></div>
</div><? } ?>
<? if (! $CURUSER) { ?>
<div class="pop_profile">
<div class="pop_p_title"><div class="pop_p_close"></div>Форма входа</div>
<div class="pop_p_cont">
<form action="" method="post" class="pop_p_form">
<div class="pop_p_text"><span>Логин:</span><input name="login_name" type="text" /></div>
<div class="pop_p_text"><span>Пароль:</span><input name="login_password" type="password" /></div>
<div class="pop_p_ss">
<input name="image" type="image" src="./themes/UkrTor_90/images/pop_profile_submit.png" alt="Вход"  onmouseover="this.src='./themes/UkrTor_90/images/pop_profile_submit_on.png'" onmouseout="this.src='./themes/UkrTor_90/images/pop_profile_submit.png'"/>
<input name="login" type="hidden" id="login" value="submit">
</div></form></div>
<div class="pop_p_bottom"><a href="/index.php?do=lostpassword">Забыли пароль?</a></div>
</div><? } ?>
<!--  LOGIN  EN  -->

Далее, идем ниже и находим код:
Код: Выделить всё
<div id="header_b_l">
                    [group=5]
                    <a class="linkbutton" id="pop_profile_visible"><span>Вход</span></a>
                    <a href="/index.php?do=register" class="linkbutton"><span>Регистрация</span></a>
                    [/group]
                    [group=1,2,3,4]
                    <a href="/index.php?action=logout" class="linkbutton" style="margin-left: 8px;"><span>Выйти</span></a>
                    <a id="pop_profile_visible" class="linkbutton"><span>Профиль</span></a>
                    [/group]
                </div>

Это "Спидбар", где висят кнопки входа и Профиля.
Меняем этот код (выше что я написала) на этот (уже подрихтованый мной):
Код: Выделить всё
<div id="header_b_l">
                    <? if (! $CURUSER) { ?>
                    <a class="linkbutton" id="pop_profile_visible"><span>Вход</span></a>
                    <a href="/index.php?do=register" class="linkbutton"><span>Регистрация</span></a>
                    <? } ?>
                    <? if ($CURUSER) { ?>
                    <a href="/index.php?action=logout" class="linkbutton" style="margin-left: 8px;"><span>Выйти</span></a>
                    <a id="pop_profile_visible" class="linkbutton"><span>Профиль</span></a>
                    <? } ?>
                </div>

Идем ниже и находим код:
Код: Выделить всё
<div id="hspeedbar">Вы находитесь: <span id='dle-speedbar'><a href="/">Главная</a></span></div>

Вместо
Код: Выделить всё
Вы находитесь: <span id='dle-speedbar'><a href="/">Главная</a></span>

вставляем тег:
Код: Выделить всё
<span id='dle-speedbar'><?=$title?></span>

Что он делает: показывает ваше положение на страничке сайта. Например вы находитесь в Бровсе, он выведет название: "TS-VEGA :: Релизы (это у меня так, у вас будет ваше название трекера)"


Сохраняем изменения на страничке. Смотрим в реальности что получилось на трекере. Красиво, все блоки стали как надо, однако они все еще от ДЛЕ (кстати на данном этапе они подойдут под движок TBDeV, там блоки прописаны жестко).


Ищем следующий код:
Код: Выделить всё
{info}
{content}

и вставляем вместо него Функцию Вставки Центральных Блоков:
Код: Выделить всё
<?php show_blocks ( "c" ); ?>



В результате у нас будет код такой:
Код: Выделить всё
<!--/header_panel-->
<div id="content_bg">
<div id="content_full">
<div id="side_cont">
<!--  Центральные Блоки Начало  -->
<div id="side_center">
<?php show_blocks ( "c" ); ?>
<br>
<center><a class="toTop" href="javascript:scroll(0,0);" title="Вверх"></a></center>
</div>
<!--  Центральные Блоки Конец  -->
<!--/side_center-->

Видите, я прописала сразу где именно находится центральный блок.


Идем ниже и выделяем где у нас Правые блоки и левые соответственно.


Правые начинаются с "ЧАТ" и заканчиваются "Топ Пользователей". Левые начинаются с "Навигация" и заканчиваются "Рекомендуем". Вот я прописала в коде уже эти границы.


закрываем файл main.tpl и login.tpl, они нам более не нужны.
Открываем файл fullstory.tpl и копируем все что там есть. Открываем файл block-center.html удаляем все что там было. Удалили ? Теперь вставляем то что мы скопировали в Фуллстори.
Правим код, удаляем все ненужное нам:
Код: Выделить всё
Автор: {author}, {date}, Комментарий: 1, {rating}.

У нас осталось:
Код: Выделить всё
{title} [edit]редактировать[/edit]

и
Код: Выделить всё
{full-story}



Первый отвечает за вывод названия новости (Блока), второй отвечает за вывод всего содежимого блока (информации).


Вставляем вместо
Код: Выделить всё
{title} [edit]редактировать[/edit]

следующий код:
Код: Выделить всё
$title

Вместо {full-story} вставляем:
Код: Выделить всё
$content

Сохраняем файл. Копируем все что мы сделали (уже этот готовый код):
Код: Выделить всё
<div class="viewn_bgt viewn_fullnews">
<h4 class="viewn_title"><span class="viewn_titles">$title</span></h4>
<div class="viewn_cont">
<div class="viewn_cont_in">
<div class="viewn_d_t">
<div class="viewn_author"></div>
<div class="viewn_date"></div></div>
<div class="viewn_text">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td>$content</td></tr></tbody><
;/table>
<div style="text-align: center; padding: 2px 0pt;"></div>
</div></div></div></div>
<div class="viewn2_botton viewn2_botton_fullnews">
<div class="viewn_comm"></div>
<div class="viewn_rating"></div></div>


Должен был у вас получиться как и у меня 1 в 1. Значит скопировали его и вставляем в нижние блоки, а это файл: block-down.html.
Заметка! Центральные (верхние) и нижние блоки создаются с одним и тем-же скриптом. Чтобы не было различий.



Теперь открывает файл template.php и находим следующий код:
Код: Выделить всё
function begin_frame($caption = "", $center = false, $padding = 10){
?>
<div class="short_top">
<div class="short_top2"><center>
<?=$caption?>
</center>
<img src="./themes/GiGantika/img/short_top.png" style="float:right; margin-top:-30.45px; margin-right:-9px" alt="" />
</div>
</div>
<div class="second_line">
<div class="date">
<div style="float:left;"></div>
</div><div class="cat"></div></div>
<div class="story">
<?
}

Я показываю на примере своего блока,у вас будет по другому но суть одна. Менять будем код между скобками:
от
Код: Выделить всё
function begin_frame($caption = "", $center = false, $padding = 10){
?>

до
Код: Выделить всё
<?
}
//-------- Ends a main frame

Копируем в центральном блоке весь код до переменной $content :
Код: Выделить всё
<div class="viewn_bgt viewn_fullnews">
<h4 class="viewn_title"><span class="viewn_titles">$title</span></h4>
<div class="viewn_cont">
<div class="viewn_cont_in">
<div class="viewn_d_t">
<div class="viewn_author"></div>
<div class="viewn_date"></div></div>
<div class="viewn_text">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td>

и вставляем его в template.php в то место где я писала выше. Должно получиться вот так у вас:
Код: Выделить всё
//-------- Begins a main frame

function begin_frame($caption = "", $center = false, $padding = 10){

?>
<div class="viewn_bgt viewn_fullnews">
<h4 class="viewn_title"><span class="viewn_titles">
<?=$caption?>
</span></h4>
<div class="viewn_cont">
<div class="viewn_cont_in">
<div class="viewn_d_t">
<div class="viewn_author"></div>
<div class="viewn_date"></div></div>
<div class="viewn_text">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td>
<?
}

//-------- Ends a main frame

Только вместо переменной $title мы вставляем:
Код: Выделить всё
<?=$caption?>

Эта функция отвечает за название, но в отдельной новости (пример- вы открыли детали релиза "СОЛТ", у вас вверху будет стоять название релиза а не абракадабра из знаков..).


Теперь копируем с центральных блоков код от $content и до самого конца:
Код: Выделить всё
</td></tr></tbody></table>
<div style="text-align: center; padding: 2px 0pt;"></div>
</div></div></div></div>
<div class="viewn2_botton viewn2_botton_fullnews">
<div class="viewn_comm"></div>
<div class="viewn_rating"></div></div>

И вставляем его в закрытие блока в файле template.php, у меня БЫЛО так:
Код: Выделить всё
function end_frame() {
?>
<div style="background-color:#f8f8f8;">
<div class="other_bg">
<div class="other"><strong></strong></div></div>
<div class="other_bg2">
<div><ul class="chek"></ul></div>
</div></div></div><div class="full_bottom_center">
<img src="./themes/GiGantika/img/full_bottom_left.gif" height="11" alt="" />
<img src="./themes/GiGantika/img/full_bottom_right.gif" style="float:right; margin-top:-13.5px" alt="" />
</div><br/>
<?
}

а получилось вот так:
Код: Выделить всё
function end_frame() {
?>
</td></tr></tbody></table>
<div style="text-align: center; padding: 2px 0pt;"></div>
</div></div></div></div>
<div class="viewn2_botton viewn2_botton_fullnews">
<div class="viewn_comm"></div>
<div class="viewn_rating"></div></div>
<?
}



Сохраняем полученный результат. Файл template.php можно закрыть, мы с ним закончили работать..


Переходим к файлу stdhead.php.
Копируем код любого левого блока, я взяла "Популярное", так-как там иконка красивая.


Важно! не стоит брать блок "НАВИГАЦИЯ" ибо он идет "гармошкой"-маленькими узкими кнопками. и Аватар у вас может быть узким как кнопка.


Такс.. я скопировала следующий код:
Код: Выделить всё
<div class="block_loop">
<div class="block_bgt">
<div class="block_title">Популярное<span class="block_icon_2"></span></div>
<div class="block_cont block_popular">{topnews}</div>
</div></div>

Вставляем его в файл block-left.html. Онако вместо надписи Популярное мы вставим тег отвечающий за название блока:
Код: Выделить всё
$title

А вместо надписи {topnews} вставляем тег отвечающий за вывод контента блока:
Код: Выделить всё
$content

у вас должно получиться следующее:
Код: Выделить всё
<div class="block_loop">
<div class="block_bgt">
<div class="block_title">$title<span class="block_icon_2"></span></div>
<div class="block_cont block_popular">$content</div>
</div></div>

сохраняем полученный результат и закрываем файл, мы с ним закончили работать.


Теперь меняем Правые блоки. Я выбрала блок "Облако Тегов", иконка сбоку вроде не плохо смотрится
(кстати в фотошопе можно потереть все иконки запросто, или нарисовать свою).
Выбранный мной код:
Код: Выделить всё
<div class="block_loop">
<div class="block_bgt">
<div class="block_title">Облако тегов<span class="block_icon_2"></span></div>
<div class="block_cont">{tags}</div>
</div></div>

я вставляю его в файл block-right.html и меняю по аналогии с левыми блками Название блока на тег выводящий Название, а тег {tags} на тег выводящий содержимое блока. У вас должно получиться так:
Код: Выделить всё
<div class="block_loop"><div class="block_bgt">
<div class="block_title">$title<span class="block_icon_2"></span></div>
<div class="block_cont">$content</div></div></div>

Сохраняем полученный результат и закрываем файл, с ним мы закончили работать.


Теперь переходим в файл stdhead.php и удаляем все после строк (выше я давала правленый мной файл где я разбила визуально на границы блоков):
Код: Выделить всё
<div id="side_left">
<div id="side_l_block_sloi"></div>
<!-- Левые Блоки Начало -->
и до этого кода:
<!-- Левые Блоки КОНЕЦ -->
</div>
<!--/side_left-->

у вас должно получиться так:
Код: Выделить всё
<!--/side_cont-->
<div id="side_left">
<div id="side_l_block_sloi"></div>
<!-- Левые Блоки Начало -->

<!-- Левые Блоки КОНЕЦ -->
</div>
<!--/side_left-->

Промежуток я оставила специально, туда мы подключаем Левые блоки функцией:
Код: Выделить всё
<?php show_blocks ( "l" ); ?>

У вас получится вот так:
Код: Выделить всё
<!--/side_cont-->
<div id="side_left">
<div id="side_l_block_sloi"></div>
<!-- Левые Блоки Начало -->
<?php show_blocks ( "l" ); ?>
<!-- Левые Блоки КОНЕЦ -->
</div>
<!--/side_left-->

Идем дальше и удаляем все после этого:
Код: Выделить всё
<!-- Центральные Блоки Конец -->
<!--/side_center-->
<div id="side_right">
<div id="side_r_block_sloi"></div>
<!-- Правые Блоки Начало -->

и до этого сода:
Код: Выделить всё
<!-- Правые Блоки КОНЕЦ -->
</div>
<!--/side_right-->
</div>
<!--/side_cont-->

Должно быть вот так:
Код: Выделить всё
<!-- Центральные Блоки Конец -->
<!--/side_center-->
<div id="side_right">
<div id="side_r_block_sloi"></div>
<!-- Правые Блоки Начало -->

<!-- Правые Блоки КОНЕЦ -->
</div>
<!--/side_right-->

В пустую строку мы подключаем Правые блоки функцией:
Код: Выделить всё
<?php show_blocks ( "r" ); ?>


Должно получиться так:
Код: Выделить всё
<!-- Центральные Блоки Конец -->
<!--/side_center-->
<div id="side_right">
<div id="side_r_block_sloi"></div>
<!-- Правые Блоки Начало -->
<?php show_blocks ( "r" ); ?>
<!-- Правые Блоки КОНЕЦ -->
</div>
<!--/side_right-->

сохраняем полученый результат.


Теперь копируем все что после строки 96 (у меня это так), на этой строке находится функция подключения Центральных блоков:
Код: Выделить всё
<?php show_blocks ( "c" ); ?>

Значит копируем весь код от
Код: Выделить всё
<?php show_blocks ( "c" ); ?>

(БЕЗ этой строки! от неё все вниз!), oт и до самого низа. Скопировали ? удаляем из этого файл что вы сейчас копировали (выделили). Открываем файл stdfoot.php и вставляем туда все что вы скопировали перед удалением.
Должно получиться вот так:
Код: Выделить всё
<? show_blocks ('d'); ?>
<br>
<center><a class="toTop" href="javascript:scroll(0,0);" title="Вверх"></a></center>
</div>
<!-- Центральные Блоки Конец -->
<!--/side_center-->
<div id="side_right">
<div id="side_r_block_sloi"></div>
<!-- Правые Блоки Начало -->
<?php show_blocks ( "r" ); ?>
<!-- Правые Блоки КОНЕЦ -->
</div>
<!--/side_right-->
</div>
<!--/side_cont-->
<div id="side_left">
<div id="side_l_block_sloi"></div>
<!-- Левые Блоки Начало -->
<?php show_blocks ( "l" ); ?>
<!-- Левые Блоки КОНЕЦ -->
</div>
<!--/side_left-->
</div>
<!--/content_full-->
</div>
<!--/content_bg-->
<div id="footer">
<style>
/* === jQ TOP === */
.toTop {width:54px; height:36px; display:block; text-align:center; text-decoration:none; background:#ffffff url(./themes/UkrTor_90/images/icon_up.png) no-repeat 0 0;}
.toTop:hover {width:54px; height:36px; display:block; text-align:center; text-decoration:none; background:#ffffff url(./themes/UkrTor_90/images/icon_up2.png) no-repeat 0 0px;}
/* =============== */
</style>
<div id="footer_in">
<a href="/" title="На главную" class="footer_logo"></a>

<div id="fnav">
<a href="/" class="linkbutton"><span>Главная</span></a>
<a href="#" class="linkbutton"><span>Форум</span></a>
<a href="#" class="linkbutton"><span>О сайте</span></a>
<a href="/index.php?do=feedback" class="linkbutton"><span>Контакты</span></a>
<a href="#" class="linkbutton"><span>Карта сайта</span></a>
<a href="/rss.xml" class="linkbutton"><span>RSS</span></a>

</div>
<div id="footer_l">
Администрация сайта категорически против нарушений авторского права на дизайн.<br />
Проследить за всеми новостями мы так же не можем, так как новости берутся из открытых источников. Усли вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
</div>
<div id="footer_r">
<img src="./themes/UkrTor_90/images/knopki.png" width="88" height="31" alt="knopki" />
<img src="./themes/UkrTor_90/images/knopki.png" width="88" height="31" alt="knopki" />
<img src="./themes/UkrTor_90/images/knopki.png" width="88" height="31" alt="knopki" />
<img src="./themes/UkrTor_90/images/knopki.png" width="88" height="31" alt="knopki" />
</div>

</div>

</div><!--/footer-->
</div><!--/container_wrap-->
</div><!--/container_bg-->
</body>
</html>

Вы спросите от куда взялась первая строчка :
Код: Выделить всё
<? show_blocks ('d'); ?>

Отвечу: это функция продолжения шаблона, который разделен на верх TOP и низ footer.
Эта функция всегда должна прописывать в самом верху файла stdfoot.php
Сохраняем полученный результат.


Идем дальше..


Открываем и меняем надпись:
Код: Выделить всё
Администрация сайта категорически против нарушений авторского права на дизайн.<br />
Проследить за всеми новостями мы так же не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.

На функцию вывод Копирайта Движка и надписи "Страничка сгенерированна за..."
Вместо надписи (см. выше) вставляем код:
Код: Выделить всё
<?
// Variables for End Time
$seconds = (timer () - $tstart);

$phptime = $seconds - $querytime;
$query_time = $querytime;
$percentphp = number_format ( ($phptime / $seconds) * 100, 2 );
$percentsql = number_format ( ($query_time / $seconds) * 100, 2 );
$seconds = substr ( $seconds, 0, 8 );
copyright ();
print ( "<br />" . sprintf ( $tracker_lang ["page_generated"], $seconds, $queries, $percentphp, $percentsql ) . " Затрачено памяти сервера - ". mksize(memory_get_usage()). "</b></div></td>\n");
?>

В результате имеем файл с таким содержанием:
Код: Выделить всё
<? show_blocks ('d'); ?>
<br>
<center><a class="toTop" href="javascript:scroll(0,0);" title="Вверх"></a></center>
</div>
<!-- Центральные Блоки Конец -->
<!--/side_center-->
<div id="side_right">
<div id="side_r_block_sloi"></div>
<!-- Правые Блоки Начало -->
<?php show_blocks ( "r" ); ?>
<!-- Правые Блоки КОНЕЦ -->
</div>
<!--/side_right-->
</div>
<!--/side_cont-->
<div id="side_left">
<div id="side_l_block_sloi"></div>
<!-- Левые Блоки Начало -->
<?php show_blocks ( "l" ); ?>
<!-- Левые Блоки КОНЕЦ -->
</div>
<!--/side_left-->
</div>
<!--/content_full-->
</div>
<!--/content_bg-->
<div id="footer">
<style>
/* === jQ TOP === */
.toTop {width:54px; height:36px; display:block; text-align:center; text-decoration:none; background:#ffffff url(./themes/UkrTor_90/images/icon_up.png) no-repeat 0 0;}
.toTop:hover {width:54px; height:36px; display:block; text-align:center; text-decoration:none; background:#ffffff url(./themes/UkrTor_90/images/icon_up2.png) no-repeat 0 0px;}
/* =============== */
</style>
<div id="footer_in">
<a href="/" title="На главную" class="footer_logo"></a>

<div id="fnav">
<a href="/" class="linkbutton"><span>Главная</span></a>
<a href="#" class="linkbutton"><span>Форум</span></a>
<a href="#" class="linkbutton"><span>О сайте</span></a>
<a href="/index.php?do=feedback" class="linkbutton"><span>Контакты</span></a>
<a href="#" class="linkbutton"><span>Карта сайта</span></a>
<a href="/rss.xml" class="linkbutton"><span>RSS</span></a>

</div>
<div id="footer_l">
<?
// Variables for End Time
$seconds = (timer () - $tstart);

$phptime = $seconds - $querytime;
$query_time = $querytime;
$percentphp = number_format ( ($phptime / $seconds) * 100, 2 );
$percentsql = number_format ( ($query_time / $seconds) * 100, 2 );
$seconds = substr ( $seconds, 0, 8 );
copyright ();
print ( "<br />" . sprintf ( $tracker_lang ["page_generated"], $seconds, $queries, $percentphp, $percentsql ) . " Затрачено памяти сервера - ". mksize(memory_get_usage()). "</b></div></td>\n");
?></div></div></div><!--/footer-->
</div><!--/container_wrap-->
</div><!--/container_bg-->
</body>
</html>

Я выкинула кнопки-банеры, ибо они мешают нормальному выводу строк. Низ (футер) растягивается и получается не очень красиво.. Кто хочет, можете оставить эти банерки, на ваше усмотрение.


Сохраняем файл и закрываем, мы с ним закончили.


У нас остался последний открытый файл с каким мы и будем работать.. Это stdhead.php.
Вставляем перед тегом
Код: Выделить всё
</head>

(в самом начале смотрите файла!) следующий код (перед тем как вставите, удалите этот код, ибо он будет прописан в нашей "ВСТАВКЕ"):
Код: Выделить всё
<script language="javascript" type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="/js/jq.js"></script>
<script language="javascript" type="text/javascript" src="js/reflection.js"></script>
<title><?=$title?></title>
<link rel="stylesheet" href="highslide/highslide.css" type="text/css" media="screen" />
<script type="text/javascript" src="highslide/highslide.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/show_hide.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.tabs.js"></script>
<script type="text/javascript" src="js/jquery.simplemodal.js"></script>
<script type="text/javascript" src="js/osx.js"></script>
<script language="javascript" type="text/javascript" src="js/pg.js"></script>
<link rel="stylesheet" href="js/pg.css" type="text/css">
<script language='javascript'>spoiler_init();</script>
<script language="javascript" type="text/javascript">tooltips_init();</script>
<!-- highslide -->
<script language="javascript" type="text/javascript" src="highslide/highslide-full.js"></script>
<script language="javascript" type="text/javascript" src="highslide/highslide.russian.js"></script>
<script type="text/javascript" src="highslide/easing_equations.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!-- end highslide -->
<link rel="alternate" type="application/rss+xml" title="Последние торренты" href="<?=$DEFAULTBASEURL?>/rss.php">
<link rel="shortcut icon" href="<?=$DEFAULTBASEURL;?>/favicon.ico" type="image/x-icon" />
<?=$meta?>
</head>
<!-- highslide -->
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ["fade"];
hs.outlineType = 'rounded-white';
hs.showCredits = false;
hs.easing = 'linearTween';
hs.fadeInOut = true;
hs.wrapperClassName = 'controls-in-heading';
hs.outlineWhileAnimating = true;
hs.dimmingOpacity = 0.75; // Затемнение экрана,тут вы можете ставить своё значение например 0.75 и.т.д
// Сначала, нам нужно включать показ числа
hs.numberPosition = "heading";
// Затем переопределить объектного языка для своих нужд
hs.lang.number = "Изображение %1 из %2";
// Добавить управляющий бар
if (hs.addSlideshow) hs.addSlideshow({
interval: 5000,
repeat: false,
useControls: true,
fixedControls: false,
overlayOptions: {
opacity: 1,
position: 'top right',
}
});
</script>
<!-- end highslide -->
<body>
<?php
define ( "HBLOCK_MENU", false );
define ( "HBLOCK_HI", false );
define ( "HBLOCK_UMENU", false );
define ( "HBLOCK_IMENU", false );
define ( "HBLOCK_BTCLIENTS", false );
define ( "HBLOCK_GAMES", false );
?>
<SCRIPT LANGUAGE="javascript">
$.get("ajax/fisheye.php", {}, function(data){
$("#fisheyes").empty();
$("#fisheyes").append(data);
}, 'html');
</script>

Так же удалите после нашей вставки тег
Код: Выделить всё
<body>

ибо он уже тоже есть в нашем вставленном коде ранее.


Помните в самом начале мы копировали в папку много файлов настроек? Вот в этом коде мы их подключили. Смотрим (или у себя на сайте проверьте правильность ваших шагов).


Все появилось, только меню корявенько выглядит..
Открываем файл style.css в папке нашей темы "css".
В самый конец вставляем следующий код (он содержит все необходимые теги и порядок):
Код: Выделить всё
.editor {
margin: 0px 0px 1px 0px;
width: 400px;
height: 21px;
border: 1px #D1D8EC solid;
}

.editorinput {
background: #FAFAFA;
color: #000000;
border: 1px #D1D8EC solid;
font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}

.editorbutton {
float: left;
cursor: pointer;
padding: 2px 1px 0px 5px;
}

a.menu:link, a.menu:visited {
font-weight: bold;
padding-left: 1px;
}

a.menu:active {
color: #000;
position: relative;
top: 1px;


}

a.menu {
display:block;
padding:3px;
text-align:left;
text-decoration:none;
background-color: transparent;
font-weight: normal;
}

.startmenu{
font-weight:bold;
text-align:center;
padding:2px;
margin: 0px;
background-image: url(images/menu_head.gif);
}

.menutitle{
font-weight:bold;
text-align:center;
color: #7E110E;
margin: 2px;
background-color: #FFC58C;
}

.spoiler_head {
color: #2A2A2A;
font-weight: bold;
border: 1px solid #C3CBD1;
border-left: 3px solid #C3CBD1;
padding: 3px;
background:#E9E9E6;
cursor: pointer;
}

.spoiler_body {
border: 1px solid #C3CBD1;
border-left: 3px solid #C3CBD1;
border-top: none;
padding: 3px;
background:#F5F5F5;
}

td {
font-size: 8pt;
border: 0px solid #e2e2e2;
}

td.block {
font-size: 8pt;
border: 0px;
vertical-align: top;
background-color: transparent;


}


td.right_menu {
border: 0px;

}

td.commenttable {
background-color: #FFFEF2;
}

td.embedded {
border: none;
text-align: left;
}

td.bottom1 {
background-color:#C8C8C8;
border-top:0px solid #7f7f7f;
color:#4e4e4e;
padding-top:10px;
}

td.bottom {

border:none;

}

td.heading {
font-weight: bold;
border: 0px solid #E0E0E0;
}

td.text {
padding: 10pt;
text-align: left;
}

td.comment {
padding: 10pt;
font-size: 8pt;
text-align: left;
}

td.colhead {
font-weight: bold;
color: #e5e8eb;

background-image: url(images/header_top.gif);
text-align: right;
border: none;
text-shadow:0 1px 1px #336699;
}

td.colhead2 {
font-weight: bold;
color: #e5e8eb;

background-image: url(images/header_top.gif);
text-align: center;
border: none;
text-shadow:0 1px 1px #336699;
}

td.rowhead {
font-weight: bold;
text-align: right;
vertical-align: top;
}

td.title {
font-size: 14pt;
}

td.navigation {
font-weight: bold;
font-size: 10pt;
border: none;
}

.stepcarousel {
position: relative;
overflow: scroll;
width: 100%; height: 95px;
}

.stepcarousel .belt {
position: absolute;
left: 0px;
top: 0px;
}

.stepcarousel .panel {
float: left;
overflow: hidden;
margin-right: 8px;
margin-top: 0px;
width: 119px;
text-align: center;
}

.stepcarousel .panel a { text-decoration: none !important; line-height: 14px; color: #000000; }
.stepcarousel .panel a:hover, .stepcarousel .panel a:hover h4 { color: #e42828; }

.stepcarousel .panel img {
display: block;

margin-bottom: 5px;
margin-left: 5px;
}

.stepcarousel .panel span {
font-size: 10px;
line-height: 3px;
color: #91a6b4;
font-weight: strong;
}
.highslide-image-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: black;
}

table.pm{font-size:11px;text-align:center;}
table.pm td.pm_head{background:#F5F5F5;padding:2px 2px 3px 2px;border-right:0;}
table.pm td{border:1px solid #EEEEEE;padding:2px 2px 3px 2px;border-right:0;}
table.pm td:last-child{border-right:1px solid #EEEEEE;}
td.a { background-color : #ececec; padding : 6px; font-family : Verdana, Helvetica, sans-serif; font-size : 8pt; border-style : solid; border-width : 1px 1px 1px;}
td.b { background-color : #f7f7f7; padding : 6px; font-family : Verdana, Helvetica, sans-serif; font-size : 8pt; border-style : solid; border-width : 1px 1px 1px;}
a {
color: #0099CC;
text-decoration: none;
}

a:hover {
color: #00CCFF;
}

a img {
border: none;/*remove border for linked images*/
}

А в самом начале этого файла подключаем Спойлер, Рейтинг и т.д. Вставляем Код (в самом начале файла):
Код: Выделить всё
@import "osx.css";

@import "tooltips.css";

@import "rating.css";

@import "inettuts.css";

@import "spoiler.css";

@import "tabs.css";


Файлы что мы копировали в папку с темой: inettuts.css, osx.css, rating.css, slider.css, slider.js, spoiler.css, tabs.css, tooltips.css нужно теперь переместить в папку css. Чтобы скрипты были подхвачены Стилем шаблона.
Все у нас красиво работает теперь.
Сейчас поправим название в боковых блоках и займёмся интересным- ПОИСК по сайту и Панелькой Входа/Профиля. :D
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Аватара пользователя
Nemezida
Администратор
Администратор
 
Сообщения: 650
Зарегистрирован: 20 сен 2019, 22:32

Вернуться в Cyber

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2