*** Супер часики ***

Часики для вас






<a href="//www.liveinternet.ru/users/megarut/blog/"></a>[flash=205,215,//img0.liveinternet.ru/images/attach/c/4//3932/3932472_7_a.swf]

Далее

Сказочные часики - "Гномики"

Размеры вы можете изменить самостоятельно.
Две цифры (ширина, высота - 560,366) – указаны в начале кода.
1.



Еще 4 флешки

>>> СМОТРИМ ЗДЕСЬ <<<

флеш часы - поисковик Google, в эпиграф

[flash=588,297,//img0.liveinternet.ru/images/attach/c/4//3906/3906755_c_i_p_g_588_297_004.swf]

Серия сообщений "~Всё для блога и дневника~":

*** ГЛАМУРНЫЕ ФЛЕШ ЧАСИКИ С ЭПИГРАФАМИ ***

Процитировав пост, в простом редакторе
Вы увидите их коды, под соответствующими эпиграфам номерами.
Копируйте понравившийся и вставляйте к себе в дневник

№1



Читать далее...

Зимний пейзаж +код

<img src="//img-fotki.yandex.ru/get/4713/14068530.7/0_87307_64a1a61e_XL.jpg" title="" alt="" border="0" /> <img src="//img-fotki.yandex.ru/get/5821/14068530.7/0_87308_b26dd8cd_XL.jpg" title="" alt="" border="0" />

Новогодние разделители

<img src="//img-fotki.yandex.ru/get/4012/mangiana.2b/0_3e001_29c73ace_-1-M.jpg<br /> " border="0" />	<img src="//img-fotki.yandex.ru/get/3907/mangiana.2c/0_3e01f_efdb2f57_M.jpg<br /> " border="0" />

Читать далее...

Флеш-часы для эпиграфа *С Новым Годом!*


Размер флешек можно менять для себя
самостоятельно,для этого нужно изменить
цифры в коде флешки,
первая-ширина,вторая-высота!


















Смотреть дальше

пишем на изображении и многое другое

Поисковики - Найдем ВСЁ!

Фотоальбомы    Видео  Обои  Открытки Поиск Google Поиск по книгам Поиск картинок Вопросы и ответы YouTube Словари Переводчик Поиск Поиск картинок Фотки Ответы

Народ2 (narod2)

Давно пора было написать этот пост.
Учитывая, что для всех новозарегенных на народе, мастерская уже не доступна из-за нововведений,- будем учиться пользоваться narod2

Для тех кто вообще не понимает о чем идет речь, советую посмотреть пост Создаем себе "очень полезное" место под сайт и под файлы (текст ссылки уже отвечает на вопрос "зачем?")

В том посте мы уже учились регистрироваться на народе (яндексе), так что повторять этот момент не будем.
Основное отличие бесплатного хостинга narod и narod2
- Нет мастерской. Есть весьма запутанный конструктор сайта.

Когда народ2 только появился, возможности загрузить туда файлы по http не было (или я просто не нашел). Сейчас же есть доступ к файлам и по http и по ftp.
Тут было бы логично разъяснить вам, что же такое http и ftp... Но дабы не перегружать пост инфой не по теме,- пропустим этот момент.

Читать дальше > > >

УРОКИ -Кликабельные ссылки и т.д.

Как сделать кликабельными текст или картинку? Кликабельный текст можно сделать очень просто. Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст. Вот,что у нас получится, конечно имя каждый ставит своё :-) БЛОГ Ларисы Герман или такой вариант ( всё зависит от того,на что именно вы делаете ссылку ). Сообщество " Заговори и тебя увидят ! " Можно сделать так ,при наведении курсора на ссылку,будет появляться ваша фотография. Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст. ВАЖНО: Кавычки не трогать ! Только в код,вместо адреса ссылки ( http ),вставляете адрес вашего почтового ящика ( email ). Урок, о том как делать эту ссылку, можно посмотреть в блоге Егоровой Татьяны. Кликабельную картинку можно сделать очень просто. Скопируйте себе код из окошка и подставляйте в указанные места свои адреса. ВАЖНО: Кавычки не трогать ! Вот пример кликабельной картинки (при нажатие попадаем на "Радикал-Фото") Как сделать всплывающую надпись к изображению ? Чтобы при наведении курсора на картинку, всплывала поясняющая надпись ( автор,название или любой другой текст на ваше усмотрение ), нужно сделать следующие действия: 1.Загрузите свою картинку на сайт "Радикал -Фото". После загрузки в правом столбце с названием "Полноразмерное изображение" из двух вариантов выбераете вариант "НЕ КЛИКАБЕЛЬНОЕ " Из предложенных сайтом ссылок и кодов скопируйте НТML - код № 6. 2. Вставьте скопированный код в окно добавления записи вашего блога в формате HTML. В самом конце кода найдите значки "> (кавычка и угловая скобка). Между кавычкой и угловой скобкой вставьте тег title="ВСПЛЫВАЮЩИЙ ТЕКСТ"/ . Затем вместо слов ВСПЛЫВАЮЩИЙ ТЕКСТ впечатайте своё пояснение к картинке. ВАЖНО: Кавычки не трогать ! Окончание кода моей картинки выглядит так: border="0"title="Книги пишутся с помощью книг.(Пьер Буаст)"/ > Наведите курсор на книги и вы увидите получившийся результат Если у вас появятся вопросы, или вы что-то недопоняли, не стесняйтесь - спрашивайте!

С благодарностью к Ларисе и Ирише Коль,которая поделилась кодом записи!

Как убрать логотипы или подписи с картинок меньше чем за 5 минут.Урок

Очень часто сайты "награждают" свои картинки ли анимированные тексты логотипами,а нам хочется эту картинку поставить например,в рамочку без него.Выход есть,убрать,отрезать этот логотип с помощью этого онлайн-генератора. Смотрим на мои примеры: Где видно,что первая картинка:исходник,а вторая - уже без логотипа. Теперь.внимание,заходим на этот сайт http://webresizer.com/resizer/ и загружаем картинку,с которой надо убрать логотип..Для этого жмем на Обзор,после этого нажимаем на upload image и ждем когда картинка загрузится.Надо немного подождать,бывает сразу грузится,а иногда и подождать надо.Как только картинки появились перед вами,жмите на Crop Image,появится квадрат в середине картинки,который надо растянуть так,чтобы логотип не попал в него,то есть очертить то пространство,которое и будет на картинке.Логотип должен находится за пределами квадрата.Растягивать надо не за углы,а именно посередине каждой стороны,там еще черточки есть,курсор принимает форму стрелочки,а не звездочки.Как только с квадратом разобрались,жмите на apply changes.Картинка перезагрузится и предстанет перед вами уже без логотипа.Если вас все устроило,то сохраняйте ее,нажав для этого на download this image. Вот и всё!Очень быстро и без фотошопа. Еще там есть слово такое border,это можно картинки в цветные рамочки заключать. Но не вся анимация подходит под это дело.Для добавления рамки надо нажать сверху на слово Border, выбрать цвет, потом нажать на apply changes и после перезагрузки на downloud this image Вот что получилось у меня: Первый слоник с логотипом,а второй без него и в рамочке.На все ушло менее 5 минут.Удачи!!! Arnusha

Arnusha

Загружаем музыку в сообщение

HTML & CSS - серия 4

Серия 1

Серия 2

Серия 3

Списки. Пример наследования свойств Списки с нумерацией либо различными значками - маркерами ("кружочками", "квадратиками" и т.п.) хорошо знакомы из MS Word. Если в списке ведётся нумерация, он называется нумерованным. В противном случае мы имеем дело с ненумерованным списком. Рассмотрим сначала его. Ненумерованный список Выглядеть наш список будет так: /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) В случае, если картинка по каким-либо причинам не загрузится, список будет выглядеть так: элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) Теперь - код. Для списка с бабочками он имеет вид: <ul style="padding:0 0 0 25px"><li style="list-style-position:outside; list-style-image:url('//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle">элемент списка...</li><li style="list-style-position:outside; list-style-image:url('//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle">следующий элемент списка...</li><li style="list-style-position:outside; list-style-image:url('//s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle">следующий элемент списка...</li></ul> Наш список из трёх элементов заключён внутри тегов <ul style="padding:0 0 0 25px">...</ul>. ul расшифровывается как unordered list - ненумерованный список. padding:0 0 0 25px нужен для того, чтобы наша бабочка не "улетела" за левую границу видимой области. Можно было бы также написать padding-left:25px Далее. Каждый элемент списка находится внутри контейнера <li style="list-style-position:outside; list-style-image:url('URL_картинки'); list-style-type:circle">...</li>. Обращаю внимание на то, что URL_картинки не заключается в кавычки. list-style-position:outside говорит о том, что маркер находится за границами списка. Если бы вместо этого было list-style-position:inside, то маркер попал бы "внутрь" списка: элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) следующий элемент списка (а это набор совершенно бессмысленных слов, нужный только для того, чтобы показать, как наш список будет выглядеть) В принципе, можно было не писать list-style-position:outside, поскольку маркер устанавливается за границами списка по умолчанию. list-style-image:url('URL_картинки') указывает на картинку, которая будет играть в нашем списке роль маркера (во втором примере этой записи нет). list-style-type:circle стоит в первом примере на тот случай, если картинка не загрузится, и указывает тип предпочитаемого нами маркера: circle (окружность). Если бы мы не написали этого, и к тому же картинка не загрузилась бы, то на месте окружностей стоял был тип маркета, используемый по умолчанию (disc). Кроме окружности и диска, маркер для ненумерованного списка может принимать вид квадрата (square) или вообще исчезать (none). В третьем примере (там, где маркер стоит внутри списка) свойство list-style-type не задано, и по умолчанию маркер принимает форму диска. Внутри одного списка можно задавать разные варианты оформления пунктов, например: пункт списка ещё один пункт списка ещё один пункт списка ещё один пункт списка Код нашего кривого списка выглядит так: <ul><li style="list-style-type:circle">пункт списка</li><li style="list-style-type:disc">ещё один пункт списка</li><li style="list-style-type:none">ещё один пункт списка</li><li style="list-style-type:square">ещё один пункт списка</li></ul> Что делать, если мы хотим оформить цифры в виде картинок? Поступить точно так же, как при составлении списка, с которого мы начинали: /s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png" target="_blank">//s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png);">первый элемент списка /s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png" target="_blank">//s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png);">второй элемент списка /s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png" target="_blank">//s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png);">третий элемент списка Код будет аналогичным, только картинки для разных элементов списка надо брать разные (опустим list-style-position:outside и тип маркера, которым мы хотим заменить, в случае чего, наши картинки): <ol style="padding:0 0 0 25px"><li style="list-style-image:url('//s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png')">первый элемент списка</li><li style="list-style-image:url('//s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png')">второй элемент списка</li><li style="list-style-image:url('//s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png')">третий элемент списка</li></ol> Пожалуй, единственное заметное отличие нумерованного списка (заключённого между тегами <ol>...</ol>) от ненумерованного (заключённого между тегами <ul>...</ul>) состоит в том, что в первом случае в качестве маркера по умолчанию подставляется диск, а во втором - арабская (десятичная) цифра - значение decimal. Списки можно вкладывать друг в друга, например, так: пункт списка элемент вложенного списка ещё один элемент вложенного списка ещё один элемент вложенного списка ещё один пункт списка ещё один пункт списка Код этого списка имеет вид: <ol><li>пункт списка</li><ul style="padding:0 0 0 20px"><li style="list-style-type:circle">элемент вложенного списка</li><li style="list-style-type:circle">ещё один элемент вложенного списка</li><li style="list-style-type:circle">ещё один элемент вложенного списка</li></ul><li>ещё один пункт списка</li><li>ещё один пункт списка</li></ol> Наследование В CSS хорошо известно такое правило, как наследование. Оно означает, что дочерний элемент будет иметь те же свойства, что и родительский элемент. На примере списков мы как раз сталкиваемся с наследованием.Рассмотрим нумерованный список, в котором мы решили выделить цифры каким-нибудь другим шрифтом. Вот что у нас получится: первый пункт списка второй пункт списка Код этого списка имеет вид: <ol><li style="color:maroon; font-family:Verdana; font-size:18px; font-style:italic; font-weight:bold">первый пункт списка</li><li style="color:maroon; font-family:Verdana; font-size:18px; font-style:italic; font-weight:bold">второй пункт списка</li></ol> Если мы хотим вернуть обычный шрифт для пунктов списка, оставив выделенными только цифры, нам придётся вводить для этого шрифта значения всех свойств, которые были изменены, чтобы выделить цифры-маркеры: первый пункт списка второй пункт списка Код в этом случае имеет вид: <ol><li style="color:maroon; font-family:Verdana; font-size:18px; font-style:italic; font-weight:bold"><span style="color:black; font-family:arial, sans-serif; font-size:.7em; font-style:normal; font-weight:normal">первый пункт списка</span></li><li style="color:maroon; font-family:Verdana; font-size:18px; font-style:italic; font-weight:bold"><span style="color:black; font-family:arial, sans-serif; font-size:.7em; font-style:normal; font-weight:normal">второй пункт списка</span></li></ol> Не забывайте закрывать тег <span> для каждого пункта списка. Контейнер <span...>...</span> является в этом примере дочерним элементом, а контейнер <li...>...</li> - родительским элементом. Примечание. Свойства основного текста на Ярушке: font-family:arial, sans-serif; font-size:.7em (.7em - сокращение, можно было бы записать 0.7em); font-style:normal; font-weight:normal; color - зависит от настроек Вашей страницы.   Источник Проксима Arnusha

Под катом про нумерованный список

HTML & CSS - серия 2

HTML & CSS - серия 2 Предыдущая серия - вот: серия 1 В этих уроках, а также на сайтах htmlbook.ru, postroika.ru, zvirec.com, htmlka.com и многих других достаточно много информации, причём она толково изложена. Тем не менее я решила продолжить свои рассказы, чтобы тоже быть более-менее последовательной. Кстати, Вы не заметили, что я пишу уже и о CSS (style - это оттуда)? Но об этом - чуть позже. Форматирование текста: использование тега <span> и атрибута style (2) Напомню, что про тег <span> и аттрибут style шла речь в прошлый раз. Было показано, как c их помощью задать цвет, гарнитуру (вид) шрифта, а также размер шрифта, его вес (насыщенность), стиль (напр. наклонный) и вариант (капитель). В конце в качестве примера мы получили вот такой шрифт:   наш шрифт <span style="color:green; font-family:Verdana; font-size:150%; font-weight:bold; font-style:italic; font-variant:small-caps">наш шрифт</span>   Расстояние между буквами, словами и строчками

Читать далее...

Генераторы

Предлогаю ссылочки,нужные и полезные для тех кто не дружит с фотошопом. В одной строке! Выбираем интересующий сайт и нажимаем "ОК". 1.Бесплатный онлайн фото-редактор. 2.Фотоэффекты на ваше фото. 3.pho.to.Отретушировать фото. 4.Красивые фото рамки. 5.Забавные фото рамки. 6.Редактируем фото. 7.On-line фото редактор. 8.GIMP — бесплатный редактор. 9.Онлайн фоторедактор.

Оформление текста

 

 

(рекомендую спец. страничку TEXT):

  Перечёркнутый текст: ТЕКСТ
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Неразрывный пробел:
&nbsp;
Центрирование:

текст (картинка) по центру

<center>ваш текст (картинка) </center>
Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>
Равномерное выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>
Бегущая строка (рекомендую Бегущая строка):

бегущая, как олень, строка

<marquee> ваша бегущая строка</marquee>
Вместо текста можно вставить картинку:

Код этой картинки:
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

Сноска вверху: ТЕКСТ^сноска
^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска
_{ваша сноска}

Линия:

---

ее код:<hr>
Ударение:
Cтавим после нужной буквы:
&#769;
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

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

<pre>ваш текст</pre>

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
<font size="-2"> уменьшенный текст </font>
Увеличить текст на 1 пункт: текст
<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст

<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст

<font size="+3"> увеличить текст на 3 пункта </font>

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<font color="red"> красный текст </font>
ЖЕЛТЫЙ: желтый текст
<font color="yellow"> желтый текст </font>
ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>
ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>
СИНИЙ: синий текст
<font color="navy"> синий текст </font>
ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

Таблица “базовых” цветов (вводим “Имя” или “Код”):

Имя	Код	Имя	Код	Имя	Код	Имя	Код
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

• Посмотреть сочетаемость цветов
• Таблица безопасных цветов
• Все цвета Интернета

  ВИД ШРИФТА:
  Шрифт этого текста “Monotype Corsiva”
  <font face="Monotype Corsiva"> текст </font>
  Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
  Шрифт этого текста “Monotype Corsiva”
  код этого текста:
  <font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

  Оформление ссылок (рекомендую спец. страницу Ссылки):

  Как вставить ссылку на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
  Как сделать, чтобы картинка была ссылкой на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
  Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
  <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>

  ---

  Спец. теги ЖЖ:

  Элементарный жж-кат (с “Read more”):
  <lj-cut> ТЕКСТ </lj-cut>
  жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
  <lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>
  Работу ката не видно в режиме “ПРОСМОТР”
  Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
  <lj user="wildmale">
  Сссылка на сообщество, например: aforism
  делается точно так же:
  <lj user="aforism">
  Если надо так:wildmale
  или так: comm - идем СЮДА

  Вместо wildmale пишем Дикий самец:
  <a href="lj://user/wildmale/">Дикий самец</a>
  Ежели надо с “человечком”: Дикий самец:
  <lj user="wildmale" title="Дикий самец">
  Скопировав код, не забудьте поменять реквизиты.
  Вставка МЕДИА-файлов:
  Видео, флеш и проч. в ЖЖ вставляются так:
  <lj-embed> код вашей вставки</lj-embed>

  ---

  Публикация картинок:

  Код любой картинки в сети в простом варианте выглядит так:
  <img src="http://…/…jpg">
  Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
  “Чайникам” рекомендую такой путь:
  1.Открываешь ljplus.ru
  2. Регистрируешься
  3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
  4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
  5. Постишь. Становишься знаменитым.

  Прим.: в каменты картинки ставятся также, но кат не работает.

  Как сделать, чтобы текст «обтекал» картинку?
  Легко - картинка слева, текст справа:
  добавляем в код картинки:
  align=left hspace=20
  Код картинки примет вид:
  <img src="http:…" align=left hspace=20>
  Помни:
  align=left – картинка слева, текст справа
  align=right - картинка справа, текст слева
  hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
  vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
  Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
  <img src="http:…" align=left hspace=20 vspace=15>

  Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
  Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
  <br><br><br> - три пустые строки.

  Вставить две и более картинки горизонтально:
  <nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

  Регулируем расстояние меж картинками по-горизонтали:
  С помощью “неразрывного пробела”:  &nbsp;
  Расстояние, равное 8 пробелам будет выглядеть так:
  &nbsp; &nbsp; &nbsp; &nbsp;
  Вставляется меж кодов картинок, есс-но

  Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

  Если надо цветную рамку , добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей

  Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
  <img src="">
  затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

  Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
  

  ---

  Окошечко для вставки кода, типа:
  ВАШ КОД
  получаем так:
  <textarea rows="2" cols="60"> ВАШ КОД </textarea>
  где rows и cols определяют площадь окна

  Можно сделать это окошечко покрасивше:

  <textarea>ВАШ КОД</textarea>

  <textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea>

  Кнопка-ссылка на веб-страничку
  Например, на эту:

  <form action="<a href="http://htmlka.com"" target="_blank">http://htmlka.com"</a> target="_blank" method="get"><input type="submit" value="htmlka"></form>

  Некоторые спецсимволы:

  Спецсимвол	Вид в браузере
  &lt;	<
  &gt;	>
  &amp;	&
  &quot;	"
  &reg;	®
  &trade;	™
  &copy;	©
  &hearts;	♥
  &times;	×
  &asymp;	≈
  &bull;	•
  &deg;	° (градус)
  много символов

  Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

Фотохостинги
не все, более-менее знакомые:

 

• gallery.ru
• imagebam.com
• xmages.net
• imageshack.us
• keep4u.ru
• tinypic.com
• pict.com
• foto.radikal.ru
• photobucket.com

  Хостинги для флеш (swf)

• petaimg.com - также можно хостить *.raw, *.psd, *.tiff, *.swf, *.svg, *.pdf и др.
• megaswf.com
  Подробнее про флеш: Вставка Flash

  Видеохостинги
  вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:

• youtube.com
• rutube.ru
• smotri.com

  Файлообменники
  выложить друзьям файлы можно на:

• zalil.ru (50Мб без регистрации, оч простой)
• sendspace.com (300Мб без регистрации)
• megaupload.com/ru/ (1 Гб без регистрации)
• filedropper.com (до 5Гб без регистрации)
• wikiupload.com (до 5Гб без регистрации)
• narod.yandex.ru (до 5Гб, регистрация)
• s4ve.as (анлим, без регистрации)

  Он-лайн аудио-плееры
  Вставить мр3 с компа:
  
  
  - читайте Вставка Медиа-файлов

  Полезно:

• Счетчики статистики (для ЖЖ и не только)
• Советы по работе с html
• Хитрости в ЖЖ и не только
• Как заработать на своем блоге
  

  ---

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

  ---

  В начало ↑

 

Серия сообщений "дизайн блога(уроки)":
Часть 1 - Делаем кнопку с полезными и любимыми сайтами.
Часть 2 - Полезность для девника!
...
Часть 16 - Картинки и ссылки
Часть 17 - Статистика для Вашего сайта или блога в режиме реального времени.
Часть 18 - Оформление текста
Часть 19 - Бегущая строка
Часть 20 - Линии
...
Часть 98 - КРУЧЁНЫЙ ТЕКСТ.
Часть 99 - 50 новых уроков Photoshop
Часть 100 - ДЛЯ ТЕХ, КТО

Делаем кнопку с полезными и любимыми сайтами.

Делаем кнопку с полезными и любимыми сайтами.

Очень удобная выпадающая кнопка,в которую можно поместить все полезные сайты,которыми вы пользуетесь.Для удобства,ее можно поместить в эпиграф. НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ Kод кнопки: <form action="<a href="http://freiman.info/files/link.php"" target="_blank">http://freiman.info/files/link.php"</a> method="GET"><br /><input type="hidden" name="h" value="_self" /><br /><select id="links" name="links"><br /><option value="ССЫЛКА">НАЗВАНИЕ</option><br /><option value="ССЫЛКА">НАЗВАНИЕ</option><br /><option value="ССЫЛКА">НАЗВАНИЕ</option><br /><option value="ССЫЛКА">НАЗВАНИЕ</option><br /><option value="ССЫЛКА">НАЗВАНИЕ</option><br /></select> <input type="submit" value="НАДПИСЬ НА КНОПКЕ" /><br /></form> Копируем код и вставляем в простом редакторе,вместо слова ССЫЛКА пишем необходимый URL адрес (например http://www.liveinternet.ru/community/2872037/profile/) Вместо слова НАЗВАНИЕ пишет описание этой ссылки (например: музыка) Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, Вы перейдёте на нужную страницу (например Перейти)

Серия сообщений "дизайн блога(уроки)":
Часть 1 - Делаем кнопку с полезными и любимыми сайтами.
Часть 2 - Полезность для девника!
Часть 3 - ..FAQ для начинающего лирушника.
...
Часть 98 - КРУЧЁНЫЙ ТЕКСТ.
Часть 99 - 50 новых уроков Photoshop
Часть 100 - ДЛЯ ТЕХ, КТО НЕ ДРУЖИТ С ФОТОШОПОМ

Полезности для блога

Полезности для блога
 

Написать свое имя египетскими иероглифами

Сделай свой собственный смайл

Сделать блестяшку из картинок

Онлайн фотошоп

 Романтическая линеечка

Нарисуй открытку 

Сделать блестящий текст

Нарисуй картину сам!!!

Сделать блестяшку из картинок

Надписи на машинах 

Генератор фотографий

 Напиши свое имя на любом предмете

 Сделай анимацию со своим именем!

Надписи  в картинке

Сайт с картинками

 Всякие глиттеры

Твоё фото на улицах города