CSS element hover effect

Аватар пользователя RISK RISK 20 марта 2007 в 2:59

Прочитал статью — CSS element hover effect. Как вариант.

1. В файл style.css добавляем сточки:

zagolovok:hover:after
{
content: " - in Drupal we trust!"
}

2. В файле page.tpl.php 34 строчку (в Garland):

$site_fields[0] = '<span>'. $site_fields[0] .'</span>';

Меняем на такую:

$site_fields[0] = '<span><zagolovok>'. $site_fields[0] .'</zagolovok></span>';

При наведении мышки на заголовок получиться: "Drupal Россия - in Drupal we trust!" Smile

Комментарии

Аватар пользователя B.X B.X 27 марта 2007 в 22:23

да, но в MSIE это работать не будет... не поддерживаются (насколько я помню) after и before

Аватар пользователя Серый Серый 8 апреля 2007 в 0:29

правильно, не будит експлорер это делать, а отличается ф принципе ничем если это статический текс, если необходимо к примеру что бы при наведении на ссылку менялся к примеру её background и чуть ниже появлялась подсветка, то это поможет, но не работает опять-таки в IE