Новичкам: вставляем и редактируем изображение через сервис загрузки изображений Liveinternet

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

Читать далее

Лиру - пишем пост, разбираемся в редакторах

Вот и пришло время разобраться в самом основном - как здесь писать то? :-)

Для начала нам надо попасть в редактор,- т.е. говоря русским языком - страничку где можно калякать буковки с циферками и что-нибудь с ними вытворять:-)))

Итак кнопки на которые надо нажать:


Либо:



Учимся дальше > > >

Здесь я собрала всё самое Основное, И НЕОБХОДИМОЕ,в одном месте- что вам может понадобиться... Для ОФОРМЛЕНИЯ своего дневничка. И как сделать его красивым и интересным. Выбирайте,что вам нужно и нажимайте О,КЕЙ. Как сделать ПОСТ С КАРТИНКОЙ.Делаем ссылочку на Вас с Иконкой.Делаем отдельный Список-БродилкуУменьшаем ВЕС картинки через ПАИНТ.Меняем ДАТУ ПОСТОВ на Лиру.Украшаем свой дневник.Мудрой фразой дня.Программа Телепередач-информер в ваш Эпиграф.Специальные символы.Украшаем свой ник.ОПРОС и как его ДЕЛАТЬ.Делаем Анимацию без Фотошопа.Делаем ПРИВЕТСТВИЕ-ЭПИГРАФ.Как открыть закрытую картинку.Таблица безопасных цветов.Делаем КРАСИВЫЙ ТЕКСТ для оформления дневника.Как ЦИТИРОВАТЬ понравившейся ЧУЖОЙ ПОСТ.Делаем КЛИКАБЕЛЬНУЮ КАРТИНКУ- ССЫЛКУ.Делаем ТЕКСТОВУЮ ССЫЛКУ.РЕЙТИНГ БЛОГОВ LiveInternetКак вставить ПРОКРУТКУ В ПОСТ.Разные СТИЛИ ПРОКРУТКИ для поста.Делаем ОКОШКО ДЛЯ КОДОВ.Как делать РУБРИКИ и ПОДРУБРИКИ.КАРТИНКИ для оформления дневника.Как вставить ВИДЕО в дневник.Как загрузить МУЗЫКУ к себе в дневник.СЧЁТЧИК ПОСЕЩЕНИЙ вашего дневника.Делаем СЕРИЮ СООБЩЕНИЙ в виде списка.УБИРАЕМ СЕРИЮ сообщений.Как делать СХЕМЫ для дневникаКак поставить в пост или УДАЛИТЬ СХЕМУКак ЗАКРЫТЬ функцию Симпашек и Антипашек.Рисунки из символов.Разноцветный текст.Полезные ссылки для оформления.ОФОРМЛЕНИЕ ТЕКСТА в дневнике.Картинку вставить через РАДИКАЛДелаем ПРОСТУЮ КНОПКУ для дневника.Как делать СПИСКИ В БЛОГЕ.Как вставить Картинку в пост.Делаем ТАБЛИЦУ С КАРТИНКАМИ(ссылками). Серия сообщений в виде спискаУбираем СТРЕЛКИ-РАСШИРЕНИЯ с картинокПРОСТЫЕ РАМОЧКИ.Делаем сами.Простые Рамки с Заголовком.Рамки для выделения текста.Как сделать СКРИНШОТ своего КОМПЬЮТЕРА.Как УБРАТЬ часть текста ПОД КАТ(спрятать)Топ популярных дневников на Лиру.

Для тех,кто хочет поделиться с окружающими какой-нибудь песней собственного сочинения или другой аудиозаписью,найти в интернете,например,создан сайт под названием "Просто плеер" (prostopleer.com). На главной его странице в верхнем правом углу увидите слово"Загрузить".Это если вы будете загружать аудиозаписи из своего компьютера.Откроется соответствующее меню.Вы можете загрузить на сайт сразу несколько звуковых файлов,которые после закачки разместятся в красивой табличке. Чтобы найти нужную вам песню,достаточно нажать на "НАЙТИ" и перед вами появятся песни на выбор,остается только выбрать,что вам подходит. Чтобы взять код или ссылку нужной композиции,вам надо кликнуть на изображение шестеренки справа от названия песни. В открывшемся меню выбрать либо "Ссылку на файл",чтобы послать например,другу,либо кликнуть на "Код для вставки". Кстати,ссылку на файл,можно послать по почте,для этого вы должны скопировать ссылку и отправить по электронной почте. А этот код,вы тоже скопируйте и можете вставлять к себе на странички,делать музыкальные открытки и вставлять нужно в простом редакторе. А чтобы предварительно прослушать песню,кликните на треугольник слева от названия песни. Удачи вам!!! Arnusha

Чтобы сделать кликабельную ссылку на блоггера с ЛиРу,

достаточно перейти на латинский шрифт и написать:
[user=
Далее вплотную писать ник блоггера и закрыть квадратную скобку.
Например: [user=Сплетни-Новости.
Сейчас я закрывающую скобку не поставила умышленно, чтобы ссылка при публикации была видна в ее, так сказать, кодовом виде. А если поставить закрывающую квадратную скобку, это превратится в ссылку на блоггера, и после публикации будет выглядеть так (куколка и ник):
Сплетни-Новости. Это уже ссылка, причем, кликабельная – если на нее нажать мышкой, окажетесь в дневнике данного блоггера.
Попробуйте, это очень легко!

Серия сообщений на тему
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Самая большая коллекция красивых разделителей для оформления текстов. 440 штук! Забираем себе!
Смотрите также много разделителей и других полезностей-красивостей в первой части и в нашем знаменитом "Учебнике ЛиРу"

Продолжение лучших украшений для дневников >>>

Помощь блоггеру УРОКИ ОТ ДЖУЛИИ

 

полезная вещь про тэги <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> текст (картинка) будет по центру текст будет для цитат. отделен пустой строкой и отступ слева в 8 пробелов <blockquote>ВАШ ТЕКСТ</blockquote> текст бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо бегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого края в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием справа   текст с правого краю в две строчки с выравниванием слева <div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" /> текст с правого краю в две строчки с выравниванием слева   Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><li>ВАШ ТЕКСТ<br /></li><li>ВАШ ТЕКСТ<br /></li></ul> Во-первых - все козлы, один я иван-царевич!   Во-вторых - как вам нравится это во-первых?   список сформируется автоматически, если добавить <ol><br /><li> первый пункт ВАШЕГО ТЕКСТА<br /><li> второй пункт ВАШЕГО ТЕКСТА<br /></ol> Один из пунктов несортированого списка   Другой такой пункт   "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я Пишу как хочу!!! текст со всплывающей подсказкой <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> получается: солнечный дневник свободной девочки непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите

ТЕКСТ ДЛЯ ПЕРЕХОДА

Чтобы сделать кликабельную ссылку на блоггера с ЛиРу,

достаточно перейти на латинский шрифт и написать:
[user=
Далее вплотную писать ник блоггера и закрыть квадратную скобку.
Например: [user=Сплетни-Новости.
Сейчас я закрывающую скобку не поставила умышленно, чтобы ссылка при публикации была видна в ее, так сказать, кодовом виде. А если поставить закрывающую квадратную скобку, это превратится в ссылку на блоггера, и после публикации будет выглядеть так (куколка и ник):
Сплетни-Новости. Это уже ссылка, причем, кликабельная – если на нее нажать мышкой, окажетесь в дневнике данного блоггера.
Попробуйте, это очень легко!

Серия сообщений на тему
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

LI 5.09.15

          ДРУЗЬЯ!

За последние несколько дней я получила несколько симпатий, свидетельствующих о добром отношении к моему дневнику и ко мне, как хозяйке этого дневника.
Я благодарна всем, но к сожалению, не всегда могу ответно поблагодарить тех, кто выражает мне свое доброе отношение, потому что симпатии не подписаны. Поэтому я решила написать пост-подсказку. Надеюсь он поможет тем, кто еще не полностью разобрался в отдельных вопросах ведения дневников на ЛИРУ.

Итак, вы решили выразить симпатию. После нажатия иконки , вы переходите в Настройки своего дневника - Отношения.
В строке "Кому" (1) указан ник человека, которому вы выражаете симпатию.
(2) - подтверждаете свою симпатию.
В строке "Комментарий" (3) можно написать несколько благодарственных слов, но можно этого и не делать. Но ОБЯЗАТЕЛЬНО укажите свой ник (имя. под которым вы зарегистрированы на liveinternet). Тогда тот, кому вы посылаете симпатию, сможет ответить вам взаимной симпатией. Если вы не подпишитесь, то количество симпатий у вас в дневнике уменьшится и может случиться так, что их совсем не останется. Если же вам ответят взаимностью, т.е. пришлют ответную симпатию, то количество неиспользованных симпатий в вашем дневнике восстановится (например, было 15; и опять станет 15).



Изображение увеличивается.

КАРТИНКА ВАШ ТЕКСТ ЕМ

<center><table border="2" background="//img1.liveinternet.ru/images/attach/c/1//56/310/56310695_fon_beluyy.jpg" cellpadding="5" cellspacing="2" width="700"><tr><td><table border="2" background="//img0.liveinternet.ru/images/attach/c/3/75/878/75878078_fon3.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/1//56/310/56310695_fon_beluyy.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td>КАРТИНКА<table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/869/48869768_fon253.gif" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/3/75/878/75878078_fon3.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/c/1//56/310/56310695_fon_beluyy.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="5"><font color="8B0000"><font face="monotype corsiva">ВАШ ТЕКСТ <br /></font></font></font></td></tr></table></td></tr></table></center></td></tr></table></td></tr></table></center><center><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="Monotype Corsiva" size="2"><font color="FFFFFF">ЕМ</font></font></marquee></center> </td></tr></table></td></tr></table></center>

Ещё 13 рамочек >>>

К примеру возьмем эту рамочку:

Вот ее код:
<div><br /> <table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="50" cellspacing="5"><tbody><tr><td><div align="center"><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="3" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="12" cellspacing="1"><tbody><tr><td><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="2" cellpadding="7" cellspacing="2"><tbody><tr><td><i><font size="4" color="#ee1122" face="times"><p align="center"><font face="Georgia"><br /> Ваша картинкa <br /> <img src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br /> Ваш текст <br /> <img src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br /> </font></p></font></i></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/2872037/profile"><font color="#ee1122"><font size="1">Галерея_Дефне</font></font></a></center></td></tr></tbody></table></td></tr></tbody></table></div>

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

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

1
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/c/3/76/325/76325958_large_8.png" rel="li"><img src="//img0.liveinternet.ru/images/attach/c/3/76/325/76325958_8.png" width="700" height="583" alt="8 (700x583, 468Kb)" /></a>
2
<img src="//img1.liveinternet.ru/images/attach/c/3/76/325/76325589_9.png" width="567" height="425" alt="9 (567x425, 432Kb)" />
3
<img src="//img1.liveinternet.ru/images/attach/c/3/76/325/76325597_10.png" width="567" height="425" alt="10 (567x425, 390Kb)" />
4
<img src="//img0.liveinternet.ru/images/attach/c/3/76/325/76325602_11.png" width="567" height="425" alt="11 (567x425, 312Kb)" />
5
<img src="//img1.liveinternet.ru/images/attach/c/3/76/325/76325611_12.png" width="567" height="425" alt="12 (567x425, 306Kb)" />
6
<img src="//img0.liveinternet.ru/images/attach/c/3/76/325/76325626_13.png" width="567" height="425" alt="13 (567x425, 450Kb)" />
7
<img src="//img1.liveinternet.ru/images/attach/c/3/76/325/76325805_14.png" width="567" height="425" alt="14 (567x425, 257Kb)" />

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

Часть 1 - СТЕКЛЯННАЯ СИМФОНИЯ
Часть 2 - Dennis Kyte
...
Часть 47 - Мультяшки в png
Часть 48 - Flash aнимация с готовыми кодами. 4
Часть 49 - Мои первые комментарии для вашего дневничка!
Часть 50 - Flash aнимация с готовыми кодами. 4

---

Это далеко-далеко не открытие Америки, но пишу пост по той причине, что очень многие спрашивают, как Это сделать. Я - человек по-хорошему ленивый, поэтому всегда ищу лазейки, как сделать что-то побыстрей да и ещё многое сразу. На заре моей "виртуальной жизни" нашла этот способ и постоянно им пользуюсь. Итак, как быстренько сохранить в свой компьютер все рисунки сразу со страницы сайта. Оговорюсь сразу: этот способ хорош только в том случае, если картинки выложены в оригинальном размере. Если они в превью - то и сохранятся они у вас в размере уменьшенной копии.

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

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

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


Далее смотрим справа:

Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):

Читать дальше > > >

РАЗБИРАЕМ КОД NTML ЧАСТЬ 2

  

Html для начинающих ( часть 2-ая)

Продолжаем попытку разобраться в html :-) Первая часть ТуТ

Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:

<html> и в самом низу закрывающий </html> - говоря простым языком, - этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа", - не забывайте об этом).

<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

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


И наконец:

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

Читать дальше > > >

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