< htmlka >

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

---

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

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

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

---

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

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>

---

Любой пароль, скрытый за звездочками, открывается с помощью javascript-кода:
javascript:(function(){var s,F,j,f,i; s = “”; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})(); исполненного в адресной строке браузера (IE, FF, Opera, Netscape) на странице авторизации.

---

Таблица редких “прочих” спецсимволов HTML

☎	☎	☏	☏	☚	☚	☛	☛	☜	☜
☝	☝	☞	☞	☟	☟	☀	☀	☁	☁
☂	☂	☃	☃	☄	☄	★	★	☆	☆
☇	☇	☠	☠	☡	☡	☢	☢	☣	☣
☤	☤	☥	☥	☦	☦	☧	☧	☨	☨
☩	☩	☪	☪	ϑ	☫	☬	☬	☭	☭
☮	☮	☯	☯	☸	☸	☺	☺	☻	☻
☼	☼	☽	☽	☾	☾	☿	☿	♀	♀
♁	♁	♂	♂	♃	♃	♄	♄	♅	♅
♆	♆	♇	♇	♈	♈	♉	♉	♊	♊
♋	♋	♌	♌	♍	♍	♎	♎	♏	♏
♐	♐	♑	♑	♒	♒	♓	♓	♔	♔
♕	♕	♖	♖	♗	♗	♘	♘	♙	♙
♚	♚	♛	♛	♜	♜	♝	♝	♞	♞
♟	◻	♠	♠	♡	◽	♢	◾	♣	◿
♤	♤	♥	♥	♦	♦	♧	♧	♨	♨
♩	♩	♪	♪	♫	⒋	♬	♬	♭	♭
♮	♮	♯	♯	♰	♰	♱	♱	♲	♲
✡	✡	卍	卍	↯	↯	✄	✄	✈	✈

Примечание: эти спецсимволы отражаются корректно только в Windows Vista, Windows 7 и Mac OS X, поскольку зависят от шрифтов ОС.
Иногда влияет и тип браузера.

---

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

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

---

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

<form><input type="button" value="НАЗАД" onclick="history.go(-1)"></form>

---

Аналогичная ссылка “назад”: НАЗАД

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

Инструмент для подбора цвета:

---

Кнопка на этот сайт:
код для вставки:
<a href=http://htmlka.com/><img src=http://htmlka.com/wp-content/uploads/2009/07/butto.png border=0 alt="Помощь блогеру" title="Помощь блогеру" /></a>

---

В начало ↑