ВСЕ о тегах и оформлении постов

Закрепить текст

Путин едет по стране на серебряном конеПутин всем людЯм поможет, дай ему здоровья, Боже.Всех бандитов перебьёт, работягам он нальёт.Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

Путин едет по стране на серебряном конеПутин всем людЯм поможет, дай ему здоровья, Боже.Всех бандитов перебьёт, работягам он нальёт.Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

Если ваш пост слишком большой можете скрыть часть вашего поста под кат

первый пункт
второй пункт
третий пункт

Коды для блога, от Юлии Чагиной

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица - Продолжение следует...

Все для оформления, выставляем картинки

Выставляем картинки. картинка слева от текста картинка справа от текста Текст среди картинок Картинки в один ряд Картинки справа и слева от текста . Загружаем картинку на Радикал,копируем 1-ю строку и вставляем в код вместо моих слов КАРТИНКА. Вместо слова ТЕКСТ вставляем свой текст. Скопируйте из окошечка код КАРТИНКА СЛЕВА ОТ ТЕКСТА Скопируйте из окошечка код КАРТИНКА СПРАВА ОТ ТЕКСТА Картинки по бокам текста. Все делается так же как описано выше. Текст в этом коде будет отражаться так, как выставлен в оформлении блога. Чтобы у него изменить цвет,гарнитуру и размер шрифта, надо выставлять дополнительные теги. Как это сделать расскажу в следующем уроке. Скопируйте из окошечка код КАРТИНКИ ПО БОКАМ ТЕКСТА Картинки в ряд. Вместо каждого моего слова КАРТИНКА надо загрузить обычным способом(через ФОТО на панели новой записи)свою картинку или вставить 6-ю строку с Радикала. Цифра "8" (в строке cellspacing="8")расстояние между картинками. Его можно менять. Скопируйте из окошечка код КАРТИНКИ В РЯД... с 2 картинками с 3 картинками с 4 картинками с 5 картинками с 6 картинками Еще УРОКИ здесь

Баннеры

Делаем красивый баннер!  (Жаль, не знаю автора)
 

<table align="center" height="60" border="0" background="//s59.radikal.ru/i164/0905/f0/9c84925e01ed.gif"><br /><tr><br /><td width="450" align="center"><font size="4" color="#cc0000" face="times"><p align="center"><font face="Georgia">Ваш текст</font></p></font></td><br /></tr><br /></table>

<table align="center" height="60" border="0" background="//s44.radikal.ru/i105/0905/8c/852bf8d4d7ff.gif"><br /><tr><br /><td width="450" align="center"><font size="4" color="#aa8833" face="times"><p align="center"><font face="Georgia">Ваш текст</font></p></font></td><br /></tr><br /></table>

<table align="center" height="60" border="0" background="//i061.radikal.ru/0905/5f/b0224a50590f.gif"><br /><tr><br /><td width="460" align="center"><font size="4" color="#ffffff" face="times"><p align="center"><font face="Georgia">Ваш текст</font></p></font></td><br /></tr><br /></table>

<table align="center" height="60" border="0" background="//s55.radikal.ru/i147/0905/d8/43530fad9d33.gif"><br /><tr><br /><td width="460" align="center"><font size="4" color="#005500" face="times"><p align="center"><font face="Georgia">Ваш текст</font></p></font></td><br /></tr><br /></table>

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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>Здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам.
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Предупреждение: в постах картинка не должна превышать размер 200px в ширину, иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки справа: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим

Как оформлять текстовые кнопки?

Очередное дополнение в

Как вы уже должны были понять по заголовку и первой строчке поста, сегодня я буду учить оформлять текстовые кнопки. Почему? Поскольку с картинками на ЛиРу последнее время наблюдаются некоторые перебои, самое время вспомнить про альтернативу. Причём про ту, что сказано в старом анекдоте:
Анекдот про альтернативу и инструкция по оформлению кнопок

LI 5.09.15

Как размещать текст и картинки в одной строке?

Очередное дополнение в

Порой при написании сообщения в дневнике надо в одной строке разместить картинку и текст. И вот как сделать это красиво?

В этом нам поможет вот этот атрибут "align" (про него можно прочитать тут в примечании №2) и вот этот квадратик:
Читать тут

Update
Как установить этот атрибут при добавлении картинки в расширенном редакторе?

LI 5.09.15

ВСТАВЛЯЕМ КАРТИНКУ - БЫСТРО И ПРОСТО!

Для этого используется такой код:
<img src="АДРЕС КАРТИНКИ">

А если картинка очень большая а вы хотите, например? вставить ее в рамочку  - тогда нам нужен будет такой код:
<img src="АДРЕС КАРТИНКИ" width="100%">

( пояснение по второму коду )
Здесь параметр  width="100% говорит нам о том, что изображение должно занять 100% ширины. Это значение можно менять.
А если наоборот - картинка слишком мала, то используйте первый код, т.к. при растяжении маленького изображения на всю ширину теряется его качество. 

Адрес любой картинки узнать совсем несложно!
( здесь подбробности )
1. Кликните по понравившемуся изображению ПРАВОЙ клавишей мышки.
2. Выпадет табличка, в которой нужно выбрать строчку "СВОЙСТВА ИЗОБРАЖЕНИЯ".
3. Далее ЛЕВОЙ клавишей мышки кликаем на этой строке.
4. Появляется еще одна табличка, в которой указан
"АДРЕС ИЗОБРАЖЕНИЯ".
5. Его нужно скопировать (ставим курсор на эту строчку: помечаем - Ctrl+А , затем копируем - Ctrl+С).
6. Все - теперь можно вставлять в код - Ctrl+V.

1. Быстрый способ (для Оперы) - кликаем правой клавишей по картинке и выбираем "Копировать адрес изображения".
2. Для тех, у кого браузер Firefox  - выбрать "Копировать ссылку на изображение".

Вставляем этот адрес вместо слов АДРЕС КАРТИНКИ.
Кавычки должны остаться и между ними и адресом НЕ ДОЛЖНО БЫТЬ ПРОБЕЛА!
Получиться должно так:
<img src="//s54.radikal.ru/i145/1005/43/756c23009623.gif">
А теперь уже готовый код копируем и вставляем туда,
куда вам хочется!

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

Все это проделываем в HTLM-режиме!


Если что-то осталось непонятным, то можно почитать еще
ЗДЕСЬ

Желаю удачи!

Как вставить картинку на Ли.ру без Радикал-фото.

Добрый день! Я хочу поделиться с Вами информацией, как быстро закачать несколько фотографий без редактирования и убрать часть из них под кат.

пошаговая инструкция

До первого дня лета остается всего пара неделек. Предлагаю Вам эти рамочки для летнего оформления Ваших постов )) Чтобы оформить пост в рамочке необходимо будет просто скопировать код этой рамочки (он будет размещен под каждой рамочкой) и вместо "ВАШ ТЕКСТ" написать текст Вашего поста.

При цитировании убирайте галочку со строчки "Автоматически переводить URL в ссылку"и "Сохранять переводы строк в тексте".

Чтобы изменить размер, шрифт или цвет текста найдите в коде рамочки эту строчку:

Красным подчеркнут размер текста

Синим подчеркнуто название шрифта

Зеленым подчеркнут цвет текста

Вы можете самостоятельно изменить любой из параметров по желанию.

Какой выбрать цвет для шрифта поста. Вы можете выбрать здесь.
Дальше делаем так: Копируйте код из окошка. <font color="КОД ЦВЕТА">ВАШ ТЕКСТ</font>
В этом коде,где написано КОД ЦВЕТА- ВСТАВЛЯЙТЕ понравившийся код Буквенного
или Цифрового цвета,выбрав его из большого разнообразия цветов.
Внутрь кавычек, кавычки не трогаем. А где написано, ВАШ ТЕКСТ, пишите свой текст.
Вот ещё один код,но он работает только на ЛИРУ. [color=red] ВАШ ТЕКСТ [/color]
Вместо слова red вставляйте КОД ЦВЕТА-буквенного или цифрового.
БУКВЕННЫЕ КОДЫ ЦВЕТА.

Aqua	Black	Fuchsia	Green	Aquamarine	Lime	Maroon	Navy
Olive	Purple	Red	Silver	Teal	White	Yellow	Blue
Gold	Orange	Pink	Peru	Chocolate	Coral	Violet	Grey

ЗДЕСЬ далее...SvetlanaT