Делала картинку с кликабельными надписями в целях рекламы моего блога (не этого блога; всё, что рекламируется, есть уже здесь:)))), а потом подумала - фишка неплохая, почему бы и не сделать урок для ЛиРушников! Во всяком случае, на просторах ЛиРу не встречала такого урока, правда, специально не искала.Но неважно. Главное, чтобы урок пригодился кому-нибудь!

Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!

Ну, как?! Здорово?! :)))

Если хотите научиться делать такие же, читайте, пожалуйста, дальше! Я постараюсь подробно, просто и доступно рассказать, да и вовсе это не сложная методика.

Читать и учиться дальше!

 

<hr> - Линия:

---

<br/> - Перенос по строке вниз;
title="ТЕКСТ" - всплывающая подсказка;
&nbsp; &nbsp; &nbsp; &nbsp; - пробел;
<u>Ваш текст</u> -  Подчеркнутый;
<s>Ваш текст</s> - Перечеркнутый;
<b>Ваш текст</b> - Полужирный;
<big>Ваш текст</big> - Полужирный крупный;
<i>Ваш текст</i> - Курсив;
<tt>шрифт "пишущая машинка"</tt> - шрифт "пишущая машинка"
<blockquote>цитата</blockquote> - цитата

---

Таблица:<table border=0 widht=52%> -
таблица (начало)
<tr> - строка (начало);
</tr> - конец строки;
Между символами <td> и </td> заключается отдельная ячейка таблицы;
</table> - конец таблицы.
Подробнее о таблицах здесь

---

Убрать под кат:
<cut text="Читать далее/ смотреть все картинки/и т.п."> Ваш текст, который нужно убрать под кат </cut>

---

Выравнивание текста:
<div align=right> ваш текст </div> - выравнивание по правому краю;
<div align=justify> ваш текст </div> - выравнивание по всей ширине текста;
<center>ваш текст, картинка</center> - центрирование.

---

Списки HTML 

Нумерованный список
<ol type=1><li>первый элемент</li> <li>второй элемент</li> ..... <li>N - элемент</li> </ol>	первый элемент второй элемент ...... N - элемент
Маркированный список
<ul type=disc> <li>первый элемент</li> <li>второй элемент</li> ..... <li>N - элемент</li> </ul>	первый элемент второй элемент ...... N - элемент

---

Окошко для вставки кода:
1.
<textarea rows="2" cols="40"> ВАШ КОД </textarea> , где cols - ширина окошка в px, а rows - число строк в окне.
ВАШ КОД
2.

<input type='text' size='15' value='Ваш код'>

---

Изменяем шрифт, размер и цвет текста:
<span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span> , где font-family - шрифт, color - цвет, font-size - размер.
     подробнее читать здесь

---

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

---

Кнопка с выпадающим списком:
  копируем код из окошка

<form action="http://freiman.info/files/link.php" 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>
Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)

Уроки HTMLВ помощь блоггеруКак сделать бродилкуКак вставлять готовые коды''Помощь блоггеру'' от Джулии

---

Пишем на картинке:
  копируем код из окошка
<center> <table background="АДРЕС КАРТИНКИ"> <tr><td width="ширина картинки" height="высота картинки"><span >ВАШ ТЕКСТ</text></td></tr> </table> </center>
     подробнее читать здесь

---

Обтекание картинки текстом:
<img src="http:…" align=left hspace=20 vspace=20> , где align=left – картинка слева, текст справа
                                                                                      align=right - картинка справа, текст слева
                                                                                      hspace=20 - расстояние между текстом и картинкой 20 пикселей по горизонтали
                                                                                      vspace=20 - расстояние между текстом и картинкой 20 пикселей по вертикали

---

Ваш текст 1
Ваш текст 2
<center> <font style="font-size:55px;line-height:19px;color: #3300CC;font-family: Impact;">Ваш текст 1<br><font style="font-size:45px;color: #FF0066;font-family: Impact;">Ваш текст 2</font></font></text></center> <br><br><br /><span style="font-family:Arial;color:#000000;font-size:12px">Основной текст</span>
         Подробнее читайте здесь

---

Вставка флэш:
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 300px; width: 450px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" />

, где "ссылка-на-файл" - адрес файла,
width=450 height=300 - размеры флэш (можно менять)

---

Делаем рамочки:
<div style="background:url(ссылка на картинку);border-style;ridge-color#XXXXXX;padding;Xpx;"> <div style="background:url(ссылка на картинку);border-style:insert/double/или др.;ridge;color#XXXXXX;padding:Xpx;"> <div style="background:url(ссылка на картинку);border-style;ridge-color#XXXXXX;padding;Xpx;"> <div style=text-align:center;font:Arial;font-style:italic;color:#XXXXXX;padding;Xpx;"> Ваш текст</span></div> </div> </div>,
где background - фон слоя; border-style - стиль бордюра; ridge - ранг; color -цвет; padding - ширина рамки в пикселях.
Для текста: text-align:center - параметры выравнивания текста (центрирование); font - шрифт; font-style - стиль шрифта (italic - наклонный); color - цвет; padding - отступы.
    подробнее читать здесь

---

Кнопка

Надпись на кнопке

<form action="http://....." target="_blank" method="get"><button type="submit"> Надпись на кнопке </button></form>

надпись

<form action="http://....." target="_blank" method="get"><button type="submit"><img src="адрес картинки" align="absMiddle" /> надпись</button></form>

---

Бегущая строка

< font size="5" color="red">Текст бегущей строки. <marquee behavior="alternate" bgcolor="yellow" scrolldelay="145" width="50%"><font size="5" color="red">Текст бегущей строки. </font></marquee> <br />, где bgcolor-цвет фона.

флэш-генератор:

---

Фон для текста

ВАШ ТЕКСТ

<table border="0" cellspacing="8" cellpadding="0" width="100%"background="Адрес фона"><tbody> <tr><td><p> <br/><p> <center> <span style="font-family:Monotype Corsiva;color:black;font-size:25px"><b>ВАШ ТЕКСТ</b></span> </CENTER></p> </td></tr> </tbody></table> <br />, где:
border="1" - толщина рамки, cellspacing="4" - расстояние между ячейками, cellpadding="25" - отступ содержимого таблицы от рамки. Все эти значения можно менять. Подробнее читайте здесь

---

 Flash-программа "Подбор цвета HTML"


   Кнопочки на шпаргалку HTML для blogger:

	<a href="http://www.mycrib.ru/2010/07/html-html-title-border0-widht52.html"><img src="//s003.radikal.ru/i201/1006/c4/1f6f5670e1cd.png" ></a>
	<a href="http://www.mycrib.ru/2010/07/html-html-title-border0-widht52.html"><img src="//s11.radikal.ru/i184/1006/02/1cc08c644a70.png" ></a>
	<a href="http://www.mycrib.ru/2010/07/html-html-title-border0-widht52.html"><img src="//s006.radikal.ru/i215/1006/f2/cde0276c6499.png" ></a>
	<a href="http://www.mycrib.ru/2010/07/html-html-title-border0-widht52.html"><img src="//s16.radikal.ru/i190/1006/d3/47e823ab2e50.png" ></a>
	<a href="http://www.mycrib.ru/2010/07/html-html-title-border0-widht52.html"><img src="//s42.radikal.ru/i097/1006/43/efe1d4914396.png" ></a>

Хотите краткую шпаргалку HTML для blogger себе в блог?

Серия сообщений "полезное для дневника 2":
Часть 1 - Картинки новогодние.
Часть 2 - ГЛАМУРНЫЕ КИСКИ - КНОПОЧКИ ПЕРЕХОДЫ
...
Часть 7 - Переводчик.
Часть 8 - Инфрмер-погода
Часть 9 - Шпаргалка HTML для blogger
Часть 10 - Бегущая строка
Часть 11 - Всё,что должно быть у Лирушника под рукой(ссылки)
...
Часть 15 - Календарь-флеш
Часть 16 - Палитра
Часть 17 - Курсоры

REFLET - программа, которая применит к любому Вашему изображению так называемый эффект "водной глади". Настроек минимум, задается тип волны, скорость и в конечном итоге нужно указать в чем сохранить созданное. Вот такую картинку можно сделать всего за несколько минут.

Скачать программу для создания водной глади 

Теплая розовая шапочка.+

Спасибо,очень понравилась!

elf_2006---автор шапки

[url]http://club.osinka.ru/search.php?q=%F8%E0%EF%EE%F7%EA%E8&f=t&start=45

описание шапочки
1)связать полоску по рисунку равную обхвату головы плюс еще немножко для свободного прилегания. (к центральному узору я прибавила с каждой стороны по одной петле, для удобства потом в дополнительном наборе для верха шапочки).

Фотографии в альбоме «ФОНЫ МАТОВЫЕ ПРОЗРАЧН.мои» на Яндекс.Фотках

Milda

http://blogs.mail.ru/mail/waronka/5C9C3E9ECF580F39.html

ИСТОЧНИК

 АВТОР МК : El'ga 

ЦИТИРУЮ АВТОРА!!!!

Чайные пристрастия в нашей семье у всех разные. Давно хотелось собрать все чайные пакетики в одном месте, в результате придумалось и получилось вот такое «Чайное колесо», места оно занимает мало, 100 пакетиков влезает в него легко, пользоваться очень удобно – внутреннее колесо крутится, нужный пакетик легко достается из окошка. Может быть, моя идея еще кого-нибудь заинтересует, поэтому хочу поделиться основными этапами создания этого колеса.

 

Простое лекарство от боли в горле

Нужно нарезать несколько лимонов, залить это все медом и добавить немного имбиря. Закрыть в банке, поставить в холодильник на 2-3 месяца и когда смесь станет желеобразной разбавить ложкой теплой водой – лекарство готово. Если запастись сейчас, то к началу сезона простуд будете готовы.

Посмотреть полностью:http://www.spletnik.ru/blogs/kruto/62446_khitrosti-zhizni

Целое "сокровище", но как говориться, надо рыть. Потому как страниц много, схем тоже - а вот все ли пригодиться? Можно и бордюров навыбирать, и чудесных миниатюрных картинок)))

Мастер-класс. Матирование стекла.
 

Светлана Масленникова,

(ссылка)

Давно обещанный мастер-класс по изготовлению вазочек из "матового" стекла










Стекло обезжирить ацетоном, нанести губкой слой краски Frost Medium.

Оттенить по краям розовой краской Butler Magenta, хорошо просушить. Эти краски в Питере видела в магазинах товаров по рукоделию.

Вырезать цветы из декупажной карты на рисовой бумаге.

Цветы наложить на стекло, и промазать разбавленным клеем ПВА, промокнуть салфеткой.



Обвести, если хотите, золотым и немножко белым контуром. Покрыть матовым лаком