Здравствуйте... Сегодня урок снова по вашей просьбе..)) Сегодня мы будем учиться создавать кликабельную кнопку "Понравилось", которую будем ставить под свои посты, чтобы пользователи, которые зашли на ваш пост, могли таким образом показать понравился им пост или нет, а также если лирушная кнопка "Понравилось" у вас временно не работает.

Серия сообщений "Подсказки от Любашки 2":

Часть 1 - Как скачать видео с Rutube и выделить музыкальный файл
Часть 2 - Всё про Дзен Яндекс
...
Часть 5 - И снова про код ролика с Рутуба
Часть 6 - Яндекс Справка вам в помощь
Часть 7 - Делаем кнопку Нравится для каждого поста
Часть 8 - Блокируем рекламу на Яндекс почте
Часть 9 - Погодный Информер для Дневника
...
Часть 11 - Как удалить из ПЧ тех, кого уже нет на Лиру
Часть 12 - Качаем музыку с сайтов, где нет такой опции
Часть 13 - Онлайн сайты для реставрирования фото

Снова нас мучает эта реклама. Наверное многие успели заметить это. Особенно нас донимает реклама Яндекса. Это неизбежно, периодически все блокировщики перестают работать, т. к. рекламодатели будут искать способ обхода блокировщиков, а блокировщики - новые способы блокировок, поэтому способ избавиться от рекламы уже найден.Делюсь информацией, как можно избавиться от нее теперь уже НАВСЕГДА ! Читать далее

Серия сообщений "Полезные сайты, программы.":

Часть 1 - Библиотекарь. Ру.
Часть 2 - Путеводитель по достопримечательностям.
...
Часть 17 - Как достать из системы удалённые файлы.
Часть 18 - ЕСТЬ ИЛИ НЕ ЕСТЬ: ВОТ В ЧЁМ ВОПРОС..
Часть 19 - Блокируем рекламу в браузере.

Здравствуйте... Сегодня поговорим о прекрасном...)) О музыке! Я дам вам ссылки на те сайты, где можно скачать музыку, взять прямую ссылку для плеера, редактировать муз. файлы и другое.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 46 - Кое-что про гиф картинки
Часть 47 - Подсказка про JPG картинки
Часть 48 - А теперь поговорим о Музыке

Здравствуйте... Сегодня поговорим про gif картинки. Уверена, что такие картинки любят многие. Вот, например, gif картинка с человечком.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 44 - Бесплатный просмотрщик фото
Часть 45 - Переходим с Почты Майла на Яндекс почту
Часть 46 - Кое-что про гиф картинки
Часть 47 - Подсказка про JPG картинки

Здравствуйте... Про gif картинки я вам писала, а сейчас расскажу и дам ссылки на нужные для работы сайты с JPG картинками.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 45 - Переходим с Почты Майла на Яндекс почту
Часть 46 - Кое-что про гиф картинки
Часть 47 - Подсказка про JPG картинки

HTML ,ТЕГИ , формулы

• HTML 
• HTML цветов 
• HTML шрифты 
• разделить запись на 2 части 
• рамочка 1 слой 
• рамочка 8 слоев 
• рамочка простая 
• рамочка с ПРОКРУТКОЙ 
• теги 
• формула "под КАТ" для Blogger*a 
• формула "подчеркнутая ссылка" 
• формула "ТЕКСТ между 2 картинок" 
• формула "ОДНА КНОПКА"  
• формула ОКОШКА для КОДА 
• формула перехода по СТРАНИЦАМ 
• формула ПРОКРУТКИ для текста 
• формула скопировать "с ЛИСТА" 
• формула ссылки с noindex и nofollow 
• формула таблицы 
• формула ФЛЕШКИ 
• формулы прямых линий
• формулы ССЫЛОК 
• шрифты 

***ВАШ ТЕКСТ***для бордюра и фона используется color:#

КОД РАМОЧКИ: <table width="670" style="border:4px solid #990066;background-color:#f6f2e1" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><font size="4" color="#000000" face="Monotype Corsiva">***ВАШ ТЕКСТ***<br /><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></font></td></tr></table>

***ВАШ ТЕКСТ***- а здесь - для бордюра - color:#, для фона - http://

КОД РАМОЧКИ: <table width="820" style="border:4px inset #f6f2e1" background="https://ie.wampi.ru/2022/01/12/125534011_fon_97bd90f7a85f1d87163401b42792768b.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><span style="font-family:Lucida Grande;color:#000000;font-size:20px;">***ВАШ ТЕКСТ***<br /><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></span></td></tr></table>

***ТЕКСТ***рамочка с окантовкой и основной фон - http://

КОД ДАННОЙ РАМОЧКИ(с окантовкой):<table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="https://i.ibb.co/4NqXqzN/1-5e12899c65bc.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:ШИРИНА ФОНА(20-60 пикселей)px"><table width="820" style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="https://ie.wampi.ru/2022/01/12/125534011_fon_97bd90f7a85f1d87163401b42792768b.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:18px"><i>***ТЕКСТ***</i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table>

***ТЕКСТ*** рамочка, где бордюр - http://..., а основной фон - background-color:#...

КОД РАМОЧКА:
<table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="https://i.ibb.co/4NqXqzN/1-5e12899c65bc.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="820" style="border:0px solid #;background-color:#050404" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Liruss TYGRA(TrueType);color:#ffffff;font-size:18px"><i> ***ТЕКСТ***<br /> </i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table>
У Самовара
Вера Паничкина - это тоже Я

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

Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
Часть 3 - Формула разрезной рамочки для текста, сделанной при помощи ФШ...
Часть 4 - Рамочки в 1 слой...
Часть 5 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 6 - ...Рамочка с бегущим текстом ... Урок от Татьяны Егоровой.
...
Часть 19 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 20 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 21 - И снова — «Рамочка-книжка»

Серия сообщений "*******ШПРАГАЛКИ":

Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
Часть 3 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...

Я

           Пишу

                 Лесенкой!!!

C

       Днем 

             Рождения!

Серия сообщений "*******ШПРАГАЛКИ":

Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
Часть 3 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 4 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 5 - Интересное оформление текста - 3 - ...
Часть 6 - Бегущие строчки...
Часть 7 - Оформление Текста - 4 - ... ПРОКРУТКА ТЕКСТА... Как вставить ПРОКРУТКУ в пост.
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...

*1. ВИДЫ БОРДЮРОВ (border) - solid - рамка из сплошной линии; - dotted - точечная линия; - dashed - пунктирная линия; - double - рамка из двойной сплошной линии; - groove - вдавленная линия; - ridge - выпуклая линия; - inset - вся рамка кажется вдавленной; - outset - вся рамка кажется выпуклой. *2. КОВЫЧКИ: «......»

*3. В ТЕКСТ ВСТАВЛЯЕМ КАРТИНКУ, зная ее адрес:
<img src="Адрес картинки" width="***" height="***" align="***" /> где ^_
— width="***" — ШИРИНА картинки;
— height="***" — ВЫСОТА картинки;
— align="***" — расположение картинки;



*4. РАСПОЛОЖЕНИЕ КАРТИНКИ (текста):

— align="left" — расположение картинки слева; выравнивание текста слева;
— align="right" — расположение картинки справа; выравнивание текста справа;
— align="center" — расположение картинки (текста) по цeнтру;
— align="justify" — выравнивание текста по левому и правому краю.

Расположение рамочки, текста, картинкм строго в центре-<center>...</center> (!!! звездочку * удаляем)



*5. УБРАТЬ ТЕКСТ ПОД кат:

— [more] — если вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка - Читать далее-

— [more=СВОЙ ТЕКСТ] — так можно заменить текст "Читать далее" на свой

— [more=<*img src="Адрес картинки" />] — для кнопочки-перехода к полному тексту поста (!!! после копирования кода, звездочку * удаляем)

— [/more] — а вот так можно обозначить окончание тяжелой части страницы и продолжить текст



*6. ОКНО ДЛЯ ВСТАВКИ КОДА (открыток, рамок, флешек, муз. плееров...)
<textarea rows="2" cols="15">ВАШ КОД</textarea>
или
<input size="10" type="text" value="[flash=продолжение кода]" />
Когда вставляем код музыкального плеера, перед flash — не забываем ставить *...




Иногда, формула маленькая, например как эта: hr width=100 align="left"..., а вы очень хотите ей поделиться с друзьями...
Воспользуйтесь вот этими знаками:

<...>xmp... ФОРМУЛА.../xmp<...>
<hr width="100" align="left" />

ИЛИ &lt;, &gt;
В начале формулы ставим — &lt;
В конце — &gt;
Получаем — <hr width=100 align="left">
И окошечко для кода нам не нужно...



*7. ФОРМУЛА ОФОРМЛЕНИЯ ТРАДИЦИОННОГО ОКОШЕЧКА ДЛЯ КОДА:

*8. КОД МУЗ.ПЛЕЕРА:

[flash=100,25,Адрес плеера?mp3=Адрес муз.файла]




*9. ССЫЛКА НА САЙТ, ДНЕВНИК, БЛОГ (ссылка на источник):

[url=ссылка_на_сайт]...ТЕКСТ или КАРТИНКА...[/url]

или

<*a target="_blank" href="Адрес ссылки" title="всплывающий текст">Текст или картинка<*/a>(звездочки * удалить)

— [user=Имя владельца] — ссылка на пользователя дневника Ли.Ру

— [user=Имя владельца]Моя подружка[/user] — позволяет назвать при этом пользователя по-особенному

Серия сообщений "*******ШПРАГАЛКИ":

Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
Часть 3 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 4 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...

*1. ШРИФТЫ...

мой самый самый любимый шрифт

<p style="margin: 0px; padding: 0px 0px 15px; line-height: 23px; color: rgb(38, 35, 35); font-family: verdana, &quot;lucida grande&quot;, tahoma, arial, sans-serif; font-size: 14px;">мой самый самый любимый шрифт</p>

*Ещё один, который мне нравится

<em><span style="font-size:14px;"><span style="font-family: comic sans ms,cursive;">Ваш текст</span></span></em>

---

увеличение расстояния между строк <br />

---

*2. ЗАДАТЬ ЦВЕТ, РАЗМЕР и ВИД ШРИФТА
текста

<span style="font-family:шрифт"><font color="Цвет" size="Размер">...Текст...</font></span>

ИЛИ

<span style="font-family:ШРИФТ;color:#ЦВЕТ;font-size:РАЗМЕР px">...Текст...</span>

Размер части текста можно изменить <font size="размер шрифта">...Текст...</font> ИЛИ [size=размер шрифта]...Текст...[/size] где size="1" (2; 3; и т.д.) или задавать как размер от текущего (например -1 или +3 - меньше или больше заданного на 1 или 3 уровня) Формат цвета (#......) — можно получить из графического редактора, или использовать названия цветов — red, green, blue, gray, white, black и т.д.(см. Таблицы Генераторы цвета) [color=цвет]текст[/color] —текст заданного цвета (цвета —blue, red, green и т.д.). Очень удобно, если надо заменить цвет в определённом месте текста.

*3. ОТСТУПЛЕНИЕ НАЧАЛА ТЕКСТА ОТ КРАЯ:

Например,

На Блудовом болоте птицы нашли "остров" с высокими соснами, который оказался отличным местом для гнездования.

<p style="text-indent: 40px">...ВАШ ТЕКСТ...</p>

---

*4. ВЫДЕЛЕНИЕ ЦИТАТЫ (отдельный блок со сдвигом вправо):

[quote]...Текст...[/quote]

или
<p style="margin: 1em 0px 1em 30px;">...ВАШ ТЕКСТ...</p> или
<blockquote>...ВАШ ТЕКСТ...</blockquote>

---

*5. ОФОРМЛЕНИЕ ЭПИГРАФА ТЕКСТА.

Пример:

текст находится с правого
края страницы но выравниваем его
по ЛЕВОМУ краю,
текст смотрится ровно и красиво

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

---

*6. ТЕКСТ, ОБТЕКАЕМЫЙ ДРУГИМ ТЕКСТОМ:

Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.

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

<p style="padding-right: 15px; margin-top: 0px; float: left; margin-bottom: 3px; width: 30%; color: blue;">Текст внутри</p> Обтекающий текст

---

*7. ТЕКСТ В ДВА СТОЛБИКА:

Когда свернуло стрелки на закат, вдруг чувство начинает посещать, что души нам даются на прокат, и лучше их без пятен возвращать.

Глупо жгли мы дух и тело раньше времени дотла; если б молодость умела, то и старость бы могла.

<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td><text color="#000000">Текст первого столбца</text></td><td width="80"></td><td><text color="#000000">Текст второго столбца</text></td></tr></table><br />

---

*8. КАРТИНКА МЕЖДУ СТОБИКАМИ ТЕКСТА

Учеников Анаксимен тому учил больших и малых, что крутость резких перемен родит мерзавцев небывалых.

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

<table border="0" cellspacing="8" cellpadding="0"><tr><td><text color="#663333">ТЕКСТ</text><br /></td><br /><td><br /><img src="адрес" /><br /></td><br /><td><br /><text color="9d0039">ТЕКСТ</text><br /></td><br /></tr></table>

---

*9. КАРТИНКИ ПО БОКАМ ТЕКСТА

Зачем болишь, душа? Устала? Спешишь к истоку всех начал? Бутылка дней пустее стала, Но и напиток покрепчал.

<table align="center"> <br /> <tr> <td><img src="адрес КАРТИНКИ" /></td> <td>ТЕКСТ</td> <td><img src="КАРТИНКА" /></td></tr></table>

---

*10. МАРКИРОВАННЫЙ СПИСОК:

Когда свернуло стрелки на закат,

вдруг чувство начинает посещать,

что души нам даются на прокат,

и лучше их без пятен возвращать.

<li>.......</li>
[/more]

---

*11. ПРАВИЛЬНО ПОДПИСЫВАЕМ АВТОРСКИЙ ТЕКСТ

float:right или float:left — расположение по отношению к тесту(справа или слева)

<div style="float:right;"><cite title="всплывающее пояснение о авторе или статье"><br /> © Ваш текст</cite></div><br />

Пример:

© Шамиль Аляутдинов
ВЫСКАЗЫВАНИЯ ПРОРОКА МУХАММАДА, 2013
©Издательство ДИЛЯ, 2013;
с письменного разрешения автора

Серия сообщений "*******ШПРАГАЛКИ":

Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
Часть 3 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 4 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 5 - Интересное оформление текста - 3 - ...
Часть 6 - Бегущие строчки...
...
Часть 19 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...

Серия сообщений "________ - Пишем красиво - ":

Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
Часть 3 - Интересные примеры бегущего текста...
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

Серия сообщений "Создание клипарта":
Часть 1 - КАК СДЕЛАТЬ ПРОЗРАЧНЫЙ ФОН У КАРТИНКИ
Часть 2 - Уроки Photoshop и GIMP. Создание клипарта различными способами.
...
Часть 9 - Как избавится от однотонного фона вокруг анимашки прямо в презентации
Часть 10 - Watermark Algid Net // Бесплатный онлайн сервис создания водяных знаков /
Часть 11 - Онлайн генераторы для удаления фонов с картинок без Фотошопа

Всем здравствуйте...)) Сегодня опять подсказка по онлайн сервисам для оформления ваших фото или картинок. Сегодня будем скруглять углы на фото, т.е. делать фото круглым. Нашла пару онлайн сайтов, русских, там всё быстро и понятно.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 18 - Как уменьшить потребление оперативной памяти в браузерах в 20 раз
Часть 19 - Удаляем фон с картинки онлайн
Часть 20 - Вырезаем круг из картинок онлайн

Всем здравствуйте...)) Я знаю, что многие из вас пользовались онлайн сервисом по удалению фона с картинки, который называется - Remove bg, вот с таким дизайном.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 17 - Как сделать схему на Лиру
Часть 18 - Как уменьшить потребление оперативной памяти в браузерах в 20 раз
Часть 19 - Удаляем фон с картинки онлайн

Всем здравствуйте...)) Сегодня подсказка также по вашей просьбе. Меня попросили подсказать, как сделать фон - дизайн для Дневника, делать фоны онлайн и загружать в Дневник. Я делала такой урок ещё в старом своём Дневнике, сейчас его нашла и просто тут продублирую и немного дополню...)) Вот мой старый урок, но тут всё актуально и сейчас. Как я уже писала, иногда темы для уроков подсказываете мне вы, мои дорогие. И вот очередная ваша подсказка...))) Поэтому тема сегодняшнего урока Как сделать схему для Дневника и правильно её установить.

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
...
Часть 15 - Как сделать гифку из ролика с Youtube онлайн
Часть 16 - Делаем гиф анимацию онлайн
Часть 17 - Как сделать схему на Лиру

Всем здравствуйте...)) Сегодня я подскажу вам, как восстановить свои коллажи, рамки, картинки, если они пропали по причине санкций против России и удалению наших картинок с фотохостингов. Я буду восстанавливать рамку от Эльвира_Павлова, которая находится тут

Серия сообщений "Подсказки от Любашки":

Часть 1 - Восстанавливаем свои работы
Часть 2 - Про Rutube и код с него для Лиру
Часть 3 - Как скачать видео с Rutube и выделить музыкальный файл
Часть 4 - Всё про Дзен Яндекс
Часть 5 - Как на Дзене сделать статью, пост и вставить видео
Часть 6 - Как скачать видео на комп с Дзена