Полезные HTML теги для новичков.

По вашим просьбам делаю этот урок. Я не програмист, поэтому как сама знаю ,так вам по простому и постараюсь объяснить . Для форматирования текста существует много тегов. Одни их них используются часто, другие - редко. Здесь я выложу всё, чем каждый день пользуюсь я , чтобы делать свои посты. ЗДЕСЬ далее... SvetlanaT

ИЕРОГЛИФЫ В ЯПОНСКИХ СХЕМАХ...

Иероглифы в японских схемах / Hier chart legend

Иероглифы

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

Числа

Толщина пряжи - вторая строка = метров на 50 г

http://knitting-club.blogspot.com

Полезная шпаргалка для оформления текстов.(и др.)

Если вам лениво комментировать, жмите "нравится". Спасибо.

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

<u>Ваш текст</u> -  Ваш текст;

<s>Ваш текст</s> - Ваш текст; 

<b>Ваш текст</b> - Ваш текст;

<i>Ваш текст</i> - Ваш текст; 

&nbsp; &nbsp; &nbsp; &nbsp; - пробел;

<br/> - перенос по строке вниз;

<center>Текст</center> - текст по центру.

Таблица:

<table border=0 wight=52%> - начало таблицы;

<tr> - начало строки;

</tr> - конец строки;

<td> и </td> - между этими символами заключается одна ячейка таблицы;

</table> - конец таблицы.

  Подробнее о таблицах здесь

  Ссылки:<a href="URL СТРАНИЦЫ"> ВАШ ТЕКСТ</a>

<a href="URL СТРАНИЦЫ"><img src="URL КАРТИНКИ"></a> - кликабельная картинка,

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

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

2.<input size="35" value="Ваш код"h-text"><div class="b-text"
подробнее читать здесь

 Кат текста: <cut text="Читать далее">Основной текст </cut>
подробнее читать здесь

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

  Кнопка:  

<a href="Ссылка"><input type="submit" value="Надпись на кнопке" /></a>

Обтекание картинки тектом:
 

<img src="http:…" align=left hspace=20 vspace=20>

  Цвета HTML:

 Подробнее о HTML:

Принципы HTMLГотовые кодыШрифты HTMLКрасивый текстЦвета HTMLFlash по цветамТаблица HTMLКопир. изобр-язащита изобр-яредактор HTMLБродилкаПишем на изобр-и

источник:
http://natalya84i.blogspot.com/2010/07/html_2182.html

Серия сообщений "НОВИЧКАМ первые шаги на ЛиРУ":

Часть 1 - Полезная шпаргалка для оформления текстов.(и др.)
Часть 2 - Классная флешка для новичков и не только.
Часть 3 - Таблица цветов в цифрах и буквах.
...
Часть 15 - Новичкам. Кликабельная ссылка в тексте. Как ее увидеть?
Часть 16 - Ссылки для новичков. Изучаем компьютер.
Часть 17 - Для новичков куча полезнейших ссылок от А до Я.

GIMP, Анимация развевающихся волос.

 

Создаём три копии исходника->

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

УРОК. РАМКА В РАМКЕ...

СДЕЛАЕМ РАМКУ С ОБВОДКОЙ ВОКРУГ КАРТИНКИ И ВОКРУГ ТЕКСТА. Вот такую. ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ… СМОТРЕТЬ УРОК...

Дорогие друзья и гости! Кому некогда или лень писать комментарии, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Благодарю за цитирование!

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения

УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ

УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ

Хотите научиться делать вот такую простую рамку? Тогда скопируйте из окошка под рамкой формулу рамки и вставьте свои значения.

Здесь будет ваш текст. Лорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Читать далее

ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ

УЧИМСЯ ДЕЛАТЬ РАМКУ В ЧЕТЫРЕ СЛОЯ

Рамку в два слоя мы уже научились делать ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 4 слоя, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текстЛорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Читать далее

Как вставить музыку в свой текст? Самый легкий способ!

Я уже писал на эту тему: Как вставить музыку в свое сообщение? Но есть варианты вставки музыки в дневник попроще.
Для начала напомню уже имеющийся у вас под рукой способ.

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

Вот, к примеру, я вставил таким образом знаменитый хит Джо Дассена "Et si tun existais pas"
2. Нажав на "Слушать", вижу вот такой код:
//img1.liveinternet.ru/images/attach/c/2//3827/3827585_joe_dassin__et_si_tun_existais_pas.mp3

3. Заходим на ЭТОТ САЙТ, выбираем слева Аудиоплеер и нажимаем:

4. Вставляем наш код из п.2 в окошко под надписью URL Аудио-файла, меняем (при желании) цвета будущего плеера и нажимаем Получить код.

5. Тут же заполнятся 4 окошечка с кодами, в том числе для ЛиРу и ЖЖ. Нам нужен самый первый - Код для LiveInternet . Копируем его (выделив мышкой) и вставляем в нужное место своего текста. Получим примерно такой плеер:

Вся операция заняла всего одну минуту!

Как легко найти и вставить музыку в дневник? >>>

Как спрятать часть текста?

Прятать большой текст стало проще с новым редактором в ЛиРу:

На  этот значок нажимаем в том месте, где хотим прервать сообщение и спрятать его под кат.

Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" alt="" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Как сделать пост с множеством картинок?

Я уже писал на эту тему: Как вставить много картинок в сообщение? Сейчас подробно расскажу, как сделать пост со множеством картинок, которые загружаются на радикал. Это такой бесплатный хостинг (хранилище) для изображений. Позволяет загрузить (и сохраняет) любое количество изображений, любого формата, с любым уменьшением. Чтобы не открывать Америку заново, воспользуюсь советами Inmira. Далее следует её пост (с небольшими сокращениями).
Вот, к примеру, папка с фото цветов, которые надо выложить в сообщение дневника:

Дальше >>>

Как создать ярлык Интернет-Сайта на "Рабочем столе"

Серия сообщений "~~УРОКИ ПО ФШ ОТ ЕЛЕНЫ РЕЗВЫХ~~":
Часть 1 - Картинки на Прозрачном Фоне в CS5
Часть 2 - CS 5 - Заливка с Учётом Содержимого
...
Часть 96 - Зажигаем Ёлочку
Часть 97 - Как увеличить быстрое действие Photoshop
Часть 98 - Как создать ярлык Интернет-Сайта на "Рабочем столе"

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.

Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:

Первый вариант:
Код рамки:

Второй вариант.
Код рамки:

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ. ФОРМУЛЫ РАМОЧЕК Многие хотят научится делать красивые рамки. Вот здесь я собрала для вас формулы рамочек. Вставляйте свои параметры и рамка готова! Удачи вам в работе!!! Рамка в два слоя: Рамка в три слоя: Рамка в четыре слоя: Рамка в шесть слоев: Рамка в восемь слоев: Рамка с уголками: Фотошопная рамка: Подписываем рамку: для вас Лариса Гурьянова

Универсальный код разрезных рамочек для Ли.ру

Автор поста Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру Типовой код разрезной рамочки, сделанной в фотошопе для Блогов я уже давала (Смотри урок) Повторю его еще раз Блоги Майл.ру А вот на Ли.ру такие рамки встают с разрывами. По многочисленным просьбам выкладываю типовой универсальный код разрезных рамочек, который у меня получился для Лиру. Ли.ру Еще раз хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от какычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. И еще очень важный аспект - при сохранении частей рамочки на хостинге (Радикале) обязательно снимайте все галочки Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ Удачи и всех благ! С уважением La_Perla (Маргарита) Оригинал поста здесь

Сами вставляем песню в плеер...

Перед вами симпатичный плеер.Если вы включите заиграет веселая новогодняя песня.Под ним код этого плеера,а еще ниже код,где очень понятно и доступно видно,куда вставлять ~НАЗВАНИЕ ПЕСНИ~,а куда ~АДРЕС ПЕСНИ~и тогда этот симпатичный плеер может стоять у вас постоянно на главной страничке или вы сможете посылать друзьям,чтобы они тоже смогли прослушать хорошую песню.Вставляете песню,копируете код и этот веселенький плеер заиграет той мелодией,которую вы поставили.Да,можно менять размеры.Удачи!!!



Дальше два кода

Что делать, если Опера не проверяет орфографию? (Совет Дня)

Теперь умеем и Такое - Часть 2

Сегодня мы продолжим создавать свой бесплатный сайт, который зарегистрировали и начали редактировать ранее(Теперь умеем и Такое - Часть 1) Не Забываем - В конечном результате наша цель научиться бесплатно создавать сайт, а также начать зарабатывать на собственном сайте! Сегодня Мы займемся непосредственно наполнением нашего ресурса.

Переходим к панели настройки сайта:

- Первая кнопка в панели - Добавить на сайт, как раз отвечает за наполнение сайта, она то нам и нужна! Наш конструктор позволяет добавлять на сайт:

- добавляем на сайт фотографию (можно указать адрес в интернете на данное фото, либо загрузить с вашего компьютера).

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

- добавляем на сайт музыку (все действия и настройки полностью идентичны как в меню добавления фотографии)

- добавляем запись в блог, визуальный редактор для добавления записей очень удобен и прост, а внешне напоминает всем известный Word. Есть также возможность создания и редактирования записи в HTML редакторе.

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

Мне еще очень понравилось, что каждая запись сопровождается панелью для добавления ссылки на вашу запись в сервисы социальных закладок (twitter, Вконтакте, Одноклассники, Майл.ру и FaceBook). Таким образом посетители вашего сайта смогут дать вам дополнительную рекламу, добавив вашу статью к себе в закладки! В итоге получаем вот такую запись в блоге:

- Добавление страницы на сайт осуществляется аналогичным образом как и при добавлении записи в блог.

- Как Добавить товар мы разберем отдельно! В одной из следующих статей я как раз расскажу все про организацию интернет магазина на своем сайте и его наполнении.

- Видео и Файлы добавляются один в один как и Музыка (можно указать адрес в интернете или загрузить с компьютера).

- Добавление Новой Темы на форум полностью повторяет процедуру добавления записи в блог и страницы на сайт.

- Добавление Опроса на сайт позволит Вам определить предпочтения посетителей вашего сайта. Ничего сложного, указываем вопрос и варианты ответов - опрос готов.

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

Теперь вы знаете как добавлять различные объекты на сайт, и как оказалось наполнение сайта - очень простая и понятная процедура - приступаем товарищи))

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

 

ЗАПИСЫВАЕМСЯ В ПЧ ЧТОБЫ СВОЕВРЕМЕННО ПОЛУЧАТЬ МОИ НОВЫЕ ПОСТЫ

 

Полезные ссылки:

- редактор фотографий онлайн

- решение матриц онлайн

- проверить сайт на вирусы

 

Comedy Club

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

В одном из своих постов я уже писала про программы для создания сайта и бесплатные сервисы! Как оказалось, что сейчас - не так все сложно уже, и процесс создания сайта в различных бесплатных сервисах максимально упрощен и понятен даже новичку! В этой статье я более подробно расскажу об одном из таких сервисов.

Из огромного множества русских конструкторов выбрала сервис Fo.Ru - простой и в тоже время очень функциональный онлайн конструктор, он сразу мне понравился. Главный фактор, который повлиял на его выбор - это возможность нормально зарабатывать на своем сайте, размещая рекламные баннеры, контекст и др. Но более подробно об этом я расскажу в одном из моих следующих постов. Сегодня займемся регистрацией и созданием, а также начальными настройками для личного сайта.

Итак приступаем к созданию сайта, переходим на страницу регистрации в сервисе:

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

! После того как вы зарегистрировались в сервисе Fo.ru - вам необходимо подтвердить вашу регистрацию, перейдя по ссылке в письме, которое вам выслал серсис на почтовый ящик. Ссылка подтверждения уже перенаправляет на ваш сайт, и перед вашими глазами:

(кликните на изображение для увеличения)

! Если вдруг, по какой-то причине сайт открылся без верхнеей администраторской панели настроки сайта - ничего страшного, просто войдите в свой аккаунт админа, нажав кнопку вход возле окна Поиск по сайту (указав свой логин и пароль).

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

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

(кликните на изображение для увеличения)

Далее заполняем раздел Обо мне:

и Шапка, здесь можно загрузить собстенное изображения в шапку вашего сайта (Заранее подредактируйте размер загружаемого изображения, чтобы его высота была 120, 220 или 320 пикселей. Фотографию можно отредактировать в фотошоп онлайн на русском языке просто если размер другой, конструктор сам растягивает картинку с искажением качества. Хотя впринципе с шапкой пока можно вообще не париться, там среди шаблонов уже есть с нормальными вариантами шапок):

и снова жмем кнопку Сохранить.

Заходим в настройки Горизонтального меню навигации (кликаем ключ возле кнопки главная) мы можем добавить себе необходимые резделы(кнопки):

В качестве кнопки в меню может выступать и обычная ссылка, жмем добавить ссылку (я сделала кнопку с ссылкой на данный пост в Лиру ):

Что получилось можно посмотреть здесь http://samaragorodok.fo.ru/

Аналогично и с Вертикальным меню навигации, которое располагается ниже. Абсолютно ничего сложного - справились!

В следующих частях мы подробно разберем всю панель настройки сайта, научимся правильно наполнять свой сайт, узнаем как поменять дизайн своего сайта, а также КАК НАЧАТЬ ЗАРАБАТЫВАТЬ НА СВОЕМ САЙТЕ!!!

ЗАПИСЫВАЕМСЯ В ПЧ ЧТОБЫ СВОЕВРЕМЕННО ПОЛУЧАТЬ МОИ НОВЫЕ ПОСТЫ

 

Полезные ссылки:

Как создать свой сайт

Онлайн калькулятор

Отдых в Абхазии

 

Как сделать красивые рамки в Word?

 

Как сделать красивые рамки в Word?