Подстветка зеброй строк таблиц в админке

   (5 отзывов)

1 изображение

Информация о файле

При работе в админке часто открываю на изменение не ту строку. Достало конкретно, потому решил сделать строки зеброй.

Скриншот прилагается. Меняем /admin/view/stylesheet/stylesheet.css, если он у вас не менялся, иначе просто выдерните нужные строки

Сделано под OpCart 1.5.1.3

Заменить куски

Градиент шапки таблицы:

.list thead td {   background: -moz-linear-gradient(top, #FEFEFE, #D3D3D3); /* Firefox 3.6+ */   background: -ms-linear-gradient(top, #FEFEFE, #D3D3D3); /* IE 10.0+ */   background: -o-linear-gradient(top, #FEFEFE, #D3D3D3); /* Opera 11.10+ */   background: -webkit-linear-gradient(top, #FEFEFE, #D3D3D3); /* Chrome 10.0+, Safari 4.0+ */   padding: 0 5px;}

Собственно зебра в строках таблицы

после

.list tbody td {	vertical-align: middle;	padding: 0px 5px;}

Вставить

.list tbody tr:nth-child(even) {	background-color: #EFEFEF;}.list tbody tr:nth-child(odd) {	background-color: #FFFFFF;}

====================================

По рекомендации Sammy95 добавлена подсвечивание строки при наведении курсора.

.list tbody tr:hover {		background: moccasin !important;}



  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу