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-ручки"