Подсказка по Html 3

Воскресенье, 28 Марта 2010 г. 00:34 + в цитатник

Цитата сообщения Latenmo

Прочитать целиком В свой цитатник или сообщество!

Теги

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

Ваш текст

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

Ваш текст

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

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

Ваш текст

<div style="cursor:url(<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://fantasyflash.ru/cursor/cur/cursor198.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor198.ani</a>);"> Ваш текст </div>

Ваш текст

<div style="cursor: url(<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://fantasyflash.ru/cursor/cur/cursor130.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor130.ani</a> );"> Ваш текст </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>

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

• Позиция 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

Рубрики:

Интернет