Сделать стартовой страницей     Правила сайта    Выйти  





...

Категории раздела

Скрипты и хаки для uCoz [226]

Мини-чат

Наш опрос

Сколько вам лет?
Всего ответов: 46

Новые сайты


Категория : Отдых и развлечения
Клан ксс [SPb]™*

     Переходов на сайт : 24

Категория : Интернет
Кино онлайн

     Переходов на сайт : 14

Категория : Культура и искусство
1o.uСoz.Ru

     Переходов на сайт : 20


                                                

Всё о ЯБ - ya-browser.3dn.ru

Шаблоны и скрипты для uCoz

Главная » Файлы » Скрипты и хаки для uCoz » Скрипты и хаки для uCoz

Код прозрачности
28.09.2010, 09:54

Как установить шаблон на сайт ?  Как вставить скрипт на сайт ?



Порой бывает и так, что в нашем обиходе мы наталкиваемся на предметы, постоянно мозолящие нам глаза. И если от них нельзя избавиться, то непременно хочется убрать их подальше, с глаз долой. Вот лично для меня таким предметом в веб_дизайне всегда были эти пресловутые счётчики. Куда их не сунь, везде глаза мозолят.

Но как то пару раз мне попадались очень интересные решения с картинками, когда изображение почти сливается с фоном, но стоит навести мышкой, как оно оживает. Мне очень понравилась эта идея и в последствии я встречал ее реализацию на счётчиках. И на мой взгляд это идеальнейшее решение для тех, кому эти счётчики режут глаз. Короче, я решил озаботиться этим вопросом и вот делюсь результатом, который весьма пришелся мне по душе.

Перелопатив массу вариантов кодов и скриптов, я пришел к выводу, что ничего проще простого кода css просто не существует, уж простите за тавтологию. Идеальный по исполнению и гениальный по свой простоте это код основан на простой прозрачности {opacity} и простом выделении {a hover}.

Вот как выглядит этот код: {Вставляем его либо в html-код между тегами "< head >",либо в свой css файл, у кого стили прописаны отдельным файлом}

Code

<style type="text/css">

<!--

#codeblock a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}

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

Далее необходимые нам изображения заключаем в соответствующий DIV. Примерно вот так…
Code

<div id="codeblock">

<a href="#"><img src="cnt.gif" border="0"></a>

<a href="#"><img src="cycounter.gif" border="0"></a>

<a href="#"><img src="hit.gif" border="0"></a>

<a href="#"><img src="img.gif" border="0"</a>

</div>

И наслаждаемся результатом.

Источник: http://webgrabber.clan.su




HTML-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Категория: Скрипты и хаки для uCoz | Добавил: ORIGINAL98RUS
Просмотров: 664 | Загрузок: 0 | Рейтинг: 0.0/0

Всего комментариев: 0




Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини-профиль

Гость !



Группа:
Гости

Время: 02:08

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск

Сообщество

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

[ Кто нас сегодня посетил ]

Наш баннер

1o.uCoz.Ru|Сайт помощи в системе uCoz



Graffiti Decorations(R) Studio (TM) Site Promoter

                                                                                            
Все права сохранены , не лицензионное
копирование запрещено законами
Р.Ф.
(без первоисточника) ! Сайт помощи в системе
uCoz  и не только.1o.uCoz.Ru 2010-2010г.(by "ORIGINAL98RUS")
Хостинг от uCoz 

                                                                                                
Рейтинг@Mail.ru Яндекс цитирования