Как добавить сортировку на главной странице над картинками?

голоса: 0

Как на главной странице стразу над картинками сделать поле сортировки.Например такое:

 

Сортировать обои по:                                Дате | Рейтингу | Просмотрах | 

Адрес сайта fon-oboi.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

На главной можете с помощью операторов:

  •  - ссылка на ТОП материалов, отсортированных по комментариям
  •  - ссылка на ТОП материалов, отсортированных по дате добавления
  •  - ссылка на ТОП материалов, отсортированных по рейтингу
  •  - ссылка на ТОП материалов, отсортированных по просмотрам

соответственно в шаблоне главной фотоальбома делаем ссылками вот так:

<a href="$TOP_RATING_URL$">По рейтингу</a>

для других операторов выше по той же аналогии, на главной фильтр не выведете только ссылками вот так, фильтр работает лишь в категориях и разделах.

| Автор:
Выбор ответа лучшим | | Автор: Artem Prokopkin

тоесть на главной совсем никак не льзя будет так сделать в одну строчку??

 

Сортировать обои по:                                    Дате | Рейтингу | Просмотрах | 

Artem Prokopkin,
Можно, я же описал как выше, вот этими операторами все выполняем как с примера выше нажав на ссылку, вы будете переходить на страницу сортировки по дате или рейтингу итп итд.
Yuri_Geruk,

Получилось,но каряво,как выровнять то?)что бы красиво в строчку было?)Зарание спасибо,всегда выручаете)

  Дате | Рейтингу | Просмотрах | 

 

Artem Prokopkin,

Попробуйте вставить вот таким кодом:

<div class="srt-app">
<span class="sort-app"><a href="$TOP_RATING_URL$">По рейтингу ↓</a></span>
<span class="sort-app"><a href="$TOP_READS_URL$">По просмотрам ↓</a></span>
<span class="sort-app"><a href="$TOP_NEW_URL$">По дате ↓</a></span>
</div>

после в стили добавить что-то вида:

.catSortLink,.sort-app,.sort-app a {
text-decoration:none;
padding: 4px;
margin:2px;
background: #739D6A;
color:white!important;
background-image:-moz-linear-gradient(90deg, #739D6A, #739D6A);
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#739D6A), to(#739D6A));
background-image: -webkit-linear-gradient(90deg, #739D6A, #739D6A);
background-image:-o-linear-gradient(90deg, #739D6A, #739D6A);
background-image: linear-gradient(90deg, #739D6A, #739D6A);
-moz-border-radius:2px;-khtml-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.srt-app {margin-top: 5px;}

стили можете переписать под себя, поменять цвета итп итд.

Artem Prokopkin,
Так же дополню, добавляйте код вне aside, внутри контейнере - <div class="content"> здесь в самом начале </div> так как aside фиксирован в размерах и там ничего хорошо отображаться не будет.
...