Хорошего настроения Всем кто зашёл на — Sozdaiblog.ru!
Из этой статьи Вы узнаете,как сделать прозрачные счётчики, баннеры для сайта или блога.
Статья будет короткой, но достаточно содержательной и полезной.
Сейчас, я попрошу всех опуститься в самый низ блога и посмотреть на счётчик посещений. Как видите, он отличается от обычного (после некоторых изменений его там больше нет, извините).
Чтобы он не отвлекал посетителей, я сделал его прозрачным.
Мне кажется, что прозрачный счётчик смотрится эффектнее, чем обычный. Таким способом, можно затемнить не только счётчик, но и любой баннер на сайте.
Для того чтобы сделать прозрачный счётчик или баннер, нужно в стилях CSS вашего ресурса, прописать следующий код:
/* ----////// Эффект прозрачности /////------- */
#banners a img {
opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
Затем, Вам нужно счётчик или баннер обернуть, вот таким кодом:
<div id="banners">Код счётчика, баннера</div>
Вы можете самостоятельно менять прозрачность счётчика.
Первая строчка кода вписанного в стили CSS , отвечает за постоянную прозрачность, а вторая, за прозрачность счётчиков при наведении курсора мыши .
На сегодня это всё. Надеюсь, что Вам понравился эффект прозрачности.
У кого нет счётчика для сайта, то рекомендую его поставить. Как это сделать, можно узнать, прочитав статью – « Как установить счётчик посещений на сайт|блог
».
На сегодня это всё! Удачи!
С уважением, Денис Черников!
-
Как сделать фото в стиле ВИНТАЖ?
- Бенчмаркинг что это такое простыми словами
- Дебитор это простыми словами
- В2в что это простыми
-
Как создать взаимодействие с аудиторией на блоге
- Инжиниринговая компания это простыми словами
- Доход и выручка в чем разница простыми словами
- Кост эффективность это простыми словами
- Письмо оферта что это такое простыми словами
-
Защита вашего блога: важность безопасности в WordPress
Да,эффект прозрачности классная штука.
Ещё какая! А сколько возможностей! Ух!:)
Можно сделать размеры счетчика 1Х1 пиксель, тогда он точно никому не помешает, а работу свою будет выполнять исправно.
Да, фантазия человека безгранична! Можно его вообще сделать невидимым!:)
А как сделать так, чтоб он при наведении курсора становился обычным (непрозрачным)?
Поиграйтесь со стилями CSS, которые добавляли в начале статьи! Меняйте цифровые значения! Если в одной из строк, Вы будете менять одно число, то и остальные числа в этой строке тоже нужно изменять!
Математика, блин ! Ещё бы программеры создали универсальные коды во всех направлениях, а то только версии, но это утопия, ладно . Благодарствую, Денис.
Пожалуйста, Михаил! Когда нибудь и до этого дорастём! Заходите!
Знаете,Михаил Вы добились прозрачности. Совсем счетчика внизу нет.
Если Вы про мой, то он на месте и на половину прозрачен!
Денис, прошу прощения, я вас назвал Михаил, но действительно нет внизу счетчика. Но сайт очень информативный. Спасибо!
Нечего, я не огорчился! Счётчик на месте!
Денис, спасибо за приглашение! Счетчика не вижу, а хотелось бы такую штуку посмотреть и сделать себе.
Здравствуйте, Татьяна!Всегда, пожалуйста! Счётчик вроде на месте, я вижу его! Какой у Вас браузер?
Денис что то я тоже не вижу счетчик, совсем уж прозрачный что ли.
Даже не знаю почему, я во всех браузерах вижу, Вы уже не первый говорите, его что, просто нету, да? Какой у Вас браузер?
Денис, я тоже не вижу счетчик. Браузер Сафари.
Так я его убрал! Сделал бесцветным!
Большое спасибо вам за полезный материал, наконец таки сделал у себя на сайте прозрачные счетчики.
Пожалуйста, Михаил! Заходите ещё!
Ну да, тоже хотела посмотреть на прозрачный счетчик а его нет.
Он есть, просто его внизу не видно под полосой!
Его и правда как будто нет, а если подсветить внешние ссылки (Сеобаром, например) — полоса расширяется и виден квадратик счетчика снизу под кнопками Мейла и Твиттера
Вы меня рассекретили, Анна!)
Да ладно?!? Я ж не знала, что это тайна:)Спасибо за информацию, которой делитесь на своем блоге.
Пожалуйста, Анна! Заходите к нам почаще!
Большое спасибо!
Всегда, пожалуйста!
все работает, проверено.
Подскажи, Денис?
как делают прозрачные шаблоны, разбирался с этой темой?
Задают прозрачность средствами CSS либо в программах типа фотошопа если элементы картинки.
Доброго времени суток. Понравилась ракета перемотки на верх сайта можно html код пожалуйста на почту если не затруднит… очень красиво.
Здравствуйте! Ракета, это обычная картинка, а код установки есть в одной из статей на блоке, посмотрите через поиск по блогу!