Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.
 

Помощь блогеру
 

П  о  м  о  щ  ь б л о г е р у

Шпаргалка HTML для blogger
 

 

<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 - Палитра (малазийские названия)

Предлагаю картинки ** Далее** для постов!
 

Хочу  поделится  с вами  картинками**Далее**,которые  пригодятся  вам,когда  будете  закрывать  пост  по  КАТ,чтобы  он  был  короче.

А  это  делается  так,после  небольшого текста  и картинки  в  посте  пишете  на  анг  [MORE=]

Цветочные:

Кладезь для всех начинающих...
 

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b>Полужирный текст <i>ВАШ ТЕКСТ</i>Выделение текста курсивом <u>ВАШ ТЕКСТ</u>Подчёркнутый текст <s>ВАШ ТЕКСТ</s>Зачёркнутый текст маленький текст <small>ВАШ ТЕКСТ</small>маленький текст Уменьшить текст<font size="-2">текст</font>текст - 2 Увеличить текст+1:<font size="+1">текст</font>текст + 1 Увеличить текст+2:<font size="+2">текст</font>текст + 2 Увеличить текст+3:<font size="+3">текст</font>текст + 3 Увеличить текст+4:<font size="+4">текст</font>текст + 4 КРАСНЫЙ:<font color="red">текст</font>красный текст ЖЕЛТЫЙ:<font color="yellow">текст</font>желтый текст ФИОЛЕТОВЫЙ:<font color="purple">текст</font>фиолетовый текст ЗЕЛЕНЫЙ:<font color="lime">текст</font>зеленый текст КОРИЧНЕВЫЙ:<font color="maroon">текст</font>коричневый текст ГОЛУБОЙ:<font color="aqua">текст</font>голубой текст СИНИЙ:<font color="navy">текст</font>синий текст ФУКСИЯ:<font color="fuchsia">текст</font>фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>   бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee>   бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee>   бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div>   текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup>ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub>ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>   скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.)   2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов (или ) и можно использовать натуральные HTML теги...; - полный адрес ([url]http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете Во-вторых - как вам нравится это во-первых? Во-первых - все козлы, один я иван-царевич!

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок
 

Этот урок для новых моих читателей, начинающих, только что пришедших. Они сразу сталкиваются с самой главной проблемой - не знают как вставить в комментарий под постом картинку-благодарность. Мучаются, переживают из-за этого. По крайней мере, ко мне за последнюю неделю обратилось очень много читателей. У меня в рубрике есть пост по этому вопросу, но он уже устарел. И поэтому я вам сейчас еще раз объясню, как это легко делается. ВСТАВЛЯЕТСЯ КАРТИНКА - БЫСТРО И ПРОСТО! Возьмем для примера вот этот cуперский смайлик, который кто-то захочет вставить мне в комментарий.

Урок - Как получать письма от ПЧ и от друзей на почту (для новичков)
 

Как получать письма от ПЧ и

от друзей на почту

Вчера объясняла очень долго своему ПЧ как получать письма на почту. Решила сделать УРОК.

Самый простой способ - Когда вы добавляетесь в  друзья,то выходит 2 окошка - ДОБАВИТЬ В ДРУЗЬЯ, ДОБАВИТЬ ВНЕ ГРУПП. Нажимаете на ДОБАВИТЬ В ДРУЗЬЯ и письма будут приходить на почту. Но некоторые этих окошек не замечают. Нажали на ПЧ и все! Что и сделал мой подписчик.

Что же нужно сделать в таком случае?

Нажимаем НАСТРОЙКИ. Вверху будет написано (предпоследняя надпись) ДРУГИЕ ДНЕВНИКИ. Нажимаем. Потом слева в колонке нажимаем на ГРУППЫ ДРУЗЕЙ.  И открываются ваши друзья, которые в ГРУППЕ ДРУЗЕЙ и которые ВНЕ ГРУПП. Если не получаете письма о какого-то пользователя, ищите его НИК в графе ВНЕ ГРУПП. Находите, ставите галочку напротив и поднимаетесь вверх к окошку.

Нажимаете напротив слова АННИМАЦИЯ и ищите ДРУЗЬЯ. Нажимаете на ДРУЗЬЯ. Потом рядом на слово ПЕРЕНЕСТИ, а в конце на СОХРАНИТЬ НАСТРОЙКИ ПОДПИСКИ. Все!  Письма будут приходить на почту!  Удачи!

Милая странница

Самая большая коллекция ссылок на сервисы онлайн графических редакторов рунета. Здесь представлены редакторы GIF анимации, текстовые редакторы, онлайн фотошопы, генераторы эффектов, открыток и многое другое, что хоть как то связано с графикой и дизайном.

Как получать письма от ПЧ и

от друзей на почту

Вчера объясняла очень долго своему ПЧ как получать письма на почту. Решила сделать УРОК.

Самый простой способ - Когда вы добавляетесь в  друзья,то выходит 2 окошка - ДОБАВИТЬ В ДРУЗЬЯ, ДОБАВИТЬ ВНЕ ГРУПП. Нажимаете на ДОБАВИТЬ В ДРУЗЬЯ и письма будут приходить на почту. Но некоторые этих окошек не замечают. Нажали на ПЧ и все! Что и сделал мой подписчик.

Что же нужно сделать в таком случае?

Нажимаем НАСТРОЙКИ. Вверху будет написано (предпоследняя надпись) ДРУГИЕ ДНЕВНИКИ. Нажимаем. Потом слева в колонке нажимаем на ГРУППЫ ДРУЗЕЙ.  И открываются ваши друзья, которые в ГРУППЕ ДРУЗЕЙ и которые ВНЕ ГРУПП. Если не получаете письма о какого-то пользователя, ищите его НИК в графе ВНЕ ГРУПП. Находите, ставите галочку напротив и поднимаетесь вверх к окошку.

Нажимаете напротив слова АННИМАЦИЯ и ищите ДРУЗЬЯ. Нажимаете на ДРУЗЬЯ. Потом рядом на слово ПЕРЕНЕСТИ, а в конце на СОХРАНИТЬ НАСТРОЙКИ ПОДПИСКИ. Все!  Письма будут приходить на почту!  Удачи!

Милая странница

Серия сообщений "* Конвертеры":
Часть 1 - Zamzar - универсальный конвертер online
Часть 2 - Бесплатный он-лайн конвертер медиа-файлов
...
Часть 5 - MP4Cam2AVI (1.7 Мб) - из MP4 в AVI
Часть 6 - Обрезать видео онлайн и конвертировать его в нужный формат
Часть 7 - Превращаем видео в гифку - быстро и без всяких программ...
Часть 8 - PDF конвертер онлайн
Часть 9 - 101 конвертер онлайн для преобразования видео, музыки, изображений, PDF и т.д.
Часть 10 - On-line конвертеры
Часть 11 - Конвертируем любое видео в МР3
Часть 12 - Как извлечь звук из видео? Аудио-конвертер онлайн