Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-ручки. Быть Web-мастером - ЛЕГКО! Как на блоге сделать счетчики полупрозрачными?


 

 Выпуск: 3; Дата: 2011-03-29 14:00; Количество подписчиков: 0
 

Привет.

Решила на блоге "Web-ручки" счетчики статистики, а также различные кнопки каталогов сделать минимально видимыми. То есть, сделать полупрозрачными, но при наведении на них курсором мыши они будут преобретать стандартный вид.

Хочу рассказать, как это сделать. И это совсем не сложно. В итоге различные кнопочки не будут "мозолить глаза".

1. Открываем файл style.css,  которая находится в папке Вашей темы.

В самом конце прописываем стили для прозрачности баннеров и кнопочек:

#banners a img {opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}



2. Далее, открываем файл  footer.php, и все счетчики закрываем в код:

<div id="banners">
Код счетчика статистики и кнопки
</div>


Каждый счетчик в теги закрывать не обязательно. Если у Вас,  например 3-4 кнопки, то  <div id="banners"> ставим в начале певого счетчика,  а   </div>  в конце последнего счетчика.

Если Вы все сделали правильно, в итоге у Вас кнопки будут полупрозрачными. Пример можете посмотреть в подвале моего блога.

Надеюсь, информация была для Вас полезной. Прокоментировать ее или задать вопросы Вы можете здесь.

До встречи!

Подписка на RSS. Следи за новыми статьями! Подписаться на блог "Web-ручки"

Автор рассылки: Татьяна Успешная

Блог автора: http://webru4ki.ru

Электронный адрес: ofw_at@mail.ru


В избранное