ГлавнаяДизайн блога › Как сделать прозрачные счётчики, баннеры для сайта?


Как сделать прозрачные счётчики, баннеры для сайта?


Как сделать прозрачные счётчикиХорошего настроения Всем кто зашёл на — 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, отвечает за постоянную прозрачность, а вторая, за прозрачность счётчиков при наведении курсора мыши.

На сегодня это всё. Надеюсь, что Вам понравился эффект прозрачности.

У кого нет счётчика для сайта, то рекомендую его поставить. Как это сделать, можно узнать, прочитав статью – «Как установить счётчик посещений на сайт|блог».
На сегодня это всё! Удачи!

 

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




32 комментарияА что думаете Вы?

  1. Алексей

    Да,эффект прозрачности классная штука.

    [Ответить]

    Денис Черников ответил:

    Ещё какая! А сколько возможностей! Ух!:)

    [Ответить]

  2. A11exx

    Можно сделать размеры счетчика 1Х1 пиксель, тогда он точно никому не помешает, а работу свою будет выполнять исправно.

    [Ответить]

    Денис Черников ответил:

    Да, фантазия человека безгранична! Можно его вообще сделать невидимым!:)

    [Ответить]

  3. vista

    А как сделать так, чтоб он при наведении курсора становился обычным (непрозрачным)?

    [Ответить]

    Денис Черников ответил:

    Поиграйтесь со стилями CSS, которые добавляли в начале статьи! Меняйте цифровые значения! Если в одной из строк, Вы будете менять одно число, то и остальные числа в этой строке тоже нужно изменять!

    [Ответить]

  4. Михаил

    Математика, блин :) ! Ещё бы программеры создали универсальные коды во всех направлениях, а то только версии, но это утопия, ладно :) . Благодарствую, Денис.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Михаил! Когда нибудь и до этого дорастём! Заходите!

    [Ответить]

  5. Владимир

    Знаете,Михаил Вы добились прозрачности. Совсем счетчика внизу нет.

    [Ответить]

    Денис Черников ответил:

    Если Вы про мой, то он на месте и на половину прозрачен!

    [Ответить]

  6. Владимир

    Денис, прошу прощения, я вас назвал Михаил, но действительно нет внизу счетчика. Но сайт очень информативный. Спасибо!

    [Ответить]

    Денис Черников ответил:

    Нечего, я не огорчился! Счётчик на месте!

    [Ответить]

  7. Андреева Татьяна

    Денис, спасибо за приглашение! Счетчика не вижу, а хотелось бы такую штуку посмотреть и сделать себе.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Татьяна!

    Всегда, пожалуйста! Счётчик вроде на месте, я вижу его! Какой у Вас браузер?

    [Ответить]

  8. Бабай

    Денис что то я тоже не вижу счетчик, совсем уж прозрачный что ли.

    [Ответить]

    Денис Черников ответил:

    Даже не знаю почему, я во всех браузерах вижу, Вы уже не первый говорите, его что, просто нету, да? Какой у Вас браузер?

    [Ответить]

  9. Елена

    Денис, я тоже не вижу счетчик. Браузер Сафари.

    [Ответить]

    Денис Черников ответил:

    Так я его убрал! Сделал бесцветным!

    [Ответить]

  10. Михаил

    Большое спасибо вам за полезный материал, наконец таки сделал у себя на сайте прозрачные счетчики.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Михаил! Заходите ещё!

    [Ответить]

  11. Анна К.

    Ну да, тоже хотела посмотреть на прозрачный счетчик :) а его нет.

    [Ответить]

    Денис Черников ответил:

    Он есть, просто его внизу не видно под полосой!

    [Ответить]

    Анна К. ответил:

    Его и правда как будто нет, а если подсветить внешние ссылки (Сеобаром, например) — полоса расширяется и виден квадратик счетчика снизу под кнопками Мейла и Твиттера

    [Ответить]

    Денис Черников ответил:

    Вы меня рассекретили, Анна!)

    [Ответить]

    Анна К. ответил:

    Да ладно?!? Я ж не знала, что это тайна:)

    Спасибо за информацию, которой делитесь на своем блоге.

    Денис Черников ответил:

    Пожалуйста, Анна! Заходите к нам почаще!

  12. Аня

    Большое спасибо!

    [Ответить]

    Денис Черников ответил:

    Всегда, пожалуйста!

    [Ответить]

  13. Pavel

    все работает, проверено.

    Подскажи, Денис?

    как делают прозрачные шаблоны, разбирался с этой темой?

    [Ответить]

    Денис Черников ответил:

    Задают прозрачность средствами CSS либо в программах типа фотошопа если элементы картинки.

    [Ответить]

  14. Алексей

    Доброго времени суток. Понравилась ракета перемотки на верх сайта можно html код пожалуйста на почту если не затруднит... очень красиво.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте! Ракета, это обычная картинка, а код установки есть в одной из статей на блоке, посмотрите через поиск по блогу!

    [Ответить]

Оставить комментарий!

Вверх