Самое главное о вебкам бизнесе и всё что его сопровождаетю Как сделать и настроить свой сайт.

You have 0 new messages |

Вы авторизованы как

guest_391921

| Выход

Домой

Блог

Логин

Счёт

Чатхосты

Пользователи

Курсоры и разное change cursor on link

Скрыть пост (фрагмент поста) от поисковика:
<noindex> your hidden post </noindex>

Примеры изменения формы курсора для отдельного поста или фрагмента поста. Подведите курсор к “Ваш текст”:

Ваш текст

<div style="cursor: move;"> Ваш текст </div>

Ваш текст

<div style="cursor: help;"> Ваш текст </div>

Следующие примеры анимированных курсоров работают только в Internet Explorer:

Ваш текст

<div style="cursor:url(http://hottabych.net/cursors/hottabych.net_cursors_01.cur);"> Ваш текст </div>

Ваш текст

<div style="cursor:url(http://www.htmate2.com/cursors/images/blue_lightning.ani);"> Ваш текст </div>

Ваш текст

<div style="cursor: url(http://www.htmate2.com/cursors/images/more3/1-2.ani);"> Ваш текст </div>

Ваш текст

<div style="cursor: url(http://www.htmate2.com/cursors/images/more1/animated_0.ani);"> Ваш текст </div>

Ваш текст

<div style="cursor: url(http://www.htmate2.com/cursors/images/3dc_3043.ani);"> Ваш текст </div>

URL курсоров можете поискать в сетевых “курсорохранилищах“, например, ЗДЕСЬ (брать только фрагмент кода url(…) и ставить в примеров кодов выше вместо прежнего url)

Делаем кнопку-ссылку на страницу (с картинкой):

Код такой кнопки:
<form action="АДРЕС САЙТА" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEXT</button></form>

Графические диаграммы средствами html:

25% - Firefox

70% - IE

5% - Opera

<div style="float: left; width:25%; height:16px; background-color:orange;"> </div> <div style="float: none;">  25% - Firefox</div><div style="float: left; width:70%; height:16px; background-color:blue;"> </div><div style="float: none;">  70% - IE</div><div style="float: left; width:10%; height:16px; background-color:red;"> </div><div style="float: none;">  5% - Opera</div>

- 35% того и 65% этого

<div style="float: left; width:35px; height:16px; background-color:aqua;"> </div><div style="float: left; width:65px; height:16px; background-color:pink;"> </div><div style="float: none;">   - 35% того и 65% этого</div>

Любой пароль, скрытый за звездочками, открывается с помощью javascript-кода:
исполненного в адресной строке браузера (IE, FF, Opera, Netscape) на странице авторизации.

Список с цветными “бульками”:

• Позиция 1
• Позиция 2
• Позиция 3

Делается так:

<font color=red>•</font> Позиция 1
<font color=blue>•</font> Позиция 2
<font color=green>•</font> Позиция 3

Список с маленькими картинками:

Позиция 1

Позиция 2

Позиция 3

Позиция 4

Код:

<dl>
<dd><img src=URL-картинки align=absmiddle> Позиция 1</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 2</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 3</dd>
<dd><img src=URL-картинки align=absmiddle> Позиция 4</dd>
</dl>

URL “шарика”: http://img90.imageshack.us/img90/6603/33609040px4.gif

Занесение в Избранное по клику (только для ИЕ):

В Избранное!

Код:
<span style="color:navy;cursor:hand;" onClick="window.external.AddFavorite(location.href, document.title);">
<font face=Helvetica size=3>
В Избранное!
</font>
</span>

Навигационная кнопка “Назад”:

Cсылка “назад”: НАЗАД

<a href="javascript:history.go(-1)">НАЗАД</A>

В начало ^