Как сделать прозрачность у баннеров и счётчиков

Приветствую всех на своём блоге. Думаю, вы обращали внимание, что на некоторых сайтах всевозможные счётчики посещений, рейтингов и некоторых баннеров, имеют полупрозрачный вид.

Это делается специально, чтобы не отвлекать на них внимание посетителей. А может и просто, когда ещё особой посещаемостью похвастаться рано. Я видела, что и места для рекламы иногда немного скрыты от глаз. И даже некоторые элементы в сайдбаре.

Реализовать в блоггере прозрачность кнопок и счётчиков совсем не сложно. Посмотрите о чём я виду речь. При наведении курсора на счётчик-прозрачность баннера 100%. Прозрачный баннер в сайдбаре здесь.

 Нам понадобится небольшой код, который мы добавим в гаджет HTML/JavaScript.

<style>#hide a img {
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
}

#hide a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
} </style>

<div id="hide"><a href="http://pr-cy.ru/a/www.shpargalochki.ru" target="_blank"><img alt="Счетчик тИЦ и PR" src="http://counter.pr-cy.ru/prcy/www.shpargalochki.ru" /></a></div>

То, что выделено синим цветом-это значения видимости счётчика. В зависимости от того, хотите вы его сделать чуть ярче или бледнее, меняйте эти 3 значения. В примере я предложила 50% прозрачности. Если изменить 0,5, 0,5 и 50 на меньшее, то счётчик будет более заметен и наоборот.

Красным цветом выделен сам код баннера, рейтинга или счётчика.

Можно просто первую часть кода CSS установить непосредственно в шаблон перед строкой ]]></b:skin>, но уже без тегов  <style>....</style>. А потом просто в нужном месте, где устанавливается счётчик прописать вторую часть.

<div id="hide">тут весь код </div>

Всего лишь такие нехитрые действия. У себя в блоге я расположила свои счётчики немного иначе. 

И у меня сегодня всё. Удачи всем нам. Спасибо, что заглядываете в мои шпаргалки.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email