Как сделать спецсимволы в блоге

Как сделать спецсимволы в блоге

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

Ваш текст

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

Ваш текст

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

---

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

Код такой кнопки:
<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-кода:
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 ☎
&#9742;
☏
&#9743;
☚
&#9754;
☛
&#9755;
☜
&#9756;
☝
&#9757;
☞
&#9758;
☟
&#9759;
☀
&#9728;
☁
&#9729;
☂
&#9730;
☃
&#9731;
☄
&#9732;
★
&#9733;
☆
&#9734;
☇
&#9735;
☠
&#9760;
☡
&#9761;
☢
&#9762;
☣
&#9763;
☤
&#9764;
☥
&#9765;
☦
&#9766;
☧
&#9767;
☨
&#9768;
☩
&#9769;
☪
&#9770;
ϑ
&#9771;
☬
&#9772;
☭
&#9773;
☮
&#9774;
☯
&#9775;
☸
&#9784;
☺
&#9786;
☻
&#9787;
☼
&#9788;
☽
&#9789;
☾
&#9790;
☿
&#9791;
♀
&#9792;
♁
&#9793;
♂
&#9794;
♃
&#9795;
♄
&#9796;
♅
&#9797;
♆
&#9798;
♇
&#9799;
♈
&#9800;
♉
&#9801;
♊
&#9802;
♋
&#9803;
♌
&#9804;
♍
&#9805;
♎
&#9806;
♏
&#9807;
♐
&#9808;
♑
&#9809;
♒
&#9810;
♓
&#9811;
♔
&#9812;
♕
&#9813;
♖
&#9814;
♗
&#9815;
♘
&#9816;
♙
&#9817;
♚
&#9818;
♛
&#9819;
♜
&#9820;
♝
&#9821;
♞
&#9822;
♟
&#9723;
♠
&#9824;
♡
&#9725;
♢
&#9726;
♣
&#9727;
♤
&#9828;
♥
&#9829;
♦
&#9830;
♧
&#9831;
♨
&#9832;
♩
&#9833;
♪
&#9834;
♫
&#9355;
♬
&#9836;
♭
&#9837;
♮
&#9838;
♯
&#9839;
♰
&#9840;
♱
&#9841;
♲
&#9842;
✡
&#10017;
卍
&#21325;
↯
&#8623;
✄
&#9988;
✈
&#9992;
Примечание: эти спецсимволы отражаются корректно только в 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>

---