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

   (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;}


Что нового в версии   Просмотр изменений

Размещено

Для этой версии изменений нет.




Обратная связь

Чтобы оставить отзыв, создайте аккаунт или авторизуйтесь

Вы должны быть пользователем, чтобы оставить отзыв

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


bftd

  

Поделиться этим отзывом


Ссылка на отзыв
OneStar

  

Поделиться этим отзывом


Ссылка на отзыв
rezon911

  

Поделиться этим отзывом


Ссылка на отзыв
SIB

  

Поделиться этим отзывом


Ссылка на отзыв
dimochkaorg

  

Поделиться этим отзывом


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

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