Разное


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

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


Любой пароль, скрытый за звездочками, открывается с помощью javascript-кода:

исполненного в адресной строке браузера (IE, FF, Opera, Netscape) на странице авторизации.


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

Ваш текст



Ваш текст




Кнопка-ссылка на веб-страничку


Кнопка-ссылка на веб-страничку (с картинкой)



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


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



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

 
  25% – Firefox
 
  70% – IE
 
  5% – Opera



 
 
   – 35% того и 65% этого




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

• Позиция 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://htmlblog.ucoz.net/html_files/33609040px4.gif


3D текст с помощью text-shadow:
3D текст с помощью text-shadow
Все чаще в дизайне сайтов встречаются красивые надписи, можно заметить они используют не картинки, а обычный текст. Благодаря возможностям css 3 вы сможете преобразить текст так как вам нужно.

CSS:
Code

h1 {
  margin: 0;
  color: #fff;
  text-align: center;
  font: bold 100px Georgia, Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 #cccccc,
  0 2px 0 #c9c9c9,
  0 3px 0 #bbbbbb,
  0 4px 0 #b9b9b9,
  0 5px 0 #aaaaaa,
  0 6px 1px rgba(0, 0, 0, 0.1),
  0 0 5px rgba(0, 0, 0, 0.1),
  0 1px 3px rgba(0, 0, 0, 0.3),
  0 3px 5px rgba(0, 0, 0, 0.2),
  0 5px 10px rgba(0, 0, 0, 0.25),
  0 10px 10px rgba(0, 0, 0, 0.2),
  0 20px 20px rgba(0, 0, 0, 0.15);
  }

HTML:
Code

<h1>Лого</h1>

В начало ↑