Результаты поиска
Введите запрос, по завершению нажмите Enter.
  • Страница 1 из 1
  • 1
Форум » Веб-мастерская » CSS » Для любителей туда-сюда. (Небольшая CSS плюшка для uCoz)
Для любителей туда-сюда.
Отправлено 14.11.2012 - 00:401
Beginner
100 сообщений
Мужчина
Ну чтож, доброго времени суток, любители переделывания системы ucoz. В сети встречал решение на JS, но мне не известна эта дисциплина, поэтому предлагаю свое решение на CSS. Речь пойдет о стандартных переключателях страниц $PAGE_SELECTOR$ (1 [2] 3).
Что имеем: Уже стилизованные кнопочки,для нескольких страниц:

Соответственно, структура такая:
Code
<span class="pagesBlockuz1">
<a class="swchItem" href=#"><span>«</span></a>
<a class="swchItem" href="#" ><span>1</span></a>
<b class="swchItemA"><span>2</span></b>
<a class="swchItem" href="#"><span>3</span></a>
<a class="swchItem" href="#"><span>4</span></a>  
<a class="swchItem" href=""><span>»</span></a>
</span>

Для начала, добавим к стрелочкам [«] и [»] Нужные слова... Туда-Сюда знаете ли , все дела... что угодно. Лично у меня это "Назад" и "Вперед". Для этого в CSS вставляем:
Code
.pagesBlockuz1 a:first-child span:after{content:' Назад'}
.pagesBlockuz1 a:last-child span:before{content:'Вперед '}

и уже сейчас получаем результат, удовлетворяющий некоторых

Идем далее, избавляемся от цифр:
Code
.pagesBlockuz1 a {display:none}
.pagesBlockuz1 a:first-child,.pagesBlockuz1 a:last-child {display:inline-block}

И что в итоге?

Меня такой вариант устраивает, но можно и номер активной страницы убрать:
Code
.pagesBlockuz1 b {display:none}
или
.swchItemA{display:none}

И конечный результат:


полностью это ткод будет выглядеть так:
Code
.pagesBlockuz1 a:first-child span:after{content:' Назад'}
.pagesBlockuz1 a:last-child span:before{content:'Вперед '}
.pagesBlockuz1 a {display:none}
.pagesBlockuz1 a:first-child,.pagesBlockuz1 a:last-child {display:inline-block}
.pagesBlockuz1 b {display:none}


Конечно не панацея, но буду рад, если кому-то поможет))
Профиль Личное сообщение Дом. страница icq Skype
2
Отправлено 14.11.2012 - 01:142
Нет аватара
Заблокирован
122 сообщения
Мужчина
Не проще:
Code
<script type="text/javascript">
$('a.swchItem:last span').html($('a.swchItem:last span').text().replace('»','Далее'));
$('a.swchItem:first span').html($('a.swchItem:first span').text().replace('«','Назад'));
</script>
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 14.11.2012 - 08:433
Beginner
100 сообщений
Мужчина
djsmaxelectro, конечно проще, но есть такое слово-альтернатива... Это решение на CSS.
Профиль Личное сообщение Дом. страница icq Skype
2
Отправлено 16.11.2012 - 23:474
Нет аватара
Заблокирован
122 сообщения
Мужчина
Неужели ты реально щитаеш что кто-то будет сколько CSS переводить?)
Я думаю даже ты при возможности выбрал бы мой вариант ;)
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 16.11.2012 - 23:595
Beginner
100 сообщений
Мужчина
djsmaxelectro, не всегда ;)
Quote (djsmaxelectro)
Неужели ты реально щитаеш что кто-то будет сколько CSS переводить?)

Чтоб получить почти такой же результат, достаточно:
Code
.pagesBlockuz1 a:first-child span:after{content:' Назад'}
  .pagesBlockuz1 a:last-child span:before{content:'Вперед '}
но тем не менее, я бы выбрал твой вариант
Профиль Личное сообщение Дом. страница icq Skype
2
Отправлено 17.11.2012 - 00:356
Нет аватара
Designer
979 сообщений
Мужчина
Всё это делаеться заменой двух надписей в "Замена стандартных надписей".
Профиль Личное сообщение Дом. страница icq Skype
18
Отправлено 17.11.2012 - 09:557
Beginner
100 сообщений
Мужчина
Quote (lapochka)
Всё это делаеться заменой двух надписей в "Замена стандартных надписей".
+
Профиль Личное сообщение Дом. страница icq Skype
2
Отправлено 17.11.2012 - 12:398
Нет аватара
Бывалый
395 сообщений
Мужчина
HeadMad, спасибо)
Профиль Личное сообщение Дом. страница icq Skype
6
Отправлено 17.11.2012 - 17:229
Beginner
100 сообщений
Мужчина
REMINDS, да пожалуйста))), если конечно тебе помог сам метод, а если задача стояла сделать именно кнопки навигации, то
Quote (lapochka)
Всё это делаеться заменой двух надписей в "Замена стандартных надписей".
Профиль Личное сообщение Дом. страница icq Skype
2
Форум » Веб-мастерская » CSS » Для любителей туда-сюда. (Небольшая CSS плюшка для uCoz)
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация