Скрыть текст, а показать картинки (постраничная навигация)

@Worldmen · Регистрация: 31.08.2013

Студворк — интернет-сервис помощи студентам

нужно на странице (Joomla) скрыть цифры и текст (в постраничной навигации), а вместо них отобразить картинки.
Должно быть так как на картинке.
Вот пример:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<Html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="style.css">
    </head>
<body>
 
    <div class="button">
            <!-- Previous page link -->
        <a href="http://aaaa.com.ua/video-1" class="prev">Назад</a>
            <!-- Numbered page links -->
        <a href="http://aaaa.com.ua/video-2" class="active">1</a>
        <a href="http://aaaa.com.ua/video-3">2</a>
            <!-- Next page link -->
        <a href="http://aaaa.com.ua/video-4" class="next">Вперед</a>
    </div>
 
</body>
</Html>

и scc

Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.button a:link,
.button a:visited {
    display: inline-block;
    vertical-align: top;
    padding: 14px 0 0;
    overflow: hidden;
    width: 13px;
    height:14px;
    height: 0;
    margin: 0 2px;
    background: url(images/button.jpg) no-repeat;
}
 
.button a.active,
.button .current a,
.button a:hover {
    background-position: 0 -14px;
}

Проблема только со стрелками вправо и влево
если не понятно объяснил, то должно быть так как на сайте mahno.com.ua/video, внизу под видео

@СтаниславТ · 26.04.2015, 21:48

Вы хотите щёлкать на стрелки (которых кстати - нет), и должен быть переход на другую страницу?
Вообще это осуществляется совсем иначе, здесь необходим javascript и jQuery, а это требует большого ума и терпения.

@Worldmen · 26.04.2015, 21:58 **[ТС]**

Сообщение от СтаниславТ

здесь необходим javascript и jQuery, а это требует большого ума и терпения.

я думаю так не думаю. В joomla есть постраничная навигация в виде " Назад 1 2 3 Вперед" и мне нужно изменить только отображение.
Прикрепил ресурсы, чтоб быстрей понять. Там кое-что получилось

@СтаниславТ · 26.04.2015, 22:08

такого нет. вы в курсе, что в такой мелочи нужна динамика? и html и css для этого не достаточно.

@Worldmen · 27.04.2015, 09:29 **[ТС]**

Сообщение от СтаниславТ

и html и css для этого не достаточно.

я в курсе. Мне нужно только сам стиль, а я его прикручу к pagination.php (который в jooomla отвечает за постраничную навигацию).
Этот файл (pagination.php) выводит навигацию в виде " Назад 1 2 3 4 Вперед". Мне нужно заменить слова и цифры на кружечки и уголки.
PS: я только сейчас заметил, что в архиве не хватает стиля, у меня частично работало. Найду загружу.

@Shakalaka · 27.04.2015, 09:30

То что вы ищете называется pagination. Вот есть какое-то расширение для joomla(первое какое увидел в гугле) если поискать найдете еще. Вот статья с оф. сайта, если не хотите ставить расширение.

@Worldmen · 27.04.2015, 10:03 **[ТС]**

Сообщение от Shakalaka

То что вы ищете называется pagination. Вот есть какое-то расширение для joomla(первое какое увидел в гугле) если поискать найдете еще. Вот статья с оф. сайта, если не хотите ставить расширение.

Посмотрел, один из них не плохой, но проблема в том, что он для материалов, а мне нужно его для компонента BTPortfolio. Поэтому я правлю стили вручную.

@Worldmen · 27.04.2015, 13:04 **[ТС]**

Загрузил мои наработки со стилем. Там кое-что у меня получилось

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@СтаниславТ 5 / 5 / 0 Регистрация: 23.04.2015 Сообщений: 57
	26.04.2015, 21:48
	Вы хотите щёлкать на стрелки (которых кстати - нет), и должен быть переход на другую страницу? Вообще это осуществляется совсем иначе, здесь необходим javascript и jQuery, а это требует большого ума и терпения. 0

@СтаниславТ 5 / 5 / 0 Регистрация: 23.04.2015 Сообщений: 57
	26.04.2015, 22:08
	такого нет. вы в курсе, что в такой мелочи нужна динамика? и html и css для этого не достаточно. 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	27.04.2015, 09:30
	То что вы ищете называется pagination. Вот есть какое-то расширение для joomla(первое какое увидел в гугле) если поискать найдете еще. Вот статья с оф. сайта, если не хотите ставить расширение. 0