19th

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

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

19th    211

На приведенной ниже картинке курсор находится над способом доставки 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>

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


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

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

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


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

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

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

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

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

Прописано

.list tbody tr:hover {

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

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


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

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

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

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

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

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

Войти

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

Войти


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

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