-Всегда под рукой

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Домоведка

 -Цитатник

МК "ИРИСЫ" - (0)

Мастер-класс по вязанию элементов для композиции "Ирисы", выполненной в технике ирландского круж...

Шарфики - (0)

...

Филейная туника «Белоснежка» - (0)

Филейная туника «Белоснежка»(48 размер ,хлопок 450 гр,212 м в 50 гр ,к...

Irish lace. Ирландское кружево Натальи Котельниковой - (0)

I/МК авторских элементов с имитацией вязания на бурдоне от Котельниковой Натальи 1.Презентация ...

9 аудиокниг А.Марининой, которые вы можете слушать в своём дневнике бесплатно - (0)

Личные мотивы 1 Личные мотивы 2 Имя потерпевшего-Никто ...

 -Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Индикатор места в рейтинге Яндекс Индикатор места в рейтинге Яндексвот:)
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Сообщества

Читатель сообществ (Всего в списке: 3) ПОМОЩЬ_НОВИЧКУ О_Самом_Интересном OSINKA_CLUB

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 15.09.2012
Записей: 1683
Комментариев: 199
Написано: 2021

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

Среда, 04 Сентября 2013 г. 14:32 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

Шпаргалка 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>
  1. первый элемент
  2. второй элемент
  3. ......
  4. 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> - ссылка откроется в новом окне.
     подробнее читать здесь

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


Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)



Пишем на картинке:
  копируем код из окошка

     подробнее читать здесь

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



Ваш текст 1
Ваш текст 2


         Подробнее читайте здесь

Вставка флэш:

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

Делаем рамочки:
,
где 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">Текст бегущей строки.

,
где bgcolor-цвет фона.
флэш-генератор:

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



ВАШ ТЕКСТ

, где:
border="1" - толщина рамки, cellspacing="4" - расстояние между ячейками, cellpadding="25" - отступ содержимого таблицы от рамки. Все эти значения можно менять. Подробнее читайте здесь


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


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


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

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

Метки:  

 Страницы: [1]