|
17 декабря 2015, четверг
|
|||
|
Администратор
Вип участник
Сообщений: 133
Новокузнецк
1 день назад
|
кнопки "Назад" и "Вперед"
По желанию меняем пути картинок на свои Нам нужно будет проделать следующие действия: Откроем файл style.css шаблона и впишем следующее: Скрытый текст виден только зарегистрированным пользователям Картинки кнопок в архиве ,кидаем в папку images вашего шаблона.. Прикрепленные файлы:
|
||
|
22 марта 2017, среда
|
|||
|
Начинающий
Сообщений: 3
2793 дня назад
|
Интересное дополнение. Кстати, подходит для любого сайта. Я только 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)
|
||
|
25 марта 2017, суббота
|
|||
|
Администратор
Вип участник
Сообщений: 133
Новокузнецк
1 день назад
|
Алексей Ст: Интересное дополнение. Кстати, подходит для любого сайта. Я только 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> <!-- --> Иконки, естественно, можно поменять при желании. Шаблон был адаптивный, поэтому в процентах. чтоб кнопки подстраивались под размер окна. |
||
