6048

Модуль навигации

16 мая 2008
Модуль навигации


Красивая и оригинальная навигация для DLE


Установка:

1. Окрываем в вашем шаблоне файл стилей (templates/Ваша тема/css/style.css)
2. Удаляем:
.navigation {
    color:#666;
    border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
    text-decoration:none;
    color: #636363;
    background:#F9F9F9;
    border:1px solid #E6E6E6;
    padding:3px 6px;
    font-size:11px
}

.navigation a:hover {
    background:#799AE3;
    color:#FFFFFF;
    border-color:#E6E6E6;
}

.navigation span {
    text-decoration:none;
    background:#fff;
    padding:3px 6px;
    border:1px solid #E6E6E6;
    color:#ccc;
    font-size:11px;
}

3. Добавляем:
/* Навигационные кнопки
------------------------------ */
.navigation {
    border: none;
    margin: 20px 0 20px 0;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span {
    display: inline-block;
    display: -moz-inline-stack;
    _overflow: hidden;
    float: left;
    width: 38px;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
    margin: 10px 3px;
}
.navigation a:hover {
    background: url(../images/nav-hover.png) no-repeat #64a3d9;
    color: #FFFFFF;
    text-align: center;
}
.navigation span {
    background: url(../images/nav-none.png) no-repeat #64a3d9;
}

4. Копируем изображения в /images/. Изображения можете заменить на свои.
5. Открываем navigation.tpl и заменяем всё его содержание на:
<div class="navigation">[prev-link]&#8592;[/prev-link] {pages} [next-link]&#8594;[/next-link]</div>

Сохраняем всё, заходим на сайт и обновляем ваш CSS-файл (необходимо нажать F5 в браузере).
Работает на Opera 9, Firefox 2, Internet explorer 7.
Скачать sexual-navigation.rar [5.06 Kb] (cкачиваний: 665)
автор новостиAdmin разделМодули Просмотров: 6048 Комментариев: 3 разделРаспечатать