Перейти к содержанию
19th

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

Рекомендуемые сообщения

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

post-3282-0-16400700-1299796406_thumb.jpg

Как сделать:

Файл: \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>
  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем afwollis

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Прописано

.list tbody tr:hover {

background: yellow ;
} не помогает

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

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

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

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

Войти

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

Войти

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

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

×