Среда, 24.04.2024, 18:39Гость | RSS Главная | Регистрация | Вход
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Мой сайт
[prev-link]←[/prev-link] {pages} [next-link]→[/next-link]
/* Навигационные кнопки
------------------------------ */
.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. Копируем изображения http://datalife-engine.net/engine/download.php?id=42 в /images/]. Кстати эти изображения можете заменить на свои.
5. Открываем navigation.tpl и заменяем всё его содержание на:
[prev-link]←[/prev-link] {pages} [next-link]→[/next-link]
Сохраняем всё, заходим на сайт и обновляем ваш CSS-файл (необходимо нажать F5 в браузере).
Проверял, у меня работает на Opera 9, Firefox 2, Internet explorer 7.
В конечном результате получаем «сексуальную» навигацию по страницам вашего сайта :)
http://datalife-engine.net/uploads/posts/2007-12/1198847995_sexual-navigation-on-pages.png
Сайт управляется системой uCoz Copyright MyCorp © 2024
