Выделение текущей строки в админке

[19th]

На приведенной ниже картинке курсор находится над способом доставки EMS и она выделяется цветом (помогает не запутаться в админке в списках).

Как сделать:

Файл: \admin\view\template\common\footer.tpl

меняем содержимое файла

</div></div>
<div id="footer">
 <?php echo $text_footer; ?>
</div>
</body></html>

на

</div></div>
<div id="footer">
 <?php echo $text_footer; ?>
</div>
<!-- bof_xsi: add mouseover on admin list -->
<script type="text/javascript">
$(document).ready(
 function(){
 $('.list tr:even').mouseover(function() {
 $(this).css("background-color", "#cccccc"); 
 }).mouseout(function(){
 $(this).css("background-color", "#F4F4F8"); 
 });

 $('.list tr:odd').mouseover(function() {
 $(this).css("background-color", "#cccccc"); 
 }).mouseout(function(){
 $(this).css("background-color", ""); 
 });
});
</script>
<!-- eof_xsi: add mouseover on admin list -->
</body></html>

[afwollis]

у себя для модулей подобное давно сделал.

ибо там у меня реально можно заблудиться :D

но как-то не додумался выложить :(

Змінено 10 березня 2011 користувачем afwollis

[Acden]

Оба! Не знал о таком свойстве css: .list tr:even

всегда через цикл такое прогонял... наверное не всеми браузерами это поддерживается...

[mctolan]

Не хочет выделять, может что не так делаю, все по инструкции. 

[chukcha]

а прописать в стилях?

tr:hover{background:yellow)
 
tr:nth-child(1){background:gray)

Разве не работает?

[mctolan]

а прописать в стилях?

tr:hover{background:yellow)
 
tr:nth-child(1){background:gray)

Разве не работает?

А в какой  стиль это писать, подскажите пожалуйста, В CSS не очень силен.

Прописано

.list tbody tr:hover {

background: yellow ;

} не помогает

[mctolan]

Решил проблему. Скачал файл стилей)))) https://opencartforum.com/files/file/346-%D0%BF%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%B5%D1%82%D0%BA%D0%B0-%D0%B7%D0%B5%D0%B1%D1%80%D0%BE%D0%B9-%D1%81%D1%82%D1%80%D0%BE%D0%BA-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86-%D0%B2-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%BA%D0%B5/