Здравствуйте, кто может сверстать навигацию с уже имеющейся CSS
Показать / Скрыть текст
/* ================= PAGINATION ================= */ .pagination_block:after{ content:""; display:table; clear:both; } .pagination_block{ padding-top:2.125em; padding-bottom:1em; margin-top:2.125em; text-align:center; clear:both; border-top:1px solid #cccccc; } .pagination_block .pw{ position:relative; } .pagination{ } .pagination .prev, .pagination .next{ padding:0.438em 1.875em 0.5em; line-height:1!important; } .pagination .prev:hover, .pagination .next:hover{ -webkit-box-shadow:0 3px 0 #ceaa1c; -moz-box-shadow:0 3px 0 #ceaa1c; box-shadow:0 3px 0 #ceaa1c; } .pagination a{ margin-right:0.5em; margin-left:0.5em; vertical-align:middle; padding:0.8em 0.5em 1em; display:inline-block; line-height:1!important; } .pagination a.active, .pagination a:hover{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 0 1px #f9c936; box-shadow:0 0 0 1px #f9c936; } .pagination .prev span, .pagination .next span{ font-size:28px; } .number{ position:absolute; right:2.2%; top:50%; margin-top:-14px; } .number a.active{ color:#333; border-bottom:3px solid #f9c936; } .number a{ margin:0 .5em; display:inline-block; color:#a1a1a1; border-bottom:1px dotted; }
Должно получится так:
Источник: dle-faq.pro
Источник: alexpozitiv
Другие материалы на сайте b.Z - Записки о гаджетах, людях и музыке