Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS - Справочник CSS, уроки CSS, jQuery
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Создание сайтов » Шаблон для DataLife Engine - CSS Template 2.0
Не нравится(-) 58 Нравится(+)
14-04-2013, 13:24 - OniX (Создание сайтов)
Шаблон для DataLife Engine - CSS Template 2.0

Дорогие друзья! После длительного перерыва, команда Российской школы CSS и GZweb Interfaces готова представить Вам обновление шаблона CSS Template 2.0. Он позволит не только изучить современные приемы верстки страниц и разработки сайтов, но и создать собственный ресурс без значительных усилий.
Шаблон, как и прежде, бесплатен и полностью совместим с DataLife Engine 9.8.

Процесс разработки шаблона можно изучить в материале о первой версии шаблона CSS Template.

Общие виды нового шаблона - главная страница и вывод полной новости:
Шаблон для DataLife Engine - CSS Template 2.0


Рассмотрим, что же новое есть в CSS Template 2.0
1. Переработана панель авторизации и панель управления пользователя. Теперь, она выполнена с помощью jQuery и FaceBox, что делает работу с ней удобнее, а саму панель эстетичнее.
Шаблон для DataLife Engine - CSS Template 2.0

2. Изменена форма вывода похожих новостей. Теперь тут есть картинка новости, часть краткого содержания, а также категория.
Шаблон для DataLife Engine - CSS Template 2.0

3. Изменен формат вывода популярных новостей. Добавлена картинка и категория новости.
Шаблон для DataLife Engine - CSS Template 2.0

4. Добавлен speedbar, правая колонка с меню сайта, что облегчает доступ к разделам и удобно для сайтов с большим количеством категорий. Также были изменены стили рейтинга новостей и добавления в избранное.
Шаблон для DataLife Engine - CSS Template 2.0

5. Проведена поисковая оптимизация сайта. Удалены повторяющиеся заголовки H1 из кратких новостей, переработан формат заголовков полных новостей, добавлено поле в которое можно разместить уникальный для каждой категории текст.
Шаблон для DataLife Engine - CSS Template 2.0

6. Как и прежде, основные элементы шаблона валидны. Главная страница полностью валидна.
Шаблон для DataLife Engine - CSS Template 2.0

7. Добавлены социальные кнопки, которые позволяют посетителям делиться интересными материалами с друзьями в социальных сетях или твиттере.
Шаблон для DataLife Engine - CSS Template 2.0


Как заставить шаблон выглядеть красиво
0. Разместить папку шаблона в папке templates движка, а также, выбрать его основным в админпанели.
1. В файле engine/modules/functions.php
Найти:
function ShowRating($id, $rating, $vote_num, $allow = true) {
    global $lang;
    
    if( $rating AND $vote_num ) $rating = round( ($rating / $vote_num), 0 );
    else $rating = 0;
    $rating = $rating * 17;
    
    if( !$allow ) {
        
        $rated = <<<HTML
<div class="rating">
        <ul class="unit-rating">
        <li class="current-rating" style="width:{$rating}px;">{$rating}</li>
        </ul>
</div>
HTML;
        
        return $rated;
    }
    
    $rated = <<<HTML
<div id='ratig-layer-{$id}'><div class="rating">
        <ul class="unit-rating">
        <li class="current-rating" style="width:{$rating}px;">{$rating}</li>
        <li><a href="#" title="{$lang['useless']}" class="r1-unit" onclick="doRate('1', '{$id}'); return false;">1</a></li>
        <li><a href="#" title="{$lang['poor']}" class="r2-unit" onclick="doRate('2', '{$id}'); return false;">2</a></li>
        <li><a href="#" title="{$lang['fair']}" class="r3-unit" onclick="doRate('3', '{$id}'); return false;">3</a></li>
        <li><a href="#" title="{$lang['good']}" class="r4-unit" onclick="doRate('4', '{$id}'); return false;">4</a></li>
        <li><a href="#" title="{$lang['excellent']}" class="r5-unit" onclick="doRate('5', '{$id}'); return false;">5</a></li>
        </ul>
</div></div>
HTML;
    
    return $rated;
}

function userrating($id) {
    global $db;
    
    $row = $db->super_query( "SELECT SUM(rating) as rating, SUM(vote_num) as num FROM " . PREFIX . "_post_extras WHERE user_id ='{$id}'" );
    
    if( $row['num'] ) $rating = round( ($row['rating'] / $row['num']), 0 );
    else $rating = 0;

    $rating = $rating * 17;
    
    $rated = <<<HTML
<div class="rating" style="display:inline;">
        <ul class="unit-rating">
        <li class="current-rating" style="width:{$rating}px;">{$rating}</li>
        </ul>
        </div>
HTML;
    
    return $rated;
}

Заменить на:
function ShowRating($id, $rating, $vote_num, $allow = true) {
global $is_logged, $member_id, $config, $lang, $db;

if ($rating) $rating = round($rating, 0); else $rating = 0;

if (!$allow) {
  $rated = <<<HTML
  <div class="rati">
<div class="ratig-layer">{$rating}</div>
</div>
HTML;

return $rated;
}

if ($rating < "0") {
$myclass = "1";
}

if ($rating > "0") {
$myclass = "2";
}

$rated .= <<<HTML
<div class="rati{$myclass}">
<div id="ratig-layer-{$id}">
<div class="ratig-layer">
   <a href="#" class="r1-unit" onclick="doRate('-1', '{$id}'); return false;">
   <img src="/templates/csschool/img/down.png" alt="down" style="vertical-align:middle;" />
  </a>
  {$rating}
    <a href="#" class="r2-unit" onclick="doRate('1', '{$id}'); return false;">
   <img src="/templates/csschool/img/up.png" alt="up" style="vertical-align:middle;" />
  </a>
</div>
</div>
</div>
HTML;

return $rated;
}

function userrating($name) {
global $db;

$row = $db->super_query("SELECT SUM(rating) as rating, SUM(vote_num) as num FROM " . PREFIX . "_post_extras WHERE user_id ='{$id}'" );

if ($row['num']) $rating = round(($row['rating'] /  $row['num']), 0); else $rating = 0;
$rating = $rating * 17;

$rated = <<<HTML
{$rating}
HTML;

return $rated;
}

2. В файле engine/modules/show.full.php и файле engine/modules/show.short.php и engine/ajax/favorites.php
Найти: minus_fav.gif и заменить на: minus_fav.png
Найти: plus_fav.gif и заменить на: plus_fav.png
3. В файле engine/ajax/rating.php
Найти:
if( $go_rate > 5 or $go_rate < 1 ) $go_rate = 0;

Заменить на:
if( $go_rate > 5 or $go_rate < -1 ) $go_rate = 0;

В этом же файле найти и удалить:
$buffer = ShowRating( $row['news_id'], $row['rating'], $row['vote_num'], false );


Вот и всё, можно изучать, наслаждаться и модифицировать шаблон по своему вкусу.
В комплект шаблона входят все необходимые PSD исходники.
Спасибо за внимание!

Шаблон разработан для DataLife Engine 9.8
Шаблон проверен в IE8 - 10, FireFox, Opera и Chrome
Шаблон соответствует стандартам W3C по xHTML 1.0 и CSS 3
Условия публикации: указание автора и прямая ссылка на эту страницу
Условия использования: сохранение ссылок
Автор статьи и шаблона: Российская школа CSS
-----------------------------------
Перейти в категорию CSS шаблонов


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!



---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 19512 раз(а) и написали 65 комментариев.
1 2 3


Подписаться на канал RSS Добавить сайт в закладки

«    Май 2017    »
ПнВтСрЧтПтСбВс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
© 2008-2017 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design, OniX © 2010 - 2017
Valid XHTML 1.0 Transitional Правильный CSS!