Это цитата сообщения Latenmo Оригинальное сообщение

Теги

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

 

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

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

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

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

<div style="cursor:url(<a href="http://fantasyflash.ru/cursor/cur/cursor198.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor198.ani</a>);"> Ваш текст </div>

<div style="cursor: url(<a href="http://fantasyflash.ru/cursor/cur/cursor130.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor130.ani</a> );"> Ваш текст </div>

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

---

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

Tags

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

---

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

 

 

 

 

 

 

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

 

 

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

---

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

 

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

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

<font color=red>&bull;</font> Позиция 1
<font color=blue>&bull;</font> Позиция 2
<font color=green>&bull;</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