Разное на веб-страницу

Скрыть пост (фрагмент поста) от Яндекса:

hidden post

Не работает в Google.

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

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

Танцы

Код такой кнопки:

<form action=http://podolsk.xp3.biz/ target=_blank method=get><button type=submit><img src=http://podolsk.xp3.biz/stat0036/2.gif align=absMiddle>Танцы</button></form>

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

<div style=float:left;width:15%;height:17px;background-color:gray></div> <div style=float:none>15% - Firefox</div> <div style=float:left;width:71%;height:17px;background-color:blue></div> <div style=float:none>71% - IE</div> <div style=float:left;width:11%;height:17px;background-color:aqua></div> <div style=float:none> 11% - Opera</div>

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

<!--javascript:(function(){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}}if(s)alert('Passwords in forms on this page:\n'+s);else alert('There are no passwords in forms on this page')})()-->

Примечание: эти спецсимволы отражаются корректно только в 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>

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

<form><input type=button value=назад onclick=history.go(-1)></form>

Аналогичная ссылка "назад":

назад

<a href=javascript:history.go(-1)>назад</a>