Модуль навигации - Модули для DLE - Всё для DLE - Файлы - WebTOPS - uCoz|DLE|Adobe|CS1.6|Программы|Игры|Фильмы

Вход на сайт

Меню сайта

Категории раздела

Шаблоны для DLE [10]

Модули для DLE [34]

Хаки для DLE [3]

Разное для DLE [1]

Мини-чат

На сайте

Пользователи

Гости сайта

Добро пожаловать на WebTOPS!

На нашем портале вы можете найти программы для вашего компьютера, фильмы, игры, сериалы, картинки. А также всё для uCoz, DLE, CS1.6, PS, AE. Посещаемость сайт составляет до 100 хостов в день.Опубликовано более 800 файлов.

Дорогие гости сайта просим вас пройти регистрацию или авторизоваться через емейл и пароль uNet.

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

Открыть оригинальный размер изображения

1. Окрываем в вашем шаблоне файл стилей (templates/Ваша тема/css/style.css)
2. Удаляем:

Code

.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. Добавляем:

Code

/* Навигационные кнопки
------------------------------ */
.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 и заменяем всё его содержание на:

Code

[prev-link]←[/prev-link] {pages} [next-link]→[/next-link]

Сохраняем всё, заходим на сайт и обновляем ваш CSS-файл (необходимо нажать F5 в браузере).

Работает на Opera 9, Firefox 2, Internet explorer 7.

Теги материала: навигации, модуль

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]