Код для выкладывания видео с РУТУБ в свой дневник.

Воскресенье, 03 Августа 2025 г. 19:21 + в цитатник
Это цитата сообщения Belenaya [Прочитать целиком + В свой цитатник или сообщество!]

Код для выкладывания видео с РУТУБ в свой дневник.

iflash=640,369,https://rutube.ru/embed/ссылка на видео

ПРОСТО ЗАКЛЮЧИТЕ КОД В КВАДРАТНЫЕ КАВЫЧКИ
[ левая - правая ] И ВСТАВЬТЕ ССЫЛКУ НА ВИДЕО

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post507857974/">Р“РµРЅРµСЂР°С‚РѕСЂС‹ С†РІРµС‚Р°,РѕС‚С‚РµРЅРєР° Рё РіСЂР°РґРёРµРЅС‚Р°.</a> Р“РµРЅРµСЂР°С‚РѕСЂС‹ С†РІРµС‚Р°,РѕС‚С‚РµРЅРєР° Рё РіСЂР°РґРёРµРЅС‚Р°.

Р“РµРЅРµСЂР°С‚РѕСЂС‹Р”РѕСЂРѕРіРёРµ РґСЂСѓР·СЊСЏ Рё С‡РёС‚Р°С‚РµР»Рё,СЃРµРіРѕРґРЅСЏ С…РѕС‡Сѓ РїРѕР·РЅР°РєРѕРјРёС‚СЊ РІР°СЃ  СЃ РµС‰С‘ РѕРґРЅРёРј РіРµРЅРµСЂР°С‚РѕСЂРѕРј СЃРѕСЃС‚Р°РІР»РµРЅРёСЏ С†РІРµС‚Р° Рё РѕС‚С‚РµРЅРєРѕРІ СЃ РєРѕРґР°РјРё HTML (HEX),RGB, CMYK, HSL Рё HSV.
РўР°Рј РЅР°РїРёСЃР°РЅРѕ "РџРѕРїСЂРѕР±РѕРІР°С‚СЊ Р±РµСЃРїР»Р°С‚РЅРѕ,РЅРѕ РґРѕ СЃРёС… РїРѕСЂ,Р° РїРѕР»СЊР·СѓСЋСЃСЊ РёРј СЃ СЃР°РјРѕРіРѕ РЅР°С‡Р°Р»Р°, СЏ РЅРµ Р·Р°СЂРµРіРёСЃС‚СЂРёСЂРѕРІР°РЅР° Рё РїРѕР»СЊР·СѓСЋСЃСЊ Р±РµСЃРїР»Р°С‚РЅРѕ..))))  РњРЅРµ РѕРЅ РѕС‡РµРЅСЊ РїРѕРјРѕРіР°РµС‚, РјРѕР¶РµС‚ Р±С‹С‚СЊ Рё РІР°Рј РїСЂРёРіРѕРґРёС‚СЃСЏ,..РЎР°Р№С‚ РЅР°Р·С‹РІР°РµС‚СЃСЏ Gradients APP(РєР»РёРєР°С‚СЊ РєСѓСЂСЃРѕСЂРѕРј РјС‹С€РєРё РЅР° РЅР°Р·РІР°РЅРёРµ Р±РѕСЂРґРѕРІС‹Рј С†РІРµС‚РѕРј)

Р¦РІРµС‚РѕРІРѕР№ РєРѕРґ - СЌС‚Рѕ СЃРёСЃС‚РµРјР°, РєРѕС‚РѕСЂР°СЏ РёСЃРїРѕР»СЊР·СѓРµС‚СЃСЏ РґР»СЏ РѕРїСЂРµРґРµР»РµРЅРёСЏ С†РІРµС‚Р°, РёСЃРїРѕР»СЊР·СѓСЏ РѕРїСЂРµРґРµР»РµРЅРЅС‹Рµ С†РёС„СЂС‹, Р±СѓРєРІС‹ РёР»Рё СЃРёРјРІРѕР»С‹. РќР°РїСЂРё... <a href="https://www.liveinternet.ru/users/5222810/post507857974/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Генераторы цвета,оттенка и градиента.

Среда, 09 Октября 2024 г. 13:50 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Генераторы цвета,оттенка и градиента.

ГенераторыДорогие друзья и читатели,сегодня хочу познакомить вас с ещё одним генератором составления цвета и оттенков с кодами HTML (HEX),RGB, CMYK, HSL и HSV.
Там написано "Попробовать бесплатно,но до сих пор,а пользуюсь им с самого начала, я не зарегистрирована и пользуюсь бесплатно..)))) Мне он очень помогает, может быть и вам пригодится,..Сайт называется Gradients APP(кликать курсором мышки на название бордовым цветом)

Цветовой код - это система, которая используется для определения цвета, используя определенные цифры, буквы или символы. Например, RGB-код используется для определения цвета в режиме красный-зеленый-синий, где каждый цвет может быть представлен числом от 0 до 255. HEX-код (HTML) используется для определения цвета в шестнадцатеричной системе, где цвет представлен комбинацией шести символов, состоящих из цифр и букв от A до F.
* Слева палитра стандартного цвета

Таблица цвета HTML
Вы можете копировать код цвета и внести там,где он вам нужен.

*Генератор цвета
Преобразование цветового кода между форматами HTML, RGB, CMYK, HSL и HSV. Калькулятор цветовых систем.
Изменения значения цветов в любой цветовой системе.
*Генератор капли
Генератор капли или кляксы создаст случайные формы (blobs) с градиентами, сплошной заливкой или контуром.
*Цвет пикселя на картинке онлайн
Инструмент пипетка определяет цвет пикселя загруженной картинки. Вы можете составить палитру выбранных на картинке цветов.
Определение цветовой схемы на любой фотографии или картинки в пикселях.
*Автоматический подбор цветов по фото и картинкам.
Загрузите изображение, определите схему из 10 основных цветов и посмотрите, как они сочетаются на вашей страничке. Подбирайте подходящие оттенки и используйте в своих проектах.Определить цветовую палитру по фото,мне помогает при составлении дизайна дневника.
*Генератор составления определённого оттенка на основе стандартного цвета.
Введите цвет HTML (HEX), RGB или выберите значение цвета пипеткой. Узнайте информацию о цвете и похожих цветах. Нажмите на цвет для большей информации.
*Генератор сочетаний цветов текста и фона
Оооо, это просто волшебный генератор.У меня проблемы при подборки цвета на фонах при составлении схем дизайна дневника.Он помогает мне..там же генератор пишет насколько цвет подходит к фону и даже к заголовкам.

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post500186791/">РџСЂРёРјРµСЂС‹ Рё РєРѕРґС‹ С‚РµРєСЃС‚Р° СЃ С‚РµРЅСЊСЋ</a> РџСЂРёРјРµСЂС‹ Рё РєРѕРґС‹ С‚РµРєСЃС‚Р° СЃ С‚РµРЅСЊСЋ

Р”Р»СЏ РїСЂРѕСЃРјРѕС‚СЂР° РёСЃРїРѕР»СЊР·СѓР№С‚Рµ РїСЂРѕРєСЂСѓС‚РєСѓ СЃРїСЂР°РІР°.
РџРѕРЅСЂР°РІРёР»СЃСЏ РјРЅРµ СЃРµРіРѕРґРЅСЏ С‚РµРєСЃС‚ Сѓ РѕРґРЅРѕР№ РґР°РјС‹ РІ СЂР°РјРѕС‡РєРµ, СЃРїСЂРѕСЃРёР»Р°, 
РєР°Рє РїРёС€РµС‚СЃСЏ - РѕС‚РІРµС‚РёР»Рё-"Р‘С‹Р» РІ С„РѕСЂРјСѓР»Рµ СЂР°РјРѕС‡РєРё...."
РќР°С€Р»Р° СЏ СЃР°Р№С‚ РїРѕ СЏРЅРґРµРєСЃСѓ, 
РїРѕСЃС‚ СЃРґРµР»Р°Р»Р° СЃ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРµРј СЃРєСЂРёРїС‚РѕРІ СЃ РЅРµРіРѕ.
РЇ СЂР°РјРѕС‡РєРё РЅРµ РґРµР»Р°СЋ, РѕС‚РІС‹РєР»Р° РѕС‚ РЅРёС…, 
РЅРѕ РґР»СЏ РЅР°Р·РІР°РЅРёР№ РїРѕСЃС‚РѕРІ РѕС‡РµРЅСЊ РґР°Р¶Рµ РїСЂРёРіРѕРґРёС‚СЃСЏ!

РЎРІРѕР№СЃС‚РІРѕ CSS text-shadow.
Р’ РґР°РЅРЅРѕРµ РІСЂРµРјСЏ РЅРµ РїРѕРґРґРµСЂР¶РёРІР°РµС‚СЃСЏ Internet Explorer. 
РЎРІРѕР№СЃС‚РІРѕ РёРјРµРµС‚ С‡РµС‚С‹СЂРµ РїР°СЂР°РјРµС‚СЂР°:
text-shadow: X Y Р°РјРїР»РёС‚СѓРґР° С†РІРµС‚;X - РіРѕСЂРёР·РѕРЅС‚Р°Р»СЊРЅРѕРµ СЃРјРµС‰РµРЅРёРµ С‚РµРЅРё Рє С‚РµРєСЃС‚Сѓ (РїРѕР»РѕР¶РёС‚РµР»СЊРЅРѕРµ Р·РЅР°С‡РµРЅРёРµ - РІРїСЂР°РІРѕ, РѕС‚СЂРёС†Р°С‚РµР»СЊРЅРѕРµ - РІР»РµРІ... <a href="https://www.liveinternet.ru/users/5222810/post500186791/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Примеры и коды текста с тенью

Среда, 12 Июля 2023 г. 23:08 + в цитатник
Это цитата сообщения Irina_Gizhdeu [Прочитать целиком + В свой цитатник или сообщество!]

Примеры и коды текста с тенью

Для просмотра используйте прокрутку справа.

Понравился мне сегодня текст у одной дамы в рамочке, спросила,
как пишется - ответили-"Был в формуле рамочки...."
Нашла я сайт по яндексу,
пост сделала с использованием скриптов с него.
Я рамочки не делаю, отвыкла от них,
но для названий постов очень даже пригодится!

Свойство CSS text-shadow.

В данное время не поддерживается Internet Explorer.
Свойство имеет четыре параметра:

text-shadow: X Y амплитуда цвет;

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

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

амплитуда - чем выше значение, тем больше степень размытия,

очевидно, цвет тени.

Образцы текста с сайта(скрины)

Готовые коды текста(я составила по образцам)

CSS тень текста

Тень на тёмном фоне

Фон и текст одного цвета

Затемнение

Обтекаемый

Shpargalkablog.ru

Много оттенков

Контур

Вдавленный

Объёмный

RETRO

Слоёный - 1

Слоёный - 2

Серия сообщений "HTML":

Часть 1 - 33 полезные кнопочки
Часть 2 - сайты для оформления блога и днева
...
Часть 46 - МОИ ПОДПИСИ на Лирушке + КУРСОРЫ(вверху)+Мои рамочки(много)+HTML
Часть 47 - "КАК ПЕРЕНЕСТИ ЗАПИСИ из БЛОГА в ДНЕВНИК"
Часть 48 - Примеры и коды текста с тенью
Часть 49 - Странички майла(по 35 штук)

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post498073471/">8 СЂР°РјРѕС‡РµРє-РѕС‚РєСЂС‹С‚РѕРє Рє РґРЅСЋ Р’Р»СЋР±Р»С‘РЅРЅС‹С… РѕС‚ Schamada.</a> 8 СЂР°РјРѕС‡РµРє-РѕС‚РєСЂС‹С‚РѕРє Рє РґРЅСЋ Р’Р»СЋР±Р»С‘РЅРЅС‹С….

Р’РђРЁ РљР РђРЎРР’Р«Р™ РўР•РљРЎРў
***РІР°С€ С‚РµРєСЃС‚***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ РІ С‚РѕРј СЃР»СѓС‡Р°Рµ,
РµСЃР»Рё Р’С‹ РІСЃС‚Р°РІРёС‚Рµ Р±РѕР»СЊС€РѕР№ С‚РµРєСЃС‚.

[more=]

Р’РђРЁ РљР РђРЎРР’Р«Р™ РўР•РљРЎРў
***РІР°С€ С‚РµРєСЃС‚***
РџСЂРѕРєСЂСѓС‚РєР° РїРѕСЏРІРёС‚СЃСЏ РІ С‚РѕРј СЃР»СѓС‡Р°Рµ,
РµСЃР»Рё Р’С‹ РІСЃС‚Р°РІРёС‚Рµ Р±РѕР»СЊС€РѕР№ С‚РµРєСЃС‚.

Р’Рђ... <a href="https://www.liveinternet.ru/users/5222810/post498073471/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

8 рамочек-открыток к дню Влюблённых от Schamada.

Пятница, 10 Февраля 2023 г. 23:29 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

8 рамочек-открыток к дню Влюблённых.

ВАШ КРАСИВЫЙ ТЕКСТ
***ваш текст***
Прокрутка появится в том случае,
если Вы вставите большой текст.

<center><table style="width: 680px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="https://www.yapfiles.ru/files/2876701/lovevalentinesdayheartdecorationswallpaperpreview.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url(''); " cellspacing="0" cellpadding="0" width="680"><tr><td style="padding: 0px" zzz="zzz" align=""><div style="float:left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><table width="300" height="420" style=" " background="" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align=""></td></tr></table></div><table style="background-image: url('https://www.yapfiles.ru/files/2876699/333333.png'); " cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><div style="width:450; height: 380px; margin-top: 0px; overflow: auto"><span style="font-family:Georgia ;color:#1B0804;font-size:19px;text-shadow: 1px 1px 1px #4E4546;"><br />
ВАШ КРАСИВЫЙ ТЕКСТ<br />
***ваш текст***<br />
Прокрутка появится в том случае,<br />
если Вы вставите большой текст.<br />
</span></div></td></tr></table><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></td></tr></table></center></td></tr></table></center>

Рубрики:

Работы друзей/рамочки
Коды

Метки: рамочка друзей коды

Урок. Обводка поста рамочкой

Среда, 01 Февраля 2023 г. 22:11 + в цитатник
Это цитата сообщения EFACHKA [Прочитать целиком + В свой цитатник или сообщество!]

Урок. Обводка поста рамочкой

Если вас устраивает тот фон который есть у вас на страничке, а пост просто хочется как-то выделить, можно выделить рамкой, а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.
Копируем код и вставляем к себе в блог в редакторе CKEditor, предварительно нажав на "источник". Вставили, нажимаем еще раз на "источник" и получаем рамочку.

Там где написано ВАШ ТЕКСТ- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значок #,он обозначает цвет #FFFACD и меняем цвет на тот, который подходит вам (вставляете код цвета после #)
Выбираем цвет - здесь в таблице цветов.

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

Рубрики:

Коды

Метки: коды

Зимние рамочки для текста и стихов от Schamada

Вторник, 17 Января 2023 г. 14:50 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Зимние рамочки для текста и стихов от Schamada

Рамочки составлены из кодов HTML (не фотошоп)
Обои и картинки для рамочек взяты из простора интернета в свободном доступе.

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

<center><table style="width: 640px; 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/2859400/333.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table width="600" height="380" 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/2859399/899.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table width="640" height="350" style="" background="https://www.yapfiles.ru/files/2859402/3nRI.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"></td></tr></table></td></tr></table><br />
<center><fieldset style=" width: 600px; border:3px #fff double; padding: 3px;background-image:#; box-shadow: 0px 0px 3px #000;"><center><span style="font-family:Beltheder Decol;color:#fff;font-size:20px;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>

Рубрики:

Работы друзей/рамочки
Работы друзей/разное
Коды

Метки: коды рамочка друзей

<a href="https://www.liveinternet.ru/users/5222810/post488486454/">РљР°Рє СЂР°Р·Р±РёС‚СЊ С‚РµРєСЃС‚ РЅР° 2 РєРѕР»РѕРЅРєРё HTML </a> РљР°Рє СЂР°Р·Р±РёС‚СЊ С‚РµРєСЃС‚ РЅР° 2 РєРѕР»РѕРЅРєРё HTML

Р”Р»СЏ С‚РѕРіРѕ, С‡С‚РѕР±С‹ СЃРґРµР»Р°С‚СЊ СЃРІРѕСЋ Р·Р°РїРёСЃСЊ Р±РѕР»РµРµ РєРѕРјРїР°РєС‚РЅРѕР№, РјРѕР¶РЅРѕ СЂР°Р·Р±РёС‚СЊ РµРµ РЅР° 2 СЃС‚РѕР»Р±С†Р°, РёР»Рё РєРѕР»РѕРЅРєРё.

РўРІРѕСЂРё РІРѕ РёРјСЏ
 СЃРІРµС‚Р° Рё Р»СЋР±РІРё,
РќР° РїРѕРјРѕС‰СЊ РґСЂСѓР¶Р±Сѓ,
 РІРµСЂРЅРѕСЃС‚СЊ РїРѕР·РѕРІРё.
Р РµСЃР»Рё С‚С‹ РІ РїСѓС‚Рё
 СЃРІРѕРµРј РѕСЃР»Р°Р±?РўРѕ Р·РЅР°Р№ - РІС‹СЃРѕРєРёР№ РґСѓС…
 РєСЂС‹Р»Р°С‚.
РќР° РґСЂСѓР¶Р±Сѓ РІРµСЂРЅСѓСЋ 
СЃРїРѕСЃРѕР±РµРЅ С‚РѕР»СЊРєРѕ С‚РѕС‚,
РљС‚Рѕ СЃРІРµС‚ РґСѓС€Рё РІРµСЃСЊ
 Р»СЋРґСЏРј РѕС‚РґР°РµС‚.

Р”РѕСЃС‚РёС‡СЊ
 СЌС‚РѕРіРѕ РјРѕР¶РЅРѕ
 РїСЂРё РїРѕРјРѕС‰Рё С‚РµРіР° (div):
РїРѕРґСЃС‚Р°РІР»СЏРµРј 
С‚РµРєСЃС‚ РїСЂР°РІРѕР№
 Рё Р»РµРІРѕР№ РєРѕР»РѕРЅРѕРє 
РІ СЃР»РµРґСѓСЋС‰СѓСЋ 
С„РѕСЂРјСѓР»Сѓ:

РўРµРєСЃС‚ Р»РµРІРѕР№ РєРѕР»РѕРЅРєРёРўРµРєСЃС‚ РїСЂР°РІРѕР№ РєРѕР»РѕРЅРєРё

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "Р РђР‘РћРўРђ СЃ РўР•РљРЎРўРћРњ":

... <a href="https://www.liveinternet.ru/users/5222810/post488486454/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как разбить текст на 2 колонки HTML

Понедельник, 22 Ноября 2021 г. 11:51 + в цитатник
Это цитата сообщения Veta-z [Прочитать целиком + В свой цитатник или сообщество!]

Как разбить текст на 2 колонки HTML

Для того, чтобы сделать свою запись более компактной, можно разбить ее на 2 столбца, или колонки.

Твори во имя
света и любви,
На помощь дружбу,
верность позови.
И если ты в пути
своем ослаб?

То знай - высокий дух
крылат.
На дружбу верную
способен только тот,
Кто свет души весь
людям отдает.

Достичь
этого можно
при помощи тега (div):
подставляем
текст правой
и левой колонок
в следующую
формулу:

Серия сообщений "РАБОТА с ТЕКСТОМ":

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post487636885/">РџРѕР»РѕСЃРєРё РёР»Рё Р»РёРЅРёРё РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕР№ С‚РµРєСЃС‚ .</a> РџРѕР»РѕСЃРєРё РёР»Рё Р»РёРЅРёРё РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕР№ С‚РµРєСЃС‚ .

Р¤Р°РЅС‚Р°Р·РёСЏ Р±Р»РѕРіРµСЂРѕРІ-РґРёР·Р°Р№РЅРµСЂРѕРІ РЅРµ Р·РЅР°РµС‚ РіСЂР°РЅРёС†.. РљР°Р¶РґС‹Р№ СЂР°Р· РїСЂРёРґСѓРјС‹РІР°РµС‚СЃСЏ С‡С‚Рѕ-С‚Рѕ РЅРѕРІРѕРµ РѕС‚ С‡РµРіРѕ Р·Р°С…РІР°С‚С‹РІР°РµС‚ РґСѓС…..РЎРµРіРѕРґРЅСЏ СЏ РїСЂРµРґР»РѕР¶Сѓ РЅРµР·РЅР°С‡РёС‚РµР»СЊРЅС‹Р№, РЅРѕ РёРЅРѕРіРґР° РїСЂРёС…РѕРґСЏС‰РёР№ РІ РїРѕРјРѕС‰СЊ РЅР°Рј СѓСЂРѕРє. РўРµРјР°: "РџРѕР»РѕСЃРєРё"(Р»РёРЅРёРё)
РРЅРѕРіРґР° РїРѕР»РѕСЃРєР° РјРѕР¶РµС‚ РѕС‡РµРЅСЊ РґР°Р¶Рµ РєСЂР°СЃРёРІРѕ СѓРєСЂР°СЃРёС‚СЊ РЅР°С€ С‚РµРєСЃС‚, РЅР°РїСЂРёРјРµСЂ РІРјРµСЃС‚Рѕ СЂР°Р·РґРµР»РёС‚РµР»РµР№ РёР»Рё РїР°РЅРµР»РµР№ С‚РµРєСЃС‚Р°..РњРѕР¶РµС‚ РєРѕРјСѓ РёРЅС‚РµСЂРµСЃРЅРѕ? РњРЅРµ СЌС‚Рѕ Р±С‹Р»Рѕ РѕС‡РµРЅСЊ РёРЅС‚РµСЂРµСЃРЅРѕ.. Р—РґРµСЃСЊ С‚Рѕ, С‡С‚Рѕ СЏ Р·РЅР°СЋ.Р•СЃР»Рё Сѓ РІР°СЃ РµСЃС‚СЊ РµС‰С‘ РїСЂРµРґР»РѕР¶РµРЅРёСЏ РїРёС€РёС‚Рµ, СЏ РґРѕРїРёС€Сѓ РІ РїРѕСЃС‚ РѕС‚ РІР°С€РµРіРѕ РёРјРµРЅРё. РҐРѕС‡РµС‚СЃСЏ РїРѕР±РѕР»СЊС€Рµ РјР°РЅРёРїСѓР»СЏС†РёР№ СЃ РєРѕРґР°РјРё...

РџСЂРѕСЃС‚Р°СЏ РїСЂСЏРјР°СЏ РїРѕР»РѕСЃРєР° РЅР° РІСЃСЋ С€Рё... <a href="https://www.liveinternet.ru/users/5222810/post487636885/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Полоски или линии которыми можно украсить свой текст .

Среда, 20 Октября 2021 г. 13:22 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Полоски или линии которыми можно украсить свой текст .

Фантазия блогеров-дизайнеров не знает границ.. Каждый раз придумывается что-то новое от чего захватывает дух..Сегодня я предложу незначительный, но иногда приходящий в помощь нам урок. Тема: "Полоски"(линии)
Иногда полоска может очень даже красиво украсить наш текст, например вместо разделителей или панелей текста..Может кому интересно? Мне это было очень интересно.. Здесь то, что я знаю.Если у вас есть ещё предложения пишите, я допишу в пост от вашего имени. Хочется побольше манипуляций с кодами...

Простая прямая полоска на всю ширину вашей рамочки или текста, которая всегда серого цвета выглядит так:

<hr />

их можно сделать сразу 2 шт.,но ни размер,ни цвет и толщину полоски вы тут не измените.

<hr /><hr />

Видите, что они серого цвета?
А теперь я дам вам код, в котором можно менять цвет, толщину и длину полоски..

Рубрики:

пишем красиво
Коды

Метки: пишем красиво коды

<a href="https://www.liveinternet.ru/users/5222810/post482567699/">Р’СЃС‘ РґРµР»Рѕ РІ РєРѕРґР°С…</a> Р’СЃС‘ РґРµР»Рѕ РІ РєРѕРґР°С…

Р’СЃРµРј Р·РґСЂР°РІСЃС‚РІСѓР№С‚Рµ...

РЎРµРіРѕРґРЅСЏ СѓСЂРѕРє РґР»СЏ С‚РµС…, РєС‚Рѕ РґРµР»Р°РµС‚ СЂР°Р·СЂРµР·РЅС‹Рµ РёР»Рё С„РѕС‚РѕС€РѕРїРЅС‹Рµ СЂР°РјРѕС‡РєРё. Р”РµР»Рѕ РІ С‚РѕРј, С‡С‚Рѕ РЅРµСЃРєРѕР»СЊРєРѕ РґРЅРµР№ РЅР°Р·Р°Рґ РЅР° Р›РёСЂСѓ "СЃР»РѕРјР°Р»РёСЃСЊ" СЂР°РјРѕС‡РєРё, РЅРµ СЃС‚Р°Р»Рѕ РІРёРґРЅРѕ РІРµСЂС…РЅРµР№ РµС‘ С‡Р°СЃС‚Рё. Р РёРјРµРЅРЅРѕ РїРѕСЌС‚РѕРјСѓ СЏ СЃРµРіРѕРґРЅСЏ СЃРґРµР»Р°Р» РћРїСЂРѕСЃ РІ Р”РЅРµРІРЅРёРєРµ.

РћРїСЂРѕСЃ С‚СѓС‚

[more=]
Р’СЃРµ, РєС‚Рѕ РґРµР»Р°РµС‚ С„РѕС‚РѕС€РѕРїРЅС‹Рµ СЂР°РјРѕС‡РєРё Р·Р°РіСЂСѓР¶Р°СЋС‚ РёС… РёР»Рё С‡РµСЂРµР· РћР±Р·РѕСЂ Р›РёСЂСѓ РёР»Рё С‡РµСЂРµС… С…РѕСЃС‚РЅРіРё РєР°СЂС‚РёРЅРѕРє.
РќРѕ РѕРЅРё С‚СѓС‚ РЅРё РїСЂРё С‡С‘Рј...Р’СЃС‘ РґРµР»Р° РІ РєРѕРґРµ СЂР°РјРєРё...
РџРѕР»СЊР·РѕРІР°С‚РµР»Рё РїРѕР»СЊР·СѓСЋС‚СЃСЏ СЂР°Р·РЅС‹РјРё РєРѕРґР°РјРё РґР»СЏ СЂР°РјРѕС‡РµРє. Р Сѓ С‚РµС…, Сѓ РєРѕРіРѕ РїСЂРѕРїР°Р» РІРµСЂС… СЂР°РјРєРё, Сѓ С‚РµС… Рё СЃР»РѕРјР°Р»СЃСЏ СЌС‚РѕС‚ РєРѕРґ, СѓР¶ РЅРµ Р·РЅР°СЋ, РїРѕС‡РµРјСѓ... Рђ Сѓ С‚РµС…, Сѓ РєРѕРіРѕ СЂР°РјРєРё РІ... <a href="https://www.liveinternet.ru/users/5222810/post482567699/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Всё дело в кодах

Понедельник, 29 Марта 2021 г. 15:54 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Всё дело в кодах

Всем здравствуйте...

Сегодня урок для тех, кто делает разрезные или фотошопные рамочки. Дело в том, что несколько дней назад на Лиру "сломались" рамочки, не стало видно верхней её части. И именно поэтому я сегодня сделал Опрос в Дневнике.

Опрос тут

Прочитал сам - покажи другому!

Рубрики:

Уроки/разные
Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post477592161/">РџР»РµРµСЂ РґР»СЏ РІР°С€РёС… РїРѕСЃС‚РѕРІ СЃ html РєРѕРґРѕРј</a> РџР»РµРµСЂ РґР»СЏ РІР°С€РёС… РїРѕСЃС‚РѕРІ СЃ html РєРѕРґРѕРј

Р’СЃРµРј Р·РґСЂР°РІСЃС‚РІСѓР№С‚Рµ...

РџРѕСЃР»Рµ РјРѕРµРіРѕ РїСЂРѕСЃС‚Р° РїСЂРѕ Р’. РЎ. Р’С‹СЃРѕС†РєРѕРіРѕ, Сѓ РјРµРЅСЏ РїРѕРїСЂРѕСЃРёР»Рё РєРѕРґ РїР»РµРµСЂР°, РєРѕС‚РѕСЂС‹Р№ Р±С‹Р» РІ С‚РѕРј РїРѕСЃС‚Рµ. РЇ СЂРµС€РёР»Р° РЅРµ РІС‹СЃС‹Р»Р°С‚СЊ РµРіРѕ РІ РєРѕРјРјРµРЅС‚Р°СЂРёРё, Р° РїРѕРєР°Р·Р°С‚СЊ РІСЃРµРј, РІ РІРёРґРµ СѓСЂРѕРєР°, РјРѕР¶РµС‚ РєРѕРјСѓ РµС‰С‘ РїСЂРёРіРѕРґРёС‚СЃСЏ...)))

РљРѕРЅРµС‡РЅРѕ, С‚Р°РєРёРµ РїР»РµРµСЂР° Р±РѕР»СЊС€Рµ РїРѕРґС…РѕРґСЏС‚ РґР»СЏ С‚С‘РјРЅРѕРіРѕ С„РѕРЅР°, РЅРѕ РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ Рё РґР»СЏ СЃРІРµС‚Р»РѕРіРѕ, РІРµРґСЊ РІ РєРѕРґРµ РїР»РµРµСЂР° РјРѕР¶РЅРѕ РїРѕРјРµРЅСЏС‚СЊ С†РІРµС‚ РїР»РµРµСЂР°, С†РІРµС‚ РѕР±РІРѕРґРєРё, СЃРґРµР»Р°С‚СЊ РµРіРѕ Р·Р°РєСЂСѓРіР»С‘РЅРЅС‹Рј РёР»Рё РѕСЃС‚Р°РІРёС‚СЊ РїСЂСЏРјРѕСѓРіРѕР»СЊРЅС‹Рј.

РќРёР¶Рµ РІС‹ РІРёРґРёС‚Рµ РЅРµСЃРєРѕР»СЊРєРѕ РїР»РµРµСЂРѕРІ СЃ РїРµСЃРЅСЏРјРё, СЂР°Р·РЅРѕРіРѕ С†РІРµС‚Р°, СЂР°Р·РЅРѕРіРѕ РѕС„РѕСЂРјР»РµРЅРёСЏ, РїСЂРё РЅР°РІРµРґРµРЅРёРё РєСѓСЂСЃРѕСЂР° РЅР° РїР»РµРµСЂ РјРѕР¶РЅРѕ СѓРІРёРґРµС‚СЊ РЅ... <a href="https://www.liveinternet.ru/users/5222810/post477592161/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Плеер для ваших постов с html кодом

Четверг, 26 Ноября 2020 г. 23:12 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Плеер для ваших постов с html кодом

Всем здравствуйте...

После моего проста про В. С. Высоцкого, у меня попросили код плеера, который был в том посте. Я решила не высылать его в комментарии, а показать всем, в виде урока, может кому ещё пригодится...)))

Конечно, такие плеера больше подходят для тёмного фона, но можно сделать и для светлого, ведь в коде плеера можно поменять цвет плеера, цвет обводки, сделать его закруглённым или оставить прямоугольным.

Ниже вы видите несколько плееров с песнями, разного цвета, разного оформления, при наведении курсора на плеер можно увидеть название песни.

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post477250950/">РџРµСЂРµРІРѕРґРёРј С‚РµРєСЃС‚ СЃ РєР°СЂС‚РёРЅРєРё РѕРЅР»Р°Р№РЅ</a> РџРµСЂРµРІРѕРґРёРј С‚РµРєСЃС‚ СЃ РєР°СЂС‚РёРЅРєРё РѕРЅР»Р°Р№РЅ

РЈРІРµСЂРµРЅР°, С‡С‚Рѕ РјРЅРѕРіРёРµ РёР· РІР°СЃ, РЅР°Р№РґСЏ РєР°СЂС‚РёРЅРєСѓ РЅР° РёРЅРѕСЃС‚СЂР°РЅРЅРѕРј СЏР·С‹РєРµ, С…РѕС‚РµР» Р±С‹ СѓР·РЅР°С‚СЊ, С‡С‚Рѕ Р¶Рµ С‚Р°Рј РЅР°РїРёСЃР°РЅРѕ?))
РњРѕР¶РЅРѕ СѓР·РЅР°С‚СЊ СЃРїРѕСЃРѕР±РѕРј, РєРѕС‚РѕСЂС‹Р№ РёР·РІРµСЃС‚РµРЅ РІСЃРµРј - РѕС‚РєСЂС‹С‚СЊ Р»СЋР±РѕР№ РїРµСЂРµРІРѕРґС‡РёРє РѕРЅР»Р°Р№РЅ, РІСЂСѓС‡РЅСѓСЋ РЅР°РїРёСЃР°С‚СЊ С‚РѕС‚ С‚РµРєСЃС‚, С‡С‚Рѕ РµСЃС‚СЊ РЅР° РєР°СЂС‚РёРЅРєРµ Рё РїРµСЂРµРІРѕРґ РІР°Рј РѕР±РµСЃРїРµС‡РµРЅ. РќРѕ РїРёСЃР°С‚СЊ РѕС‚ СЂСѓРєРё РєР°Р¶РґСѓСЋ РєР°СЂС‚РёРЅРєСѓ, СЌС‚Рѕ РґРѕР»РіРѕ Рё РјСѓС‚РѕСЂРЅРѕ...))
Рђ РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РїРѕ РґСЂСѓРіРѕРјСѓ. Р—Р°Р№С‚Рё РЅР° РѕРЅР»Р°Р№РЅ СЃРµСЂРІРёСЃ, РіРґРµ С‚РµРєСЃС‚ СЃ РєР°СЂС‚РёРЅРєРё РјРѕР¶РЅРѕ РїРµСЂРµРІРµСЃС‚Рё Р°РІС‚РѕРјР°С‚РёС‡РµСЃРєРё.

[more=]
РљР»РёРє РЅР° РєР°СЂС‚РёРЅРєСѓ РЅРёР¶Рµ Рё РІС‹ РїРѕРїР°РґС‘С‚Рµ РЅР° РѕРЅР»Р°Р№РЅ СЃРµСЂРІРёСЃ РЇРЅРґРµРєСЃР°.

РџРѕРґРіРѕС‚РѕРІСЊС‚Рµ РєР°СЂС‚РёРЅРєСѓ СЃ РёРЅРѕСЃС‚СЂР°РЅРЅРѕР№ РЅР°РґРїРёСЃСЊСЋ Рё Р·Р°РіСЂСѓ... <a href="https://www.liveinternet.ru/users/5222810/post477250950/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Переводим текст с картинки онлайн

Четверг, 19 Ноября 2020 г. 22:51 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Переводим текст с картинки онлайн

Уверена, что многие из вас, найдя картинку на иностранном языке, хотел бы узнать, что же там написано?))
Можно узнать способом, который известен всем - открыть любой переводчик онлайн, вручную написать тот текст, что есть на картинке и перевод вам обеспечен. Но писать от руки каждую картинку, это долго и муторно...))
А можно сделать по другому. Зайти на онлайн сервис, где текст с картинки можно перевести автоматически.

Серия сообщений "Интересные сайты":

Часть 1 - Делаем авку и собираем пазлы...
Часть 2 - Могилы знаменитых людей
...
Часть 18 - Делаем коллажи онлайн
Часть 19 - ВИА СССР
Часть 20 - Переводим текст с картинки онлайн

Рубрики:

Коды

<a href="https://www.liveinternet.ru/users/5222810/post476118048/">Р”Р»РёРЅРЅС‹Рµ СЃСЃС‹Р»РєРё РІ РєРѕРґР°С… - С‡С‚Рѕ РґРµР»Р°С‚СЊ? - Р РµС€РµРЅРёРµ.</a> Р”Р»РёРЅРЅС‹Рµ СЃСЃС‹Р»РєРё РІ РєРѕРґР°С… - С‡С‚Рѕ РґРµР»Р°С‚СЊ? - Р РµС€РµРЅРёРµ.

Р’СЃРµРј Р—РґСЂР°РІСЃС‚РІСѓР№С‚Рµ...

РЎРµРіРѕРґРЅСЏ СѓСЂРѕРє РїРѕ С‚РµРјРµ, РєРѕС‚РѕСЂР°СЏ РІРѕР»РЅСѓРµС‚ РјРЅРѕРіРёС…. РњРЅРµ РїРёС€СѓС‚ Рё СЃРїСЂР°С€РёРІР°СЋС‚ СЃРѕРІРµС‚Р°, Р° РєС‚Рѕ-С‚Рѕ РїСЂРѕСЃС‚Рѕ РїСЂРѕС…РѕРґРёС‚ РјРёРјРѕ, РґСѓРјР°СЏ, С‡С‚Рѕ С‚Р°Рє Рё РґРѕР»Р¶РЅРѕ Р±С‹С‚СЊ. РќРѕ РЅРµС‚, РЅРµ РґРѕР»Р¶РЅРѕ.

РўРµРјР° РЅР°С€РµРіРѕ СѓСЂРѕРєР°

Р”Р»РёРЅРЅС‹Рµ СЃСЃС‹Р»РєРё РІ РєРѕРґР°С…, РїРѕС‡РµРјСѓ Рё
С‡С‚Рѕ СЃ СЌС‚РёРј РґРµР»Р°С‚СЊ?

Р’С‹ СЃРґРµР»Р°Р»Рё СЂР°РјРєСѓ РёР»Рё Р·Р°РіСЂСѓР·РёР»Рё РјСѓР·С‹РєСѓ РёР»Рё РїСЂРѕСЃС‚Рѕ РєР°СЂС‚РёРЅРєРё РІ СЃРІРѕР№ Р”РЅРµРІРЅРёРє. Рђ РЅРёР¶Рµ, РІ РѕРєРЅРµ РґР»СЏ РєРѕРґР°, РІС‹СЃС‚Р°РІРёР»Рё РІРµСЃСЊ РєРѕРґ СЌС‚РѕРіРѕ РїРѕСЃС‚Р°. Рђ РєРѕРіРґР° СЃС‚Р°Р»Рё РїСЂРѕРІРµСЂСЏС‚СЊ, С‚Рѕ СѓРІРёРґРµР»Рё, С‡С‚Рѕ РєРѕРґ С‚Р°Рє РёР·РјРµРЅРёР»СЃСЏ, СЃС‚Р°Р» РґР»РёРЅРЅС‹Рј Рё РЅРµРїРѕРЅСЏС‚РЅС‹Рј, РєРѕСЂРѕС‡Рµ, РѕРґРЅРё РєСЂСЏРєРѕР·СЏР±СЂС‹. Р‘С‹Р»Рѕ Сѓ РІР°СЃ С‚Р°РєРѕРµ?)) Р”СѓРјР°СЋ, С‡С‚Рѕ РґР°.... <a href="https://www.liveinternet.ru/users/5222810/post476118048/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Длинные ссылки в кодах - что делать? - Решение.

Пятница, 23 Октября 2020 г. 09:40 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Длинные ссылки в кодах - что делать? - Решение.

Всем Здравствуйте...

Сегодня урок по теме, которая волнует многих. Мне пишут и спрашивают совета, а кто-то просто проходит мимо, думая, что так и должно быть. Но нет, не должно.

Тема нашего урока

Длинные ссылки в кодах, почему и
что с этим делать?

Вы сделали рамку или загрузили музыку или просто картинки в свой Дневник. А ниже, в окне для кода, выставили весь код этого поста. А когда стали проверять, то увидели, что код так изменился, стал длинным и непонятным, короче, одни крякозябры. Было у вас такое?)) Думаю, что да...

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

пост составила

Прочитал сам - покажи другому!

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post475618330/">РљР°Рє СЃРѕСЃС‚Р°РІРёС‚СЊ РєРЅРѕРїРѕС‡РєСѓ РёР· РєРѕРґРѕРІ HTML РґР»СЏ РґРЅРµРІРЅРёРєР°.</a> РљР°Рє СЃРѕСЃС‚Р°РІРёС‚СЊ РєРЅРѕРїРѕС‡РєСѓ РёР· РєРѕРґРѕРІ HTML РґР»СЏ РґРЅРµРІРЅРёРєР°.

Р”РћР РћР“РР• РњРћР Р”Р РЈР—Р¬РЇ,Р§РРўРђРўР•Р›Р Р Р“РћРЎРўР!
РќР° РґРЅСЏС… Сѓ РјРµРЅСЏ РїСЂРѕРёР·РѕС€С‘Р» РѕРґРёРЅ "РєР°Р·СѓСЃ", РјРѕРё РєР°СЂС‚РёРЅРєРё - РєРЅРѕРїРѕС‡РєРё РЅРµ РІСЃРµРіРґР° СЃС‚Р°Р»Рё РѕС‚РѕР±СЂР°Р¶Р°С‚СЊСЃСЏ РІ РґРЅРµРІРЅРёРєРµ Рё РІ СЃРѕРѕР±С‰РµСЃС‚РІР°С….Р СЌС‚Рѕ СѓР¶Рµ РЅРµ РѕРґРёРЅ СЂР°Р·..РџРѕРЅСЏР»Р° СЃСЂР°Р·Сѓ, С‡С‚Рѕ СЌС‚Рѕ РїСЂРѕРёСЃС…РѕРґРёС‚ РєР°Р¶РґС‹Р№ СЂР°Р· РєРѕРіРґР° СЃР»СѓС‡Р°РµС‚СЃСЏ СЃРґРІРёРі РЅР° СЃР°Р№С‚Рµ РЅР°С€РµРіРѕ Р›Рё.СЂСѓ. Р С‚РѕРіРґР° РЅР°С‡РёРЅР°СЋС‚СЃСЏ "РіР»СЋРєРё"(РєР°Рє РјС‹ РїСЂРёРІС‹РєР»Рё РіРѕРІРѕСЂРёС‚СЊ) Рё РєР°Р¶РґС‹Р№ СЂР°Р· РѕР±РЅРѕРІР»СЏС‚СЊ РєР°СЂС‚РёРЅРєРё - РїСЂРѕСЃС‚Рѕ РЅРµ С…РІР°С‚Р°РµС‚ РЅРё РІСЂРµРјРµРЅРё ,РЅРё С‚РµСЂРїРµРЅРёСЏ... 
РўРѕРіРґР° СЏ СЂРµС€РёР»Р° РїРѕРїСЂРѕР±РѕРІР°С‚СЊ РЅР° РѕСЃРЅРѕРІРµ РєРѕРґРѕРІ СЂР°РјРѕС‡РµРє СЃРґРµР»Р°С‚СЊ РєРЅРѕРїРѕС‡РєСѓ, СЃС‚Р°Р»Р° РёСЃРєР°С‚СЊ РІСЃРµ РІРѕР·РјРѕР¶РЅРѕСЃС‚Рё Рё РЅР°С€Р»Р° ...РЎРїР°СЃРёР±Рѕ СЃР°Р№С‚Сѓ Рё РµРіРѕ СЂР°Р·СЂР°Р±РѕС‚С‡РёРєСѓ ... <a href="https://www.liveinternet.ru/users/5222810/post475618330/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как составить кнопочку из кодов HTML для дневника.

Суббота, 10 Октября 2020 г. 20:13 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Как составить кнопочку из кодов HTML для дневника.

ДОРОГИЕ МОИ ДРУЗЬЯ,ЧИТАТЕЛИ И ГОСТИ!
На днях у меня произошёл один "казус", мои картинки - кнопочки не всегда стали отображаться в дневнике и в сообществах.И это уже не один раз..Поняла сразу, что это происходит каждый раз когда случается сдвиг на сайте нашего Ли.ру. И тогда начинаются "глюки"(как мы привыкли говорить) и каждый раз обновлять картинки - просто не хватает ни времени ,ни терпения...
Тогда я решила попробовать на основе кодов рамочек сделать кнопочку, стала искать все возможности и нашла ...Спасибо сайту и его разработчику "БЛОГ СТАРОГО ПЕРЦА"
Поэтому пост сделан на основе его рекомендаций и моих дополнений по дизайну кнопочки:
Для начала: Что такое код HTML..
Код HTML - это язык программирования во Всемирной паутине. Код HTML интерпретируется браузерами; полученный в результате интерпретации страница отображается на экране монитора компьютера или мобильного устройства.
По сути, все команды языка HTML - это обычный текст, который может быть написан в любом текстовом редакторе. Изменив у текстового файла расширение на HTML мы получаем полноценную веб-страницу, которую может обрабатывать браузер.

Ну не будем на этом зацикливаться и начнём с простой кнопочки и её кода HTML.
Большой плюс этой кнопочки, что на неё не влияют глюки сайта, а также удобна тем, что не меняя её дизайн, не загружая в фотошоп, можно поменять всегда надпись на кнопочке..(т.е. убрасть старую и написать новую прямо в редакторе дневнике)

Вот так кнопочка выглядит в простом коде:

<button>Простая кнопочка</button>

Вы заметили, что при клике на неё она немного меняет цвет..(да..так и есть)

Рубрики:

Коды

Метки: коды

Оформление плееров на ли ру.

Воскресенье, 22 Декабря 2019 г. 21:57 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Оформление плееров на ли ру.

В своем посте - HTML5 для ЛиРу - коды плееров
https://www.liveinternet.ru/users/marmuh/post429068712/
Rost предложил варианты Аудиоплеера, Видеоплеера и Музыкальной открытки.
В частности, вот такой аудиоплеер.

<*audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"><*/audio>

С музыкой плеер выглядит сл. образом:

его код :
<*audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"><*/audio>,

где //img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3 - код музыки.
Я загрузила его в пост со своего компьютера.

Чтобы немного украсить этот аудиоплеер, я поместила его в рамочку, обычную, маленькую рамочку.
Вот пример:

1.

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

Рубрики:

Муз.плеер/уроки
Коды

Метки: муз.плеер коды

HTML аудио плеер.

Четверг, 31 Октября 2019 г. 15:38 + в цитатник
Это цитата сообщения Jorjorych [Прочитать целиком + В свой цитатник или сообщество!]

HTML аудио плеер.

HTML скрипт аудио плеера по умолчанию (скрипт во вложении):

Тег <audio> не поддерживает атрибуты, которые необходимы нам на ЛиРу, как то: размер, цвет.

А вот заменив тег <audio> на тег <video>, можно использовать дополнительные атрибуты:

Размер по высоте и ширине (в примерах 20х275):

Рамку с разными значениями цвета плюс интерактивная ссылка на интернет ресурс:

*Jorjorych.LiRu*

Фон статический:

*Jorjorych.LiRu*

Фон анимированный:

Jorjorych*Love you@.LiRu*

Ссылки на аудио с ресурса SoundCloud. Сообщите о неработающих!

Все скрипты во вложении внизу поста - скачивайте, изучайте, обращайтесь!

Творческого вдохновения Вам! Jorjorych (Георгий).

Ссылка на скачивание текстового документа со скриптами плееров

Серия сообщений "Плееры":
Часть 1 - Коды для плееров
Часть 2 - Как сделать музыкальную открытку?
...
Часть 17 - Аудиоплеер для нескольких песен
Часть 18 - Люблю тебя, мой котик!
Часть 19 - HTML аудио плеер.

Рубрики:

Муз.плеер/уроки
Коды

Метки: коды муз.плеер

<a href="https://www.liveinternet.ru/users/5222810/post448564298/">РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ Р Р°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.</a> РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ Р Р°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.

Р’РѕС‚ С‚Р°Рє СЌС‚Р° СЂР°РјРєР° Р±СѓРґРµС‚ РІС‹РіР»СЏРґРµС‚СЊ.
РўРµРїРµСЂСЊ РєР°Рє РµС‘ СЃРґРµР»Р°С‚СЊ.Р’РЅРёР·Сѓ РІ РѕРєРѕС€РєРµ РґР»СЏ РєРѕРґРѕРІ 
РЎРєРѕРїРёСЂСѓР№С‚Рµ "РЎРљР•Р›Р•РўРРљ" СЌС‚РѕР№ СЂР°РјРєРё.
РўРѕРµСЃС‚СЊ РІС‹ РїРѕР»РЅРѕСЃС‚СЊСЋ СЌС‚Сѓ СЂР°РјРєСѓ СЃРґРµР»Р°РµС‚Рµ
 СЃР°РјРё Рё РїРѕСЃС‚Р°РІРёС‚Рµ РїРѕРґ РЅРµР№ Р’РђРЁ РќРРљ.
РљРѕРґ РІСЃС‚Р°РІР»СЏС‚СЊ Рє СЃРµР±Рµ РІ РґРЅРµРІРЅРёРє РІ
РџР РћРЎРўРћРњ Р Р•Р”РђРљРўРћР Р•.
[more=Р—Р”Р•РЎР¬ РґР°Р»РµРµ...]
РўР°Рј РіРґРµ РЅР°РїРёСЃР°РЅРѕ РІ РєРѕРґРµ [color=#8B4513]РЎРЎР«Р›РљРђ РќРђ Р’РђРЁ Р”РќР•Р’РќРРљ
 Рё Р’РђРЁ РќРРљ[/color]вЂ”РџРёС€РёС‚Рµ СЃРІРѕР№ РќРРљ.
РџРѕСЃРјРѕС‚СЂРµС‚СЊ РєР°Рє СЃРґРµР»Р°С‚СЊ 
[color=#8B4513]РЎРЎР«Р›РљРЈ РЅР° РІР°С€ РґРЅРµРІРЅРёРє Рё РќРРљ[/color] РјРѕР¶РЅРѕ Р—Р”Р•РЎР¬.
Р’ РєРѕРґРµ РіРґРµ РЅР°РїРёСЃР°РЅРѕ [color=#8B4513]Р¤РћРќ СЃ 1 РїРѕ 6 РЎР›РћР™[/color]вЂ”Р’СЃС‚Р°РІР»СЏР№С‚Рµ СЃРІРѕРё С„РѕРЅС‹.
Р¤РѕРЅС‹ РјРѕР¶РЅРѕ РІР·СЏС‚СЊ... <a href="https://www.liveinternet.ru/users/5222810/post448564298/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Учимся делать Рамку с уголками.

Понедельник, 28 Января 2019 г. 18:59 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать Рамку с уголками.



	Вот так эта рамка будет выглядеть. Теперь как её сделать.Внизу в окошке для кодов Скопируйте "СКЕЛЕТИК" этой рамки. Тоесть вы полностью эту рамку сделаете сами и поставите под ней ВАШ НИК. Код вставлять к себе в дневник в ПРОСТОМ РЕДАКТОРЕ. ЗДЕСЬ далее...

SvetlanaT

КОД РАМКИ.

<table style="border:0px none #000000" background="ФОН 1 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 2 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="ФОН 3 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="ФОН 4 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="ФОН 5 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="750" height="600" style="border:0px none #000000" background="ФОН 6 СЛОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="ФОН 8 СЛОЙ"><tbody><tr><td>УГОЛОК ВВЕРХ СЛЕВА</td><td width="100%"> </td><td>УГОЛОК ВВЕРХ СПРАВА </td></tr><tr><td> </td><td><br /><center> ЛИНЕЕЧКА ВВЕРХУ <br /> <font color="8B4513"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center>ЛИНЕЕЧКА ВНИЗУ </center></td><td> </td></tr><tr><td>УГОЛОК НИЗ СЛЕВА </td><td> </td><td>УГОЛОК НИЗ СПРАВА<br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table></td></tr></table>

Рубрики:

Коды

<a href="https://www.liveinternet.ru/users/5222810/post441819395/">РџРѕР»РѕСЃРєРё РёР»Рё Р»РёРЅРёРё РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕР№ С‚РµРєСЃС‚ .</a> РџРѕР»РѕСЃРєРё РёР»Рё Р»РёРЅРёРё РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕР№ С‚РµРєСЃС‚ .

Р¤Р°РЅС‚Р°Р·РёСЏ Р±Р»РѕРіРµСЂРѕРІ-РґРёР·Р°Р№РЅРµСЂРѕРІ РЅРµ Р·РЅР°РµС‚ РіСЂР°РЅРёС†.. РљР°Р¶РґС‹Р№ СЂР°Р· РїСЂРёРґСѓРјС‹РІР°РµС‚СЃСЏ С‡С‚Рѕ-С‚Рѕ РЅРѕРІРѕРµ РѕС‚ С‡РµРіРѕ Р·Р°С…РІР°С‚С‹РІР°РµС‚ РґСѓС…..РЎРµРіРѕРґРЅСЏ СЏ РїСЂРµРґР»РѕР¶Сѓ РЅРµР·РЅР°С‡РёС‚РµР»СЊРЅС‹Р№, РЅРѕ РёРЅРѕРіРґР° РїСЂРёС…РѕРґСЏС‰РёР№ РІ РїРѕРјРѕС‰СЊ РЅР°Рј СѓСЂРѕРє. РўРµРјР°: "РџРѕР»РѕСЃРєРё"(Р»РёРЅРёРё)
РРЅРѕРіРґР° РїРѕР»РѕСЃРєР° РјРѕР¶РµС‚ РѕС‡РµРЅСЊ РґР°Р¶Рµ РєСЂР°СЃРёРІРѕ СѓРєСЂР°СЃРёС‚СЊ РЅР°С€ С‚РµРєСЃС‚, РЅР°РїСЂРёРјРµСЂ РІРјРµСЃС‚Рѕ СЂР°Р·РґРµР»РёС‚РµР»РµР№ РёР»Рё РїР°РЅРµР»РµР№ С‚РµРєСЃС‚Р°..РњРѕР¶РµС‚ РєРѕРјСѓ РёРЅС‚РµСЂРµСЃРЅРѕ? РњРЅРµ СЌС‚Рѕ Р±С‹Р»Рѕ РѕС‡РµРЅСЊ РёРЅС‚РµСЂРµСЃРЅРѕ.. Р—РґРµСЃСЊ С‚Рѕ, С‡С‚Рѕ СЏ Р·РЅР°СЋ.Р•СЃР»Рё Сѓ РІР°СЃ РµСЃС‚СЊ РµС‰С‘ РїСЂРµРґР»РѕР¶РµРЅРёСЏ РїРёС€РёС‚Рµ, СЏ РґРѕРїРёС€Сѓ РІ РїРѕСЃС‚ РѕС‚ РІР°С€РµРіРѕ РёРјРµРЅРё. РҐРѕС‡РµС‚СЃСЏ РїРѕР±РѕР»СЊС€Рµ РјР°РЅРёРїСѓР»СЏС†РёР№ СЃ РєРѕРґР°РјРё...

РџСЂРѕСЃС‚Р°СЏ РїСЂСЏРјР°СЏ РїРѕР»РѕСЃРєР° РЅР° РІСЃСЋ С€Рё... <a href="https://www.liveinternet.ru/users/5222810/post441819395/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Полоски или линии которыми можно украсить свой текст .

Понедельник, 08 Октября 2018 г. 22:51 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Полоски или линии которыми можно украсить свой текст .

Фантазия блогеров-дизайнеров не знает границ.. Каждый раз придумывается что-то новое от чего захватывает дух..Сегодня я предложу незначительный, но иногда приходящий в помощь нам урок. Тема: "Полоски"(линии)
Иногда полоска может очень даже красиво украсить наш текст, например вместо разделителей или панелей текста..Может кому интересно? Мне это было очень интересно.. Здесь то, что я знаю.Если у вас есть ещё предложения пишите, я допишу в пост от вашего имени. Хочется побольше манипуляций с кодами...

Простая прямая полоска на всю ширину вашей рамочки или текста, которая всегда серого цвета выглядит так:

<hr />

их можно сделать сразу 2 шт.,но ни размер,ни цвет и толщину полоски вы тут не измените.

<hr /><hr />

Видите, что они серого цвета?
А теперь я дам вам код, в котором можно менять цвет, толщину и длину полоски..

Рубрики:

Коды

Метки: коды

<a href="https://www.liveinternet.ru/users/5222810/post441803201/">Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4. РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Рё СЃС‚РѕР»Р±РёРє.</a> Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4. РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Рё СЃС‚РѕР»Р±РёРє.

Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4
 
РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Р±РµР· РёСЃРїРѕР»СЊР·РѕРІР°РЅРёСЏ С‚Р°Р±Р»РёС†С‹РСЃРїРѕР»СЊР·СѓСЏ С‚РµРі nobr 
&lt;nobr&gt;РљРђР РўРРќРљР Р’ Р РЇР”&lt;/nobr&gt; 
РјРѕР¶РЅРѕ РІСЃС‚Р°РІРёС‚СЊ Р»СЋР±РѕРµ РєРѕР»РёС‡РµСЃС‚РІРѕ РєР°СЂС‚РёРЅРѕРє РІ РѕРґРЅСѓ СЃС‚СЂРѕРєСѓ.  РќРѕ С‚Р°Рє РєР°Рє СЃС‚СЂР°РЅРёС‡РєР° РЅРµ Р±РµР·СЂР°Р·РјРµСЂРЅР°СЏ, РЅСѓР¶РЅРѕ СЃР»РµРґРёС‚СЊ Р·Р° РєРѕР»Р»РёС‡РµСЃС‚РІРѕРј. РќР° РЅРѕРІРѕР№ СЃС‚СЂРѕРєРµ РѕРїСЏС‚СЊ РїРёС€РµРј СЌС‚Рё С‚РµРіРё Рё РІСЃС‚Р°РІР»СЏРµРј СЃР»РµРґСѓСЋС‰РёР№ СЂСЏРґ С„РѕС‚РѕРє. Р С‚.Рґ.

РџСЂРёРјРµСЂ:

РљРѕРґ РґР»СЏ РІСЃС‚Р°РІРєРё РєР°СЂС‚РёРЅРєРё:

&lt;img src=&quot;РђР”Р Р•РЎ РљРђР РўРРќРљР&quot; border=&quot;0&quot; width=&quot;РЁРР РРќРђ РљРђР РўРРќРљР&quot; height=&quot;Р’Р«РЎРћРўРђ РљРђР РўРРќРљР&quot;&gt;
 
РљРѕРґ РєР°СЂС‚РёРЅРєРё СЃРѕ СЃ... <a href="https://www.liveinternet.ru/users/5222810/post441803201/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Всё про картинки. Часть 4. Картинки в ряд и столбик.

Понедельник, 08 Октября 2018 г. 16:41 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Всё про картинки. Часть 4. Картинки в ряд и столбик.

Всё про картинки. Часть 4

Картинки в ряд без использования таблицыИспользуя тег nobr

КАРТИНКИ В РЯД

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

Пример:

Код для вставки картинки:

<img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ">

Код картинки со ссылкой на оригинал:

<a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a>

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

bloginja

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 7 - Всё про картинки. Часть 2
Часть 8 - Всё про картинки. Часть 3.
Часть 9 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 10 - Программа для скачивания музыки с Лиру
Часть 11 - Урок по созданию музыкальной открытки
...
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место
Часть 20 - Не показывает видео в дневниках. Браузер Firefox.

Рубрики:

Коды

Метки: коды

LiveInternetLiveInternet

-Приложения

-Музыка

-Ссылки

-Видео

-Фотоальбом

-Рубрики

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Код для выкладывания видео с РУТУБ в свой дневник.

Генераторы цвета,оттенка и градиента.

Примеры и коды текста с тенью

Свойство CSS text-shadow.

8 рамочек-открыток к дню Влюблённых от Schamada.

Урок. Обводка поста рамочкой

Зимние рамочки для текста и стихов от Schamada

Как разбить текст на 2 колонки HTML

Полоски или линии которыми можно украсить свой текст .

Всё дело в кодах

Плеер для ваших постов с html кодом

Переводим текст с картинки онлайн

Длинные ссылки в кодах - что делать? - Решение.

Как составить кнопочку из кодов HTML для дневника.

Оформление плееров на ли ру.

HTML аудио плеер.

Учимся делать Рамку с уголками.

Полоски или линии которыми можно украсить свой текст .

Всё про картинки. Часть 4. Картинки в ряд и столбик.