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

---

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

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

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

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

/hottabych.net/cursors/hottabych.net_cursors_01.cur" target="_blank">http://hottabych.net/cursors/hottabych.net_cursors_01.cur);">Ваш текст

<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>

/fantasyflash.ru/cursor/cur/cursor198.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor198.ani);">Ваш текст

<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>

/fantasyflash.ru/cursor/cur/cursor130.ani" target="_blank">http://fantasyflash.ru/cursor/cur/cursor130.ani );">Ваш текст

<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)

---

 

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

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>

---

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

---

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

p>Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.
Замечу, что цветные линии отображаются на 100% корректно только в IE
Вот она, линия:

---

ее код:
<hr>
Далее:

---

<hr align=center width=60%>

По умолчанию линия имеет толщину 2 пиксела и некоторую объемность.

Необъемная линия:

---

<hr noshade>

---

<hr noshade width=60% size="3">

---

<hr size=3 color="#FF0000">

---

<hr color="#00B344">

---

<hr noshade align="center" width="3" size="50">

---

<hr size="5" width="60%" align="center" color="blue">

---

<hr color="blue" size="7" style="border: dotted 5pt; border-color: red ">

---

<hr color="red" size="9" style="border: dotted 5pt; border-color: blue ">

---

<hr color="black" size="4" style="border: dashed 5pt; border-color: aqua ">

Повторюсь, что цветные линии корректно отображает только IE, поэтому иногда проще использовать клавиатурные или спец. символы:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

оформленные в виде текстового абзаца:
<p align=center style=color:blue;>~~~~~~~~~~~~~~~~~~~~~~~~</p>

Можно выпендриться как-нибудь эдак:

<img src=http://img218.imageshack.us/img218/4139/line014aq3.gif align=center>

эдак:

<img src=http://img218.imageshack.us/img218/9140/line002va4.gif align=center>

эдак:

<img src=http://media.bigoo.ws/content/90/265890/Stars.gif align=center>

или эдак:

<img src=http://img87.imageshack.us/img87/6087/hline13lz2.gif align=center>

Эти линии представляют собой картинки (и их должны корректно отображать все браузеры)
Собраний таких картинок в сети сейчас пруд пруди.
Например, ЗДЕСЬ или ЗДЕСЬ
Наберите в поисковике divider - и вперед
Если нужно прижать линию к левой кромке записи, вместо align=center ставьте align=left
к правой - align=right

1. Обзор сервисов.

• muzicons.com - не закачивает файлы с компа, вставка аудио по прямым ссылкам на файл или через встроенный поисковик tagoo.ru, выглядит так:

  
  

• http://video.yandex.ru требует регистрации на Яндексе. Закачать аудиофайл и получить код плеера, например:

  
  

• www.jetune.ru - в полной мере работает только для юзеров России. Чтоб выложить трек, надо на сайте найти (без регистрации) или закачать своего исполнителя (с регистрацией), кликнуть на конкретный трек и получить код плеера:

  
  

  ---

  Некоторые файлообменники имеют плееры.
  Типичные представители сетевой фауны:

   

• divshare.com Регистрируемся. Жмем “Upload new file”, загружаем трек. Клик на “dashboard” (вверху), появится файл. На него правой кнопкой мыши, выбираем “share”, копируем “Embed Playlist” и вставляем:

  
  

• filehoster.ru сделал покрасивше:

  
  

• box.net при нажатии на “shared” выдаст ссылку типа www.box.net/shared/zf1uk007vy

  2. Учимся "ловить рыбу":

  Код для вставки музыки в блог состоит из двух главных компонентов - флеш-плеер (файл *.swf в виде http://../player.swf) и аудиофайл (в виде http://../song.mp3) - остальное HTML, то бишь буковки.
  Выглядит так:
  <object data="http://../player.swf" type="application/x-shockwave-flash" width="240" height="64">
  <param name="movie" value="http://../player.swf">
  <param name="menu" value="false">
  <param name="scale" value="noscale">
  <param name="flashvars" value="src=http://../song.mp3&amp;autostart=no">
  </object>
  Я залил сюда флеш-плеер и получил:
  http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf
  затем загрузил трек:
  http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3
  Вставил эти ссылки в код:

  
  

  Полный код безобразия:
  <object data=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf type="application/x-shockwave-flash" width="240" height="64"><param name="movie" value=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf><param name="menu" value="false"> <param name="scale" value="noscale"><param name="flashvars" value="src=http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3&amp;autostart=no"></object>
  Если в код вставить свой mp3 файл вида http://…./song.mp3 ("прямая ссылка"), он будет играть вашу музыку:).

• width и height определят размеры плеера.
  Если назначить height=16, получим:

  
  

  Tip: Чтоб исключить сбой кодировок, избегайте кириллицы и пробелов в названиях треков.
  Переименовывайте файлы перед закачкой их на хостинг. Примеры:
  моя песня.mp3 (нельзя в плеер, будет глюк)
  moya_pesnya.mp3 (можно юзать)

• Можно вставлять плейлисты:

  
  

  - навигация по трекам

• Делаем такой плеер с плейлистом:
  1. Загружаем на хостинг аудиофайлы и составляем такой список треков:
  <file src="sound1.mp3"/>
<file src="sound2.mp3"/>
<file src="sound3.mp3"/>
  2. Копируем образец кода плейлиста ОТСЮДА
  (всё, что под чертой)
  3. Открываем на компе программу Блокнот, вставляем туда этот код.
  4. Вместо примера списка треков вставляем свой заготовленный список треков.
  5. Жмем “Файл-Сохранить как”. Называем файл playlist.xml и сохраняем.
  (назвать можно как угодно, главное - на латинице и .xml)
  6. Файл playlist.xml грузим на хостинг, ссылку на него ставим в код плеера там, где в плеере с одним треком стоит ссылка на mp3-файл: http://site/song.mp3
  7. Вставляем полученный код плеера в блог.
  

  ---

• Другой плеер, “складной”:
  

  
  

  внимание, код этого плеера отличается от кода предыдущего:
  <object data="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com/wp-content/uploads/2009/07/player2.swf"" target="_blank">http://htmlka.com/wp-content/uploads/2009/07/player2.swf"</a> type="application/x-shockwave-flash" width=240 height=50><param value="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com/wp-content/uploads/2009/07/player2.swf"" target="_blank">http://htmlka.com/wp-content/uploads/2009/07/player2.swf"</a> name="movie"> <param value="loop=no&amp;autostart=no&amp;soundfile=http://aurgasm.us/wp/uploads/jessica-fichot-1-2-3.mp3&amp;" name="flashvars"><param value="false" name="menu"></object>

   

  ---

  Скачать себе оба этих плеера можно ЗДЕСЬ
  

  ---

• Плеер от htmlka.com:
  

  
  

  Ставим свой mp3-файл вместо ВАШ_ФАЙЛ:
  <object id="audioplayer1130" type="application/x-shockwave-flash" data="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://dl.getdropbox.com/u/1926037/uppod.swf"" target="_blank">http://dl.getdropbox.com/u/1926037/uppod.swf"</a> width="250" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://dl.getdropbox.com/u/1926037/uppod.swf"" target="_blank">http://dl.getdropbox.com/u/1926037/uppod.swf"</a> /><param name="flashvars" value="comment=&amp;st=http://dl.dropbox.com/u/1926037/audio26-365.txt&amp;file=ВАШ_ФАЙЛ&amp;link=http://uppod.ru/afesawwrq" /></object>

  ---

  Хостинги, выдающие "прямые ссылки":
• DropBox — лучший, быстрая регистрация, 2 ГБ. Берём с сайта программу-клиент и ставим на комп. При установке указываем, где будет папка “My Dropbox” (по умолчанию в винде идет в «Мои документы»).
  В эту папку помещаем файлы, которые теперь будут автоматически закачиваться на хостинг. Если заносим файл в подпапку “Public” - получаем прямую ссылку на него (на файл правой кнопкой и “Copy public link”).
  Моя статья-инструкция к Dropbox
• filekeeper.org - без регистрации до 100Мб, прямая ссылка на трек, файлы хранятся, пока к ним есть хотя бы одно обращение в течение 30 дней
• www.fileden.com - регистрация, прямые ссылки на файл (залить и на "Direct URL")
  

  ---

  Бонус. Поисковики по mp3-файлам:
  beemp3.com | tagoo.ru | poiskm.ru | vpleer.ru

Любой флеш-файл с расширением *.swf можно вставить в блог.
Например, мы нашли игру “давим пузыри”: http://dl.getdropbox.com/u/1926037/bubble.swf
Вставим её в свой блог. Напомню - ссылка должна быть “прямой” (заканчиваться на .swf)
Просто копируем адрес файла и ставим в код вместо "ссылка-на-файл":
<object type=application/x-shockwave-flash data=ссылка-на-файл width=450 height=300><param name=movie value=ссылка-на-файл></object>
получаем:

полный код этой “флешки”:
<object type=application/x-shockwave-flash data=http://dl.getdropbox.com/u/1926037/bubble.swf width=450 height=300><param name=movie value=http://dl.getdropbox.com/u/1926037/bubble.swf></object>

Меняем размер флеш-объекта, меняя значения:
width=450 - ширина 450 пикселов
height=300 - высота 300 пикселов

Для вставки своих флеш-файлов с расширением *.swf пользуемся хостингами, рекомендуемыми на стр. Вставка аудио - все они выдают “прямые” ссылки на файл. Получаем ссылку и ставим в код.
Всё.
Примеры вставки в блог флеш-файлов (*.swf):

код для вставки:
<object type=application/x-shockwave-flash data=http://htmlka.com/wp-content/uploads/2009/08/onlytothegoodpeople1.swf width=400 height=350><param name=movie value=http://htmlka.com/wp-content/uploads/2009/08/onlytothegoodpeople1.swf></object>

---

код для вставки:
<object type=application/x-shockwave-flash data=http://htmlka.com/wp-content/uploads/2009/08/calc1.swf width=250 height=350><param name=movie value=http://htmlka.com/wp-content/uploads/2009/08/calc1.swf></object>

---

Поскольку это “домашний” тег Internet Exlorer, другие браузеры до сих пор не всегда корректно отображают работу различных его атрибутов

your running text
<marquee>your running text</marquee>

---

your running text
<marquee scrollamount="1">your running text</marquee>

---

your running text
<marquee scrollamount="3">your running text</marquee>

---

your running text
<marquee scrollamount="30">your running text</marquee>

---

your running text
<marquee direction="right">your running text</marquee>

---

your message here
<marquee behavior="alternate">your message here</marquee>

---

your running text
<marquee height="50" direction="up">your running text</marquee>

---

your running text
<marquee height="50" direction="down">your running text</marquee>

---

your message here
<marquee bgcolor="silver">your running text</marquee>

---

your message here
<marquee direction="right" bgcolor="#color" width="300">your running text</marquee>

---

your running text
<marquee width="100">your running text</marquee>

---

your running text
<marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>

---

your text here
<marquee direction="left" bgcolor="silver" width="300">your text here</marquee>

---

your exciting message hereyour exciting message hereyour exciting message hereyour exciting message here

<marquee bgcolor="pink" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee><marquee bgcolor="silver" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>

Останавливаем строку наведением курсора мыши

<marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee>

---

<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

---

<marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

---

<marquee height="150" direction="up"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

---

<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee></marquee>

---

<marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

---

БОНУС
Сайты, где много движущихся анимашек:
glitter-graphics.com
bigoo.ws
ann-pages.narod.ru/anim.htm

---

Flying text

<marquee direction="up" scrollamount="1" height="150" style="filter:wave(add=1, phase=10, freq=2, strength=300); colortag="red";><font color="navy" size=+3>FLYING TEXT</font></marquee>

---

« П Л Я Ш Е М и П О Е М ! !»

<marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%">«</marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Л </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Я </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Ш </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> и </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> »</marquee>

---

Можно типа информера прикрутить:

- Я недавно на свадьбе был!
- А что у тебя с лицом?
- Разбили на счастье.
———-
- Почему рука забинтована?
- Дятла с ладошки кормила…
———-
Мне приходится работать, он любит отдохнуть. Я - злой, он - добрый. Я живу с женой, он - шлындает по девочкам. С большим трудом я понимаю, как вообще мы можем с ним уживаться в одном человеке. ———-

<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ТЕКСТ</marquee>

---

Движущиеся галереи:

<div style="border:medium double navy;padding:5px;background:lightblue;width:110px;text-align: center;"><marquee width=100 height=100 scrollamount=1 scrolldelay=10><АДРЕС КАРТИНКИ#1> <АДРЕС КАРТИНКИ#2></marquee></div>

---

<marquee behavior=alternate scrollamount=1 scrolldelay=50><marquee style="padding:5px;background:lightblue;width:110px;"> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> </marquee></marquee>

---

С

Д
Н
Е
М

Р
О
Ж
Д
Е
Н
И
Я
!

<marquee direction=up scrolldelay=1 scrollamount=1 style="text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);"><center><font color=blue size=3><br>С<br><br>Д<br>Н<br>Е<br>М<br><br>Р<br>О<br>Ж<br>Д<br>Е<br>Н<br>И<br>Я<br>!</font></marquee>

Проверяйте ваши записи перед публикацией. Некоторые сайты могут не поддерживать какие-то из этих тегов, или некорректно с ними работать.

 

Your text <s>Your text</s>

Your text <u>Your text</u>

Your text <b>Your text</b>

Your text <samp>Your text</samp>

Your text <big>Your text</big>

Your text <i>Your text</i>

Your text <b><i>Your text</i></b>

Your text <u><b><i>Your text</i></b></u>

Your text <small>Your text</small>

TEXT^sup TEXT^sup

TEXT_sub TEXT_sub

 

Your text

<font size="+4">Your text</font>

Your text

<font size="+3">Your text</font>

Your text

<font size="+2">Your text</font>
Your text
<font size="+1">Your text</font>
Your text
<font size="-2">Your text</font>
Your very intresting text
<font face="Monotype Corsiva">Your very intresting text </font>
Your very intresting text
<font color="FF0000">Your very intresting text</font>

---

На заметку: typetester.org - полезный сайт для желающих поэкспериментировать с текстом

---

Your very intresting text

<font face="Monotype Corsiva" size="+2" color="FF0000">TEXT</font>

---

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

<span style="color:red;text-decoration:line-through;"><span style="color:blue">YOUR TEXT</span></span>

---

Синий текст подчеркнут красной линией

<span style="color:red;text-decoration:underline;"><span style="color:blue">Your text</span></span>

---

Синий текст в красной рамке

<span style="border:2px solid red; padding:3px;"><span style="color:blue;">Синий текст в красной рамке</span></span>

---

Цветной текст с цветным фоном

<span style="background-color:blue; color:white; padding:3px;">Цветной текст с цветным фоном</span>

---

• Посмотреть сочетаемость цветов
  

  ---

  Цветной текст с цветным фоном в цветной рамке

  <span style="background-color:dodgerblue; color:white; padding:3px; border:3px solid red;">Текст</span>

  ---

  Текст, подчеркнутый пунктиром

  <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span>

  ---

  Текст, подчеркнутый точками

  <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span>

  ---

  Текст, подчеркнутый двойной чертой

  <span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span>

  ---

  Текст, окаймленный разноцветным пунктиром

  <span style=border-style:dashed; border-top-color:blue; border-bottom-color:red; padding:5px;> Текст </span>

  ---

  Текст в двойной рамке

  <span style="border-style: double; padding:3px;">Текст в двойной рамке</span>

  ---

  Цветной текст в двойной цветной рамке

  <span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span>

  ---

  Ваш текст в объемной 3D-рамке

  <span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span>

  ---

  На заметку:
  Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):
  Ваш текст в объемной 3D-рамке

  то бишь рамку на всю ширину поста.

  Размеры блока div задаются атрибутами:
  div style=width:200px; height:50px;
  где width:200px; - ширина блока 200 пикселей,
  height:50px; - высота блока 50 пикселей

  Получим:

  Ваш текст в объемной 3D-рамке

  <div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст </div>

  ---

  Таблицы для подбора цвета:
   ТАБЛИЦА “БЕЗОПАСНЫХ” ЦВЕТОВ |  “КОЛЕСО” ЦВЕТОВ |  ЕЩЕ ТАБЛИЦА
  

  ---

  Аббревиатура: HTML

  <acronym title="Hiper Text Markup Language">HTML</acronym>

  ---

  Так называемый “спойлерный” текст, проявляющийся при его выделении. Типа:
  “А убийцей в том кино был дворецкий”
  <span style="background-color:#FFFFFF; color:#FFFFFF">спойлерный текст</span>

  ---

  Так называемая “буквица”: В некотором царстве…

  <font size="+4" face="Monotype Corsiva" color="#0000FF">В</font> <i>некотором царстве…</i>

  ---

  Всплывающее окошко с пояснением при наведении на текст курсора (подведите курсор к следующему тексту):

  Ваш офигительно креативный текст

  <p title="Пояснительный текст">Основной текст</p>

  ---

  Текст “наоборот”:
  Повернуть текст задом-наперед
  <bdo dir="rtl">Повернуть текст задом-наперед</bdo>

  ---

  Расстояние между словами

  <div style="word-spacing: 20px;">Расстояние между словами</div>

  ---

  Больше расстояние между словами

  <div style="word-spacing: 40px;">Больше расстояние между словами</div>

  ---

  Расстояние между буквами

  <div style="letter-spacing: 10px;">Расстояние между буквами</div>

  ---

  А здесь задано расстояние между строками по вертикали пятьдесят пикселов

  <div style="line-height:50px;">Расстояние между строками</div>

  ---

  Невидимый фрагмент записи (интересно, что невидим даже в OperaMini, хотя мобильные браузеры игнорируют многие стилевые настройки):
  опаньки!
  Невидимый фрагмент записи

  <div style="visibility: hidden;">Невидимый фрагмент записи</div>

  ---

  Еще способ скрыть текст:

  <!– Ваша служебная невидимая пометка –>

  ---

  Приподнять одну фразу на 5 пикселей над текстом

  Приподнять <span style="position: relative; top:-5px;">фразу</span>

  ---

  Опустить одну фразу на 5 пикселей ниже текста

  Опустить <span style="position: relative; bottom:-5px;">фразу</span>

  ---

  Повернуть текст на 90 градусов (работает только в IE):

  Раз, два, три, четыре, пять, шесть, семь

  <span style=writing-mode:tb-rl;>Текст</span>

  ---

  Следующий трюк, напротив, работает только в Opera и Mozilla FF:

  Раз, два, три, четыре, пять, шесть

  <span style=text-decoration:blink;>TEXT</span>

  ---

  Выделение цитаты в тексте.
  Пример:
  Еще поэт-романтик Новалис писал в Средние Века:
  Любимая! Ты - аббревиатура Вселенной.

  <div style="border-right: #000080 1px solid; padding-right: 4px; border-top: #000080 1px solid; padding-left: 3px; font-size: 92%; padding-bottom: 4px; border-left: #000080 1px solid; color: #000080; padding-top: 2px; border-bottom: #000080 1px solid; background-color: #f0f0ff"> ТЕКСТ ЦИТАТЫ</div>

  ---

  Написать текст, имея фоном картинку:

  <div style="font-size: 15px; font-weight: bold; font-family: Georgia; color: white; padding: 8px; background-image:url("URL картинки");"> ТЕКСТ</div>

  Лучше брать маленькую картинку - она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области

  ---

  Эффект с подсветкой текста (наведите курсор на текст):
  в некоторых блогсервисах (жж) может не работать

  МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ
  

  <font onmouseover="style.backgroundColor='pink'; style.cursor='hand'" onMouseOut="style.backgroundColor='silver';">МОЙ ТЕКСТ</font>

  ---

  Разбить текст на две колонки:

  текст левой колонки

  текст правой колонки

  Код:
  <table width=100%>
  <tr><td width=50%>
  текст левой колонки
  <td width=50%>
  текст правой колонки
  </table>
  

  ---

  Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей доп. информацией при наведении курсора
  Пример
  © J.Shaffer 1928

  <div align=right><cite title="Информация">&copy; АВТОР</cite></div>

  ---

  “Тег-закрепитель” (фиксирует текст так, как и расположите его в поле поста):
  

  Я  Пешу       Лесинкой!!!

  <pre>ваш текст</pre>
  Есть особенность. Текст, заключенный в тег pre отобразится в окне браузера так называемым “моноширинным” шрифтом. Обычно в качестве такого шрифта используется Courier New. Если вас это не устраивает, воспользуйтесь встроенными стилями и назначьте свой шрифт:

   C     Днем               Рождения!

  <pre style="font-family:'Arial Black'">ваш текст</pre>

  ---

   

  Быстро написать так: Мои поздравления!!!
  Можно ЗДЕСЬ

Почти все программы бесплатны.

Ссылки на родные сайты программ.

 

Антивирусы

Бесплатно:
AVG | Avast | Avira
Stinger - специализируется на последних вирусах-”хитах”

Trial-версии:
Kaspersky | Dr.Web | Nod32
Антивирусныем утилиты:
Kaspersky Virus Removal Tool | Dr.Web CureIt | Утилита AVZ | Ad-Aware
Файерволл:
Outpost Firewall Free

 

Браузеры

ИЕ7 | FireFox | Opera | Maxthon | Chrome | Avant | Safari | ИЕ8

 

Система

PC Decrapifier - прога для удаления предустановленного барахла с новых компов

Менеджеры ОС:
Anvir | What’s Running | PC Wizard Portable | SIW | Sys Spec
Autoruns - менеджер автозагрузки
Revo - анинсталлер, которым пользуюсь, рекомендую
ССleaner - известный чистильщик
Process Killer- удобная прога для остановки зависших процессов
DK Finder- ищет файлы лучше родного поиска
Defraggler - альтернативный дефрагментатор
Driver Magician - резервное копирование драйверов
Double Driver - еще резервное копирование драйверов
RegSeeker - чистка реестра, менеджер ОС
Scaner - сканер занятости дисков компьютера
OverDisk - другой сканер занятости компа
Process Explorer
Sysinternals Suite - набор служебных утилит by Mark Russinovich
gregorybraun.com - утилитки для Windows
BlueScreenView - анализирует причины BSOD (Blue Screen Of Death), работает без инсталляции (50кб)
RUNit - быстрый запуск прог и файлов

Менеджеры буфера обмена:
CLCL | Clipboard Recorder

Твикеры:
XP Tweaker
Microsoft PowerToys for Windows XP
Ultimate Windows Tweaker for Windows Vista
Windows Advanced SystemCare

 

Графика

FastStone | IrfanView | XnView | Picasa | GIMP | Pictomio | Paint.net | ImRe - очень простой ресайзер и конвертер графики

 

Медиа

K-Lite Codec Pack- набор кодеков и утилит + Media Player Classic
DVDVideoSoft Free Studio- пакет прог для обработки аудио-видео
flv-to-avi конвертер

Пишем диски и образы дисков:
Nero 9 free
Варианты замены Nero:
CDBurnerXP
Small CD-Writer
Ashampoo Burning Studio Free 6.75

МедиаПлееры:
Readon TV Movie Radio Player - плеер для просмотра стрим-ТВ, фильмов, прослушивания и записи онлайн-радио
Miro | Spider | Foobar2000 | VLC | Songbird | Winamp | Evil Player | QMP
Плееры-крошки: Billy - (456Кб) | 1by1 - (115Кб) | MPV - (41Кб)

Утилиты для обработки Медиа:
Virtualdub | Audacity | MP3Direct | Audiograbber | Free audio recorder | Easy CD-DA Extractor | AudioConverter | Free CD Ripper | Mp3 Knife | Mp3 Tag Tools | CDex - “рипалка” CD
Слушаем Радио:
Screamer-Radio | RadioSure | All-Radio | Radioclicker
Icy_Radio - радио и видео с флешки

 

Приватность

Recuva - восстановление удаленных данных
Eraser - удаляем файлы с невозможностью восстановления
KeePass - менеджер паролей
TrueCrypt - шифруем данные
Еще две программки для безвозвратного удаления данных:
HandyBits File Shredder
Data Destroyer

 

Мессенджеры

AIM | ICQ | Miranda | QIP | Skype | Trillian | Google Talk

 

Разное

µTorrent - популярный клиент для работы с торрентами
Google Pack - набор программ от Google
Semagic - программа-клиент для ведения блогов
Bred 3 - заменитель стандартного Блокнота Windows
TED Notepad - другой заменитель Блокнота
PDFproducer - текст в PDF, работает без инсталляции
WinDjView - для просмотра файлов DjVu
FileZilla - лучший на сегодня FTP-клиент
OpenOffice - пакет офисных программ
Adobe Reader
7-Zip - популярный архиватор
Volumouse - крохотная, для регулировки звука
Auto-Mute - on-off звук
Cool Reader - “читалка” электронных книг
Punto Switcher
Аура леса - создаем на компе звуковую ауру леса
Teamviewer - для работы с удаленным компьютером
Devicedoctor - обновление драйверов
MultiMonitor - управление двумя мониторами
QuickConfig - переключение настроек компа (типа: Дом-Работа, Взрослый-Ребенок).

---

Для “флешки”

100 программ для флешки (для Win и Mac)
portableapps.com - софт для флешки
tinyapps.org - крошечные программки

C помощью этих ссылок можно обойтись без многих программ:

 

Разное

• Виртуальная русская клавиатура
• Вирт. клавиатура (русск., иврит, укр. и т.д.)
• Таймер on-line один
• Таймер on-line два
• Калькулятор
• Декодер почты - прочитать мейл в крокозябрах
• ftplive.com - ftp и e-mail клиент
• Прокси-сайты - кому админ закрыл вход куда-либо
• Конвертер физ. величин
• my-i-p.com- информация по IP
• 2ip.ru- информация по IP
• whois-service.ru- еще whois-сервис
• fileinfo.com - справка по расширениям файлов
• chami.com/html-kit - сделать фавикон он-лайн
• dabuttonfactory.com - сделать кнопку он-лайн
• printablepaper.net - напечатать А4 нотный лист, миллиметровку, клетку и т.д.

 

Графика

• photoshop on-line
• gifworks.com/image_editor - редактор gif-файлов
• funkyimg.com - разместить и уменьшить фото
• webresizer.com - уменьшаем, редактируем фото
• resizr.lord-lance.com - изменение размера
• mypictr.com - кадрирование и обрезка
• resizeyourimage.com - кадрирование и обрезка
• cutmypic.com - обрезка, скругление углов, тень
Редакторы:
• fanstudio.ru - русскоязычный он-лайн фоторедактор
• picnik.com- англоязычный он-лайн фоторедактор
• pixer.us - анголоязычный он-лайн фоторедактор
• drpic.com - анголоязычный он-лайн фоторедактор
• funphotobox.com– новые эффекты с фото
• dumpr.net - эфффекты с фото
• ava-ava.com - «юзерпикорезка»
• roundpic.com– закругляем углы
• myframe.ru– рамки для картинок
• reshade.com– работа с галереями (англ.)

 

Документы

• docstoc.com - документы он-лайн, социальн. сеть, вставка документов в блог и т.д.
• scribd.com - аналогичный сайт

 

Текст

• Проверить правописание (русский, англ. и др.)
• text20.ru - сохранить текст он-лайн
• textop.us - работа с текстом (много всего)
• doc2pdf - конвертация doc в pdf
• pdf2word - конвертация pdf в doc
• pdftoword.com - PDF to Word
• Online PDF Creator
• Online PDF Editor
• Onlineocr.ru - распознаватель текста
• newocr.com - распознаватель текста
• alphabetizer.flap.tv - алфавитизатор
• textfixer.com - работа с текстом
• uppercaseit.com - работа с текстом

 

Безопасность

Проверить файлы на вирусы:
• Кaspersky
• scanner.novirusthanks.org - до 20Мб

 

Переводчики

• Переводчик от Yahoo
• Переводчик PROMPT
• Переводчик от Windows
• Переводчик от Google
• Просто хороший переводчик
• o-db.ru - поиск слова в словарях, перевод
• visuwords.com/ - визуальный словарь

 

Конвертеры

• конвертер HTML→PDF
• zamzar.com - универсальный
• youconvertit.com - универсальный
• shrinkfile.net - конвертер в zip-архив
• wobzip.org - разархиватор (из 7z, ZIP, TAR, RAR и др)
• docx-converter.com - конвертер текстовых файлов
Конвертеры медиа-файлов:
• movavi.com
• vixy.net
• media-convert.com

 

Разное

• Подрезаем файл mp3
• Скачать себе видео с youtube (mp4,3gp,flv)
• Скачать аудио и видео с youtube и пр.
• Декодер HTML
• backupurl.com - бекап любых веб-страниц
typetester.org - экспериментируем со шрифтом (вид, цвет, фон, размер) он-лайн

 

Смотреть еще 9 фотографий...

Эти фотографии экспонировались в самых лучших галереях мира! Эти снимки сделаны классиками фотоискусстра 20-го века! Эти фотографы сделали фотографию неотъемлемой частью культуры и заставили нас увидеть окружающий мир их глазами. Подавляющее большинство этих фотографий стоят дороже многих живописных полотен! А для истории и культуры - они просто бесценны!

Смотреть еще 9 фотографий...