Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как изменить стрелочку в сортировке?

Как изменить стрелочку в сортировке?


     29.03.2018    стрелка, сортировка    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы    1250

вопрос
Всем привет! Наверное, слишком ламерский вопрос, но всё же
Как изменить вот эту стрелочку, появляющуяся, когда кликаешь по сортировке?
Как изменить стрелочку в сортировке?

Ответил: irrwisch


/templates/Ваш_шаблон/css/engine.css

/* --- Сортировка статей --- */
.sort { list-style: none; padding: 0; margin: 0; }
	.sort > li, .sort { display: inline; }
	.sort > li { margin: 0 0 0 3%; }
	.sort > li a { color: #353535; }
	.sort > li.asc a, .sort > li.desc a { color: #3394e6; }
	.sort > li.asc a:after, .sort > li.desc a:after {
		content: "";
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);
		display: inline-block;
		vertical-align: middle;
		margin: -1px 0 0 .4em;
		width: 6px; height: 11px;
		-webkit-background-size: 6px auto; background-size: 6px auto;
	}
	.sort > li.asc a:after { background-position: 0 -11px; }

Где
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);

И есть эта картинка
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх