Генератор HTML кода цвета по картинке.

Дорогие друзья! Сегодня хочу Вас познакомить с очень удобным генератором HTML кода цвета! Особенно он будет полезен тем, кто подбирает фон к картинке, а также для тех кто делает схемы дизайна дневника. Есть множество генераторов в который загружаешь картинку и он выдаст эN..ое количество кодов и расцветок. Этот генератор удобен тем, что наведя на картинку, а именно на тот тон на картинке, какой вам нужен - он тут же выдаст код этого цвета. Для этого Вам нужно загрузить картинку, А там уже всё понятно.))) ЗАХОДИМ

">

Генератор Текстовой Графики


Красивым шрифтом - https://online-letters.ru/
Русские шрифты - https://www.fonts-online.ru/fonts/russian?page=4
Надпись разными шрифтами и символами для соцсетей - https://mtextsymbol.com/
Надпись, логотип красивым шрифтом - https://textdrom.com/
Текст с тенью - https://textdrom.com/shadow-text.html
Генератор шрифтов онлайн - https://fontsme.ru/
Генератор Шрифтов Copy - https://lingojam.com/Copy%26PasteFonts
Текст на картинке - https://mumotiki.ru/imagequote/add
Создать надпись на фото онлайн - https://imageshost.ru/photo-editor/
Текст и Логотип на фото - https://watermarkly.com/ru/add-text-to-photo/
Генератор текста - https://www.messletters.com/ru/
Написать красиво - https://www.vip-nickname.ru/napisat_krasivo_onlayn/
Генерация рукописных текстов - https://handwritter.ru/
Текстовые эффекты шрифты и анимации - https://gfto.ru/
Онлайн генерация надписей красивым шрифтом - https://online-letters.ru/
lolMixer - добавление надписей на картинки - https://lolkot.ru/lolmixer/
Каталог надписей с эффектами - https://segoodme.com/stock/
Как написать красиво текст (онлайн) -
https://ocomp.info/kak-napisat-krasivo-tekst.html
Красивый шрифт - https://it-doc.info/krasivyj-shrift-onlajn-napisat-im-tekst-onlajn/
Красивые логотипы - https://flamingtext.com/
Классный Генератор Текстовой Графики - https://cooltext.com/
Создайте свой собственный логотип - https://www.textfx.co/index.php
Просто нажмите на символ для копирования - https://coolsymbol.com/
ТОП-10 Онлайн-сервисов чтобы сделать Красивый текст -
https://geekhacker.ru/tekst-krasivo-onlajn/
Онлайн редактор - https://fotoump.ru/
Шрифты для тату - http://vse-o-tattoo.ru/tatu-shrift
https://tattoografika.com/font/
Бесплатные шрифты - https://ffont.ru/fonts/favorites

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА. Часто мы видим, как под рамкой или под картинкой стоит окошко с кодом рамки или картинки и не задумываемся над тем, что это такое и как это сделать. Сделать самим такое окошко совсем не сложно. Код <textarea rows="1" cols="20">Код рамочки</textarea>ПРОДОЛЖЕНИЕ ТУТ... Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Дневник Nataliya_Bezyshko

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Зимние рамочки для текста,стихов и притчей.

Дорогие мои друзья и читатели, спасибо огромное за комментарии и Ваши просьбы сделать простые зимние рамочки с анимацией..Сегодня я снова выставила несколько штук, а делала их всю неделю по вечерам , потому что практически нет времени..Ведь я ещё работаю и всё также есть командировки...
Как и раньше я советую вам сделать самим такие рамочки.Скелет рамочки и как это сделать вы найдёте в одном из постов с рамочками.. Просто пройдите по ссылке здесь и тут вы найдёте в первом комментарии все объяснения..
Дерзайте, мои милые,ставьте там свои ники авторства.. Я ни на что не предентую,потому что коды брала из интернета, картинки тоже из интернета,обрезала в интернете и т.д.,(не моё это)))) и составляла форму рамочек.. Тем более я никогда никого не проверяю и не осуждаю..Так что не бойтесь меня..Смеюсь..А то в личке несколько извинений.. Даже не переживайте..Всё нормально..
Комментарии открыты,но отвечать сразу не смогу..Сами понимаете ....из-за политики в Европе у нас сильнейшая напряжёнка..Насторение ноль, а работать надо.. Обнимаю всех.
Ваша Ольга (Schamada)

***ВАШ ТЕКСТ***ваш текст***

<center><table style="width: 550px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000;" background="https://www.yapfiles.ru/files/3286572/55.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table width="550" height="260" style="border:0px none #000000;-webkit-box-shadow: inset 0px 0px 20px 9px rgba(0,0,0,0.79);-moz-box-shadow: inset 0px 0px 20px 9px rgba(0,0,0,0.79);box-shadow: inset 0px 0px 20px 9px rgba(0,0,0,0.79);" background="https://www.yapfiles.ru/files/3285855/1547216813_rulezt_info20190110201727.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="550" height="260" style="" background="" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"></td></tr></table></td></tr></table><br /> <center><fieldset style=" width: 500px; border:3px #A33F0D double; padding: 3px;background-image:#; box-shadow: 0px 0px 3px #000;"><center><span style="font-family:Beltheder Decol;color:#F7CB68;font-size:22px;text-shadow: -1px -1px 1px #000000;"><br /> ***ВАШ ТЕКСТ***ваш текст***<br /> </span></center></fieldset><center><a title="SCHAMADA****ник не стирать" href="https://www.liveinternet.ru/users/schamada/" target="_blank"><img src="https://www.yapfiles.ru/files/2843981/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" border="0" alt="133400099_0_9c78b_b08106dc_S" /></a></center></center></td></tr></table></center>

ПЕРЕПОСТ. ОБРАЩЕНИЕ. Пятница, 07 Марта 2025 г. от mimozochka

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА. Часто мы видим, как под рамкой или под картинкой стоит окошко с кодом рамки или картинки и не задумываемся над тем, что это такое и как это сделать. Сделать самим такое окошко совсем не сложно. Код <textarea rows="1" cols="20">Код рамочки</textarea>ПРОДОЛЖЕНИЕ ТУТ... Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Дневник Nataliya_Bezyshko

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

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

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 6 - Урок 4. Делаем вместе рамочку из 6-х слоев
Часть 7 - Урок 5. Делаем вместе рамку с уголками.
Часть 8 - ДЕЛАЕМ ОКОШКО ДЛЯ КОДА.
Часть 9 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.
Часть 10 - Делаем сами музыкальную открытку.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

МНОГОСЛОЙНЫЙ ОБЪЁМНЫЙ ШРИФТ...

Очень красивым получается текст при использовании данного кода объёмного шрифта:

ТАКОЙ КРАСИВЫЙ ТЕКСТ!

Здесь основной цвет — color: #800080

КОД ШРИФТА: <p style="font:bold 3em Arial,sans-serif;color: #ОСНОВНОЙ ЦВЕТ ШРИФТА;text-shadow: #cad5e2 1px 1px 0, #осн.цв. 2px 2px 0, #cad5e2 3px 3px 0, #осн.цв. 4px 4px 0, #cad5e2 5px 5px 0;align=">***ВАШ ТЕКСТ***</p>

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

Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 13 - Цветовой круг/Цветовые схемы Adobe Color CC
Часть 14 - Имена широко используемых цветов. Таблица № 3...
Часть 15 - МНОГОСЛОЙНЫЙ ОБЪЁМНЫЙ ШРИФТ...
Часть 16 - Беда - не беда, но выход всё же есть (про генератор промотки текста)
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

Пишем словно золотом..

Где-то там, где-то там, где-то там далеко, Где цветут эдельвейсы в горах высоко, Там, где неба бездонный светящийся свод, Там где, чайки высокий и вольный полет.... там живут мои сны, там, в ночной тишине чья-то тихая песня звучит обо мне. автор стихотворения - Дарья Яшенко - "У Самовара" + Вера Паничкина - это тоже Я

КОД ШРИФТА: <span style="font-family:Calibri (Основной текст);color:#836600;font-size:20px;text-shadow:1px 1px 1px #FFE0AB;"><strong>ВАШ ТЕКСТ</strong></span>.

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

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

Объёмный текст без фотошоп...

Красивый Текст

Иногда очень хочется оригинально оформить оглавление (название) своего поста. На сайте "Шпаргалка блогера" познакомилась с приведенными ниже видами красивого оформления текста. Я, правда, ещё не все уразумела, поэтому делюсь с вами тем, что поняла и освоила.

Свойство text-shadow:1px1px1px#000 имеет четыре параметра:

X Y амплитуда цвет

X - горизонтальное смещение тени к тексту (положительное значение - вправо, отрицательное - влево),

Y - вертикально смещение тени к тексту (положительное - вниз, отрицательно - вверх),

амплитуда - чем выше значение, тем больше степень размытия,
#000 - цвет тени.
Можно добавить две и более тени через запятую.

Смотрите дальше
Источник"У Самовара" + Вера Паничкина - это тоже Я

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

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

Как сделать свою, оригинальную кнопочку, для ссылок на сайты, в ЭДИТОРЕ

Сегодня я покажу как можно сделать свою, оригинальную кнопочку, для бродилок, банеров, и просто ссылок на сайты, в ЭДИТОРЕ. Делается это легко и просто.

                                

Настройка *Ленты Друзей* Урок Arnusha Может кому пригодиться. Я так настроила и мне нравиться.

Настройка *Ленты Друзей* Урок

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

Cайты для музыкальных открыток

Cайты для музыкальных открыток и видео с ии и без: .Add Music to Photo - https://www.addmusictophoto.com/ .Add Music to GIF - VEED - https://www.veed.io/tools/add-audio-to-video/add-music-to-gif .Add music to GIF - CANVA - https://www.canva.com/features/add-music-to-gif/ .Add Audio to GIF - KAPWING - https://www.kapwing.com/tools/add-audio/gif .Add Audio to GIF - CLIDEO - https://clideo.com/add-music-to-gif .Add music to your GIFs - echowave.io - https://echowave.io/tools/add-audio-to-video/add-music-to-gif/ .Наложить музыку на гиф - Видеоредактор.ru - https://videoredaktor.ru/a/nalozhit-muzyku-na-gif .Видеоэффекты - pixiko.com - https://pixiko.com/ru/tools .Как превратить MP4 в GIF - AnyMP4 Video Converter Ultimate - https://www.anymp4.com/ru/converter/turn-mp4-into-gif.html .Что такое Music Video GIF и как добавить музыку в GIF-файлы? - Filmora - https://filmora.wondershare.com.ru/animation-tips/music-video-gif.html .Создайте анимационные видео онлайн - Renderforest.com - https://www.renderforest.com/ru/animation-videos .Поиск в Google - https://www.google.com/search?q=put+music+to+a+gif...iwAgE&sourceid=chrome&ie=UTF-8   Mariea

Скачивание видео и аудио

Скачайте видео и аудио с YouTube  y2mate.com Онлайн YouTube Video Downloader Y2mate позволяет конвертировать видео с YouTube, Facebook, видео, Dailymotion, Youku и т.д. в MP3, MP4 в HD. Y2mate поддерживает загрузку всех видео форматов, таких как: MP4, M4V, 3GP, WMV, FLV, MO, MP3, WebM и т.д. Вы можете легко скачать бесплатно тысячи видео с YouTube и других веб-сайтов.   Совет: Вставьте «pp» после слова "youtube" в ссылке, чтобы загрузить видео и MP3 с YouTube самым быстрым способом. Mariea@mmg https://www.y2mate.com/ru871

Основы HTML
 

По- моему это очень нужный материал.И  изучать его никогда не поздно.Здесь всё подробно описано,как правильно всё оформлять. Вы ,наверное,знаете уже что такое HTML,если нет то : HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.

Переходим сюда  html-exp.narod.ru/base.htm и обучаемся.

ШРИФТЫ С КОДАМИ

ШРИФТЫ С КОДАМИ
Собирала шрифты для себя, но решила поделиться со своими друзьями, может кому пригодятся. Все составляющие можно менять: название шрифта, номер или название цвета, высоту текста на ваше усмотрение.

Белая береза
<font face="Monotype Corsiva" size="+4" color="fuchsia"> Белая береза</font>

Под моим окном
<font face="Georgia" size="+4" color="Blue">Под моим окном</font>

Принакрылась снегом
<font face="MS Mincho" size="+4" color="Red">Принакрылась снегом</font>

Точно серебром
<a><font face="Impact" size="+4" color="Lime">Точно серебром</font></a>

ПОЗДРАВЛЯЮ!
<font face="Goudy Stout" size="7"><font color="#9933FF">П</font><font color="#CC00FF">О</font><font color="#FF99FF">З</font><font color="#FFCCFF">Д</font><font color="#CC0099">Р</font><font color="#FFCCFF">А</font><font color="#CC0099">В</font><font color="#9900FF">Л</font><font color="#9933FF">Я</font><font color="#0099D9">Ю</font><font color="#CC00FF">!</font></font>

СпАсИбО!
<font face="Emmett" size="7"><font color="#CCFFFF">С</font><font color="#00FF99">п</font><font color="#00FF00">А</font><font color="#99FF00">с</font><font color="#CCFF33">И</font></font><font color="#CCFFFF">б</font><font color="#00FF99">О</font><font color="#00FF00">!</font>

Приятного вечера!
<font face="Comic Sans MS" size="+4" color="fuchsia"> С Приятного вечера!</font>

С Добрым утром!
<font face="Courier New" size="+4" color="Navy"> С Добрым утром!</font>

Спокойной ночи.
<font face="Garamond" size="+4" color="Purple"> С Спокойной ночи.</font>

ПОЗДРАВЛЯЮ!
<font face="System" size="+6" color="Red"> С ПОЗДРАВЛЯЮ!</font>

Благодарю!
<font face="Wingding" size="+4" color="Violet">Благодарю!</font>


Спокойной ночи.
<font face="Tahoma" size="+3" color="Blue">Спокойной ночи.</font>

Спокойной ночи.
<font face="Verdana" size="+3" color="Green">Спокойной ночи.</font>

Спокойной ночи.
<font face="Arial" size="+3" color="Fuchsia">Спокойной ночи.</font>

Спокойной ночи.
<font face="Trebuchet MS" size="+3" color="Aqua">Спокойной ночи.</font>

Спокойной ночи.
<font face="Times" size="+4" color="Navy">Спокойной ночи.</font>

Привет подружка!
<font face="Garamond" color="Green" style="font-size:40px"><i><b>Привет подружка!</b></i></font>

Прекрасного утра!
<a><font face="Comic Sans MS" color="#C71585" style="font-size:40px"><i><b>Прекрасного утра!</b></i></font></a>


Благодарю!
<a><font face="Wingding" color="#1E90FF" style="font-size:40px"><i><b>Благодарю!</b></i></font></a>

МОЛОДЕЦ!
<a><font face="Tahoma" color="#00FFFF" style="font-size:40px"><i><b>МОЛОДЕЦ!</b></i></font></a>

С началом лета!
<a><font face="Wingding" color="#00FF00" style="font-size:40px"><i><b>С началом лета!</b></i></font></a>

Какая красота!
<a><font face="Monotype Corsiva" color="#FF00FF" style="font-size:40px"><i><b>Какая красота!</b></i></font></a>

Просто прелесть!
<a><font face="System" color="#FFFF00" style="font-size:40px"><i><b>Просто прелесть!</b></i></font></a>

Чудесный пост!
<a><font face="Times New Roman" color="#00FA9A" style="font-size:40px"><i><b>Чудесный пост!</b></i></font></a>

Доброй ночи!
<a><font face="Courier New" color="#9400D3" style="font-size:40px"><i><b>Доброй ночи!</b></i></font></a>

Полезные ссылки из дневника Жанны Николаевны

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

Далее...

Создаем плеер с нужной картинкой

Можно ли самому сделать вот такой плеер, но со своей картинкой? Конечно, можно, причем достаточно просто.

Далее...

Как выложить видео из Рутубе на ЛиРу

 

Как выложить видео из Рутубе на ЛиРу

Я узнала, что многие не могут вставить в пост видео с Рутубе. На самом деле сделать это очень просто. 

Нужно кликнуть прямо по видео на Рутубе, в выпавшем списке выбрать строку

"Скопировать код для вставки плеера".

 

Скопированный код вставить в редактор и сохранить в черновик. Не пугайтесь - вначале

вы не увидите ваш плеер. Нужно нажать

"Редактировать", и в полученном коде удалить слово play/ 

Далее "Сохранить изменения". Все, ваше видео у вас в дневнике!

 

[iflash=720,405,https://rutube.ru/play/embed/7c6d297e76438933076e031df615d2fe] 

 

Готовый код для ЛиРу будет выглядеть так:

[iflash=720,405,https://rutube.ru/embed/7c6d297e76438933076e031df615d2fe] 

 

Можно, конечно, удалить play/ сразу, как только вставите его в черновик,

но для кого-то это будет сложно, а так - проще, понятней. Успехов всем!