Оформление текста в блогах на Ли.Ру

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

Перечёркнутый текст: ТЕКСТ
<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МБ, то меньше не станет:)

Как правильно сфотографировать мастер-класс для публикации

Статья была специально написана для портала "Скрап-инфо".

В этой статье я попытаюсь рассказать и показать, как нужно правильно фотографировать МК (мастер-класс) для публикаций. Особенно полезной статья будет для авторов, настоящих и будущих журнала "Скрап-инфо". Следуя  инструкциям, вы получите фотографии достойного качества, что несомненно обрадует и редколлегию.

Покажу свою «студию» для съёмки (фото1)



Обычная коробка, у которой оставлено 3 стороны, остальные я отрезала. Белый ватман лежит плавным сгибом, чтобы на фотографиях не было видно стыка, я его закрепила на двусторонний скотч в верхней и нижней части. Обратите внимание на стену–отражатель, там у меня прикреплена фольга, которая тоже прекрасно отражает свет от окна.



Впрочем, при необходимости, всегда можно поставить на это место лист белой бумаги (фото 2). Преимущество такой переносной конструкции налицо – обратите внимание, свет из окна падает справа, но если при ваших условиях свет должен падать слева, достаточно «студию» повернуть на другой бок!



Теперь о самой съёмке. Относитесь к ней серьёзно! Не ленитесь сделать много снимков с разных ракурсов, чтобы потом отобрать лучшие. Ещё раз повторю важные моменты: снимайте только в дневное время, при максимальном естественном освещении, не включайте вспышку! Если вы не разбираетесь в настройках фотоаппарата, установите режим съёмки на Р (программное обеспечение), фотоаппарат сам сделает нужные настройки.



Чтобы сделать этот кадр (фото 4), я встала у края стола, объектив фотоаппарата направила строго перпендикулярно вниз, прижала локти к туловищу (так вы меньше сотрясаете камеру), поместила букетик цветов в центр кадра, сфокусировалась, затаив дыхание и сделала снимок. Хочу обратить внимание на высоту столика, он у меня низкий. Если стол, на котором вы снимаете высокий, вам придётся встать на стул около стола, только так вы сможете направить объектив строго перпендикулярно столу.



В основном МК снимается именно сверху вниз, если у вас пока нет такой «студии», можно поставить стол у окна, положить лист ватмана, встать лицом к окну и делать снимки выше описанным способом (фото 5).





Я почти всегда снимаю свои МК на белом фоне, но это зависит от цвета ваших материалов. Правило такое – белое снимают на тёмном фоне и наоборот (фото 7). Если же в МК присутствуют оба цвета, то выберете для фона нейтральный цвет, подходящий для обоих случаев.






http://scrap-zolushka.blogspot.com/2010/07/blog-post_27.html

Серия сообщений "мастер-класс":

Часть 1 - Берет с бисером. Мастер-класс от Голубки
Часть 2 - Берет МК
...
Часть 52 - Вшиваем "молнию" в вязаное изделие МК
Часть 53 - Видеоуроки по ирландскому кружеву
Часть 54 - Как правильно сфотографировать мастер-класс для публикации
Часть 55 - Шапочки детские подборка
Часть 56 - МК ШНУР ГУСЕНИЧКА
Часть 57 - Ирландское кружево. Уроки и схемы вязания

Серия сообщений "фотошоп,обработка фото":

Часть 1 - Как быстро обработать фото
Часть 2 - Фотографируем свои "произведения" :)) МК.
...
Часть 4 - Фотошоп: Работа с фото. 69 уроков
Часть 5 - Бродилка по урокам фотошопа
Часть 6 - Как правильно сфотографировать мастер-класс для публикации

Картинки с надписями

автор -      Russlana

 

elka
 

 

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

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

ИТАК...

<b>ВАШ ТЕКСТ</b> Полужирный текст

<i>ВАШ ТЕКСТ</i> Выделение текста курсивом

<u>ВАШ ТЕКСТ</u> Подчёркнутый текст

<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

ВСЁ ВНУТРИ,МНОГО

Редактируем эпиграф



Если вы пишете в эпиграфе дневника какой-то текст, то оформлять его надо тегами. Например, чтобы начать текст с новой строки, используйте не Enter, здесь он не действует, а тег br, заключенный в треугольные скобки, вот такие:< >. Например, пишите какое-то предложение, ставите этот тег, пишите дальше - и этот текст, который за тегом, будет начинаться с новой строки. Тег br не имеет закрывающего варианта. А вот как он собственно выглядит, правильно написанный:

Меняем цвет шрифта в эпиграфе.
Собственно, таким образом цвет можно изменить не только в эпиграфе, но и в отдельной части сообщения.
Для этого нужно использовать вот этот тег:

Там, где первый прочерк (после решеточки) вставьте код цвета по html - его можно посмотреть в таблице цветов Яндекса. Там, где второй прочерк будет ваш текст, цвет которого вы хотите изменить.
Как изменить размер шрифта в эпиграфе, можно узнать здесь: http://www.liveinternet.ru/users/2670115/post121476913/
Как добавить картинку в эпиграф, вот здесь: http://www.liveinternet.ru/users/2670115/post121420355/

*Поиск фонов по цвету*

Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).






LI 5.09.15

**Снежинки-2**

 

Делаем схему дневника!



Уроки для совсем начинающих очень понятные и подробные!!!

Автор Legionary

1 ЧАСТЬ
Начнем. Как всегда,- идем в настройки:


Далее в "настройки дизайна":



Теперь по порядку:

Цвет фона:

Фон страницы:



Дальше > > >