Форум поддержки пользователей ZeroParking

Информация о пользователе

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Эффект переката.


Эффект переката.

Сообщений 1 страница 5 из 5

1

Все мы знаем, как передаются скрипты между партнерскими сервисами.
Появившийся скрипт на ОТП тут же появляется и здесь. Заметил я и обратное, например:

Сделать форум на всю страницу:
Код:
<style>
#pun {margin: auto; width : 100%;}
</style>
Вставлять в HTML - верх.
Взято с forums.0pk.ru

Стоило мне сделать пару стилей с использованием "Переката", как код уже просочился. Что то мне не хочется, чтобы запостили тут этот код, как идею кого-нибудь, с другого сервиса, при том, что на своем сайте я еще месяц назад написал статью про его использование)))
___________________________________________

Возьмем две картинки:

http://inattack.net/uploads/news/news-9idYa5LScY-0.png и http://inattack.net/uploads/news/news-2UzfiufEsu-0.png

В html-верх ставим следущий код:

Код:
<style type="text/css">
a.button {background: /*Задаем фон для ссылки*/
 url('http://адрес_картинки_1.png'); /*Прописываем адрес картинки*/
   display: block;/*Делаем блочным элементом*/
   width: 150px; /*задаем ширину*/
   height: 50px; /*и высоту*/
  }
a.button:hover {background: /*задаем фон при наведении мыши*/
 url('http://адрес_картинки_2.png');
   display: block;
   width: 150px;
   height: 50px;
  }
</style>

И теперь соответственно в любом месте страницы задав для любой ссылки класс button:

Код:
<a  href="http://inattack.net" class="button"> </a>

Получим рисунок-кнопку при наведении на которую она будет меняться. Пример работы кода Вы можете посмотреть пройдя по ссылке
___________________________________________

Как еще можно использовать на своем форуме:

Например все мы знаем код для того, чтобы вставить свой логотип такой:

<style>
#pun-title .title-logo {background-image : url(адрес картинки);
background-repeat : no-repeat;}
</style>

Делаем так:

<style>
#pun-title .title-logo {background-image : url(адрес картинки_1);
background-repeat : no-repeat;}
#pun-title .title-logo:hover {background-image : url(адрес картинки_2);
background-repeat : no-repeat;}
</style>

И при наведении мыши картинка в логотипе будет меняться на другую. Таким же образом можно применять его к любому блоку форума
P.S. но последнее в IE работать не будет

Отредактировано Diesel (2008-11-27 19:30:03)

+1

2

Класс! Спасибо, все работает!

0

3

клево https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

4

класнетнько

0

5

Diesel
крутотенька хд https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Эффект переката.


Рейтинг форумов | Создать форум бесплатно