Jump to content

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

Version number:
   (5 reviews)
Sign in to follow this  

1 Screenshot

About This File

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

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

Сделано под OpCart

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

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

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

  • Recently Browsing   0 members

    No registered users viewing this page.


Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.