Навигация

Движки сайтов
Движки форумов
Движки соц. сетей
Движки торрент трекеров

Online

Сейчас на сайте:
Пользователей: 0
Отсутствуют.

Роботов: 1
Yandex

Гостей: 66
Всех: 67

30ка посетивших:
Пользователей: 30
aGeNT BADam
EDW eXteRnaL
funvaz Fох
GlennDot HacKeRr
ik280 itservice
joseph_lucky kysovue
marat123 Mars
MaXiKo novartis
Oxigen pipulas
RastikRus Rizhov
SaNcHeS selectzoo
serGUCCI SHADOW-dk
ShVad testtestl
tomasci Vlad Nikolaev
worldos xman2030

Реклама

Главная страница » DLE - Шаблоны » Шаблон CSS Template 2.0 для DLE 9.8 (оригинал)

Шаблон CSS Template 2.0 для DLE 9.8 (оригинал)

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

Общие виды нового шаблона - главная страница:
Шаблон CSS Template 2.0 для DLE 9.8 (оригинал)

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

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

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

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

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

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

7. Добавлены социальные кнопки, которые позволяют посетителям делиться интересными материалами с друзьями в социальных сетях или твиттере.
Шаблон CSS Template 2.0 для DLE 9.8 (оригинал)


Как заставить шаблон выглядеть красиво:
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

Скачать шаблон:

Вы не можете скачивать файлы с нашего сервера


P.S. судя по отзывам, обещанная валидность в данном шаблоне сомнительна. Так что встретив косяки не удивляйтесь.
alert Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
 
юзерпик
Статус: offline
18 апреля 2013 16:49
Комментарий #1

mixmix
Группа: Посетители
Регистрация: 10.01.2011
Коментов: 21
Новостей: 1


Вёрстка не валидная ошибок много и шаблон содран на козе такой видел ещё года 2 назад


--------------------
     
 
alert Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Опрос

    Зайдёте ли Вы на сайт, ещё?

    Да, я-же старожил win
    Да, я новичок hunter
    Нет nos

Топ 10 SM

BegleZZZ 1598/100
SaNcHeS 540/170
леший 396/320
4
jing 381/200
5
Stenly 357/0
6
marilym 345/70
7
aviatar 343/0
8
silence1988 329/200
9
FrosTPK 294/0
10
ChaSe 289/100

Последние покупки

ChaSe
Зашрифтовал ник
SaNcHeS
Поставил статус
леший
Накормил ник
Ferzik
Поставил статус
Ferzik
Накормил ник

Наши друзья

Лучшее