кнопки "Назад" и "Вперед" — "Весёлая жизнь"
-->
  • 8 февраля 2018Стало известно, сколько заработал Путин за 6 лет
  • 8 февраля 2018Кудрин рассказал о повышении пенсионного возраста
  • 2 января 2018Как варить фасоль быстро
  • 2 января 2018Почему Навальный не может баллотироваться в Президенты?
  • 31 декабря 2017Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  • 21 марта 2016ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  • 15 марта 2016Кузбассовцев зовут бороться с наркотиками
Стало известно, сколько заработал Путин за 6 лет 8 февраля 2018 | 0 комментариев
Стало известно, сколько заработал Путин за 6 лет
   Президент России Владимир Путин за последние 6 лет заработал более 38,5 млн рублей. Такие данные появились в декларации на сайте Центральной избирательной комиссии.
Подробнее
Кудрин рассказал о повышении пенсионного возраста 8 февраля 2018 | 0 комментариев
Кудрин рассказал о повышении пенсионного возраста
   Экс-министр финансов, председатель совета Центра стратегических разработок Алексей Кудрин рассказал, что повышение пенсионного возраста для россиян неизбежно. Кудрин считает, что для развития...
Подробнее
Как варить фасоль быстро 2 января 2018 | 0 комментариев
Как варить фасоль быстро
1.          Залейте  фасоль  очень холодной водой и поставьте на средний огонь. Не накрывайте кастрюлю крышкой, иначе она приобретет  темный  и...
Подробнее
Почему Навальный не может баллотироваться в Президенты? 2 января 2018 | 0 комментариев
Почему Навальный не может баллотироваться в Президенты?
 Добрый день уважаемые друзья! Мне недавно задали вопрос, почему Навальный не может баллотироваться в Президенты? Честно говоря я тоже слышал об этом, но не вникал. Согласитесь, при его...
Подробнее
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия 31 декабря 2017 | 0 комментариев
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  Президент России Владимир Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия, а также перемен к лучшему в каждой семье, поскольку Новый...
Подробнее
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ 21 марта 2016 | 0 комментариев
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  В конце минувшей недели на сайте OnlinePetition  появилась петиция, обращённая к президенту Владимиру Путину , с просьбой о переносе столицы Кузбасса из Кемерова в Новокузнецк.
Подробнее
Кузбассовцев зовут бороться с наркотиками 15 марта 2016 | 0 комментариев
Кузбассовцев зовут бороться с наркотиками
  В регионе с 14 по 25 марта проходит антинаркотическая акция "Сообщи, где торгуют смертью".
Подробнее
 
 
Новости форума
1 сентября 2018, на форуме: «WordPress – Создание сайта с нуля.»
Председатель начинает тему:
22 августа 2018, на форуме: «Скрипты разное»
Председатель начинает тему:
25 июня 2018, на форуме: «Строительство + я»
Просто Мария начинает тему:
реклама 4
 

кнопки "Назад" и "Вперед"

Нужная полезность сайта.
#1
Администратор Вип участник
Председатель
Аттестат псевдонима Формальный аттестат Начальный аттестат
Сообщений: 117
Новокузнецк
7 дней назад
кнопки "Назад" и "Вперед"
По желанию меняем пути картинок на свои
Нам нужно будет проделать следующие действия:
Откроем файл style.css шаблона и впишем следующее:

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


Картинки кнопок в архиве ,кидаем в папку images вашего шаблона..
Прикрепленные файлы:
werh_567294e473883.rar | 7,59 Кб | Скачали: 79 раз
#2
Начинающий
Алексей Ст
Аттестат псевдонима
Сообщений: 3
542 дня назад
Интересное дополнение. Кстати, подходит для любого сайта. Я только css подправил немного... Кстати, зачем там width: 7%; и height: 5%;?.. Лучше их жестко установить по размеру стрелок, имхо.
И z-index лучше 999, чтобы они не пропадали.
А если на сайте используется Bootstrap, то можно и так сделать (если кодом оборачиваю, он режется у Вас, кстати... поэтому простым текстом пишу):

<!-- -->
<div id='hisForward'>
<a href="javascript:history.forward()" onMouseOver="window.status='Вперед';return true" title='На страницу вперед'>
<span class="glyphicon glyphicon-chevron-right"></span>
</div>

<div id='hisBack'>
<a href="javascript:history.back()" onMouseOver="window.status='Назад';return true" title='На страницу назад'>
<span class="glyphicon glyphicon-chevron-left"></span>
</div>
<!-- -->

Иконки, естественно, можно поменять при желании.
Редактировалось: 4 раза (Последний: 22 марта 2017 в 00:38)
#3
Администратор Вип участник
Председатель
Аттестат псевдонима Формальный аттестат Начальный аттестат
Сообщений: 117
Новокузнецк
7 дней назад
Алексей Ст:

Интересное дополнение. Кстати, подходит для любого сайта. Я только css подправил немного... Кстати, зачем там width: 7%; и height: 5%;?.. Лучше их жестко установить по размеру стрелок, имхо.
И z-index лучше 999, чтобы они не пропадали.
А если на сайте используется Bootstrap, то можно и так сделать (если кодом оборачиваю, он режется у Вас, кстати... поэтому простым текстом пишу):

<!-- -->
<div id='hisForward'>
<a href="javascript:history.forward()" onMouseOver="window.status='Вперед';return true" title='На страницу вперед'>
<span class="glyphicon glyphicon-chevron-right"></span>
</div>

<div id='hisBack'>
<a href="javascript:history.back()" onMouseOver="window.status='Назад';return true" title='На страницу назад'>
<span class="glyphicon glyphicon-chevron-left"></span>
</div>
<!-- -->

Иконки, естественно, можно поменять при желании.

Шаблон был адаптивный, поэтому в процентах. чтоб кнопки подстраивались под размер окна.
Перейти на форум:
Другие темы:

Наш "У дачный сайт" всегда Вам рады.

 Быстрый ответ. Перед написанием Ознакомьтесь с правилами Форума..

вы не можите писать на форуме.   Нобходима  регистрация.

Возникли вопросы пишите !!!) 

Яндекс.Метрика

наверх