Дизайн постраничной навигации

Тема в разделе "MODx", создана пользователем forzish, 25 окт 2012.

  1. forzish

    forzish

    Регистрация:
    25 окт 2012
    Сообщения:
    1
    Симпатии:
    0
    Изначально в modx постраничная навигация имеет такой вид "Страницы 1234 далее>" что бы изменить внесем изменения в css вот пример

    Код:
    .pagination {position:relative; margin-left:300px; top:-4px;}
    .pagination a {text-decoration: none; color:#4f8ccf; font-size:20px; } /*подчеркивание ссылок*/
    .pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/
    .pagination .ditto_currentpage {color:#ff7200;  font-size:21px; margin-right:11px;} /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/
    .pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/
    .pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/
    Основаясь на данном примере вы можете подогдать постраничную навигацию под дизайн сайта
     
  2. IvanCo

    IvanCo

    Регистрация:
    23 дек 2012
    Сообщения:
    56
    Симпатии:
    5
    Следует добавить, что это актуально для MODX Evolution, которая больше не обновляется. Для MODX Revolution при использовании сниппета getPage дизайн постраничной навигации задается html-шаблонами.
     
  3. Flexx

    Flexx

    Регистрация:
    8 янв 2013
    Сообщения:
    122
    Симпатии:
    85
    Если есть верстка ,то можно создать свои
    &tplPaginateNext=`newsPaginateNext`"<span class='showpage'><a href='[+url+]' class='ditto_next_link'>[+lang:next+]</a></span>
    &tplPaginatePrevious=`newsPaginatePrevious`<span class='showpage'><a href='[+url+]' class='ditto_previous_link'>[+lang:previous+]</a></span>
    Подставляете свои классы и усе