Выбрана рубрика Шрифты и коды HTML.

Соседние рубрики: Цвета HTML (12), Фоны(23)

Другие рубрики в этом дневнике: Ямочное(8), Я не нормальная(26), Я и..политика.(140), Четыре(10), Цветочное(12), Флешмоб(61), Флеш-моб "Алфавит"(9), У окна(53), СОзвучное(197), Слушаем-читаем вместе(37), Своеобразное(15), Рычалки и Улыбалки...(56), Родня..(11), Рамки для текста, сделанные мной.(7), Размышлялки...(102), Разговорчики(29), Праздники.(25), Почему я люблю Интернет(33), Очередные глупости(6), Отчет(8), Осколки(5), Окна(5), О себе,про себя, про меня,обо мне..(362), О работе с Дневниками(133), О ней(28), О и про сиделках(7), Новости нашей борьбы(29), Новогоднее(49), Ни о чем(4), НЕ мой МОИ стихи.(185), Наши дела(52), Нашепченно(12), Настроеческое(242), Моя писанина(20), Монологи с Любимым.(19), Монозукжика(60), Мои шали и пледы(22), Мои схемки(31), Мое вязание.(26), Люди, встречи, след от них...(25), Лытыбровое(13), Крамольное(9), Компьютерное(33), Клумба.(5), Квинтет(88), Камерное(2), Истории Любви(8), Идущее(162), Записочки ни о чем и обо всем..(10), Записки Алекциты(3), Душа(86), Дожди(6), Доброе.. !(58), Дни рождения(32), Диаложики(27), Всякая всячина(18), Вспомнилось Почему-то(26), Видится, слышится, чувствуется(140), Видео.(37), В ночи(28), Благодарность(23), Белый парящий Кролик(20), Безрубричное(15), Абсолютно придуманное..? (6), Хикари (22), МОЯ осень(63)

Комментарии (0)

Простая рамка с ячейками

Пятница, 20 Октября 2017 г. 19:50 + в цитатник
Это цитата сообщения Цветок_грез_Танюша [Прочитать целиком + В свой цитатник или сообщество!]

Простая рамка с ячейками

Простая таблица с ячейками

Картинка	Ваш текст
Ваш текст	Картинка

Код таблицы:

<cke:html> <cke:head> <cke:title>Таблица HTML</cke:title> </cke:head> <cke:body> <table border="2" cellspacing="14" cellpadding="10"> <tr> <td width="120" style="background-color: #F9F5AE;">Первая ячейка (1,1)</td> <td width="180" style="background-color: #B5D986;"> какой-то текст</td> </tr> <tr> <td width="120" style="background-color: #F9F5AE;"> много слов</td> <td width="180" style="background-color: #B5D986;"> Четвёртая ячейка (2,2)</</td> </tr> </table> </cke:body> </cke:html></p>

Высота и ширина ячеек задаётся параметрами "width" и "height".

Цвет ячеек #F9F5AE (ставите свой цвет)

Текст и картинки располагаете по своему усмотрению.

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (0)

Загибаем уголок в Эдиторе.

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

Загибаем уголок в Эдиторе.

Эдитор

Урок - загибаем уголок в Эдиторе. Заходите на сайт, жмите...

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

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

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (0)

Генераторы. Четыре в одном.

Пятница, 19 Мая 2017 г. 15:52 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Генераторы!!! Четыре в одном!

*Генератор теней, градиентов, текстур, округлений! -
Четыре в одном!!!
Смело переходите на сайт, нажав на банер cssmatic.com
и оформляйте свои работы красиво и быстро.

Подвигайте движками по всем параметрам,
выберите понравившийся вам результат,
а готовый код возьмите там же ниже в выделенной рамочке.
Выбираете код для Box-shadow.

***

Еще один генератор теней, округлений, градиентов и текстур. Обязательно воспользуйтесь им - вы будете довольны.

Box Shadow Generator

***

Посмотрите также - Box-shadow generator

на shpargalkablog.ru!

Нашла и с радостью делюсь. Успехов вам в творчестве!

Mariea@mmg

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (0)

Внутренние тени изображений и текста

Четверг, 09 Марта 2017 г. 19:45 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Внутренние тени изображений и текста

Внутренние тени изображений, текста широко применяются в CSS, но и в HTML их тоже можно отразить.
Достигается это с помощью box-shadow или text-shadow.

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

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (2)

Шрифт с тенью

Четверг, 09 Марта 2017 г. 19:40 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Фильтруем (убедитесь, что ваш браузер видит тени букв)

Тени для рамки: http://www.liveinternet.ru/users/ka82/post359359419/

Другой вид для фильтров: тут

Ваш текст

Убеждаемся ниже под катом, жми сюда

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (2)

<a href="https://www.liveinternet.ru/users/4333586/post396621079/">HTML С€РїР°СЂРіР°Р»РєР° РїРѕ Р»РёРЅРёСЏРј</a><br/>HTML С€РїР°СЂРіР°Р»РєР° РїРѕ Р»РёРЅРёСЏРј

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

Р’РѕС‚ РѕРЅР°, СЃР°РјР°СЏ РїСЂРѕСЃС‚Р°СЏ Р»РёРЅРёСЏ, РґР»СЏ РµРµ РІСЃС‚Р°РІРєРё РїСЂРѕСЃС‚Рѕ РїРѕСЃС‚Р°РІСЊС‚Рµ РІ СЃС‚СЂРѕС‡РєСѓ РўРµРі hr (Horisontal Rule)

РµРµ РєРѕРґ: &lt;hr&gt;
[more=]
Р›РёРЅРёСЋ РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РЅРµ РІРѕ РІСЃСЋ СЃС‚СЂР°РЅРёС†Сѓ, Р° Р±РѕР»РµРµ РєРѕСЂРѕС‚РєСѓСЋ, СЂР°Р·РґРµР»РёС‚РµР»СЊРЅСѓСЋ. РЁРёСЂРёРЅСѓ РїСЂРѕСЃС‚Р°РІР»СЏРµРј РІ %. Р’ РїСЂРёРјРµСЂРµ СЃС‚РѕРёС‚ 60%, РІС‹ РјРѕР¶РµС‚Рµ РїРѕРјРµРЅСЏС‚СЊ РЅР° СЃРІРѕСЋ.

РµРµ РєРѕРґ: &lt;hr align=center width=60%&gt;

РџРѕ СѓРјРѕР»С‡Р°РЅРёСЋ Р»РёРЅРёСЏ РёРјРµРµС‚ С‚РѕР»С‰РёРЅСѓ 2 РїРёРєСЃРµР»Р° Рё РЅРµРєРѕС‚РѕСЂСѓСЋ РѕР±СЉРµРјРЅРѕСЃС‚СЊ.

РќРµРѕР±СЉРµРјРЅР°СЏ Р»РёРЅРёСЏ

&lt;hr noshade&g... <a href="https://www.liveinternet.ru/users/4333586/post396621079/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

HTML шпаргалка по линиям

Суббота, 20 Августа 2016 г. 10:37 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

HTML шпаргалка по линиям

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

Вот она, самая простая линия, для ее вставки просто поставьте в строчку Тег hr (Horisontal Rule)

ее код: <hr>

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 13 - Он-лайн графические редакторы
Часть 14 - Бродилка по РУБРИКАМ моего дневника.
Часть 15 - HTML шпаргалка по линиям
Часть 16 - Заморские сайты к НОВОМУ ГОДУ
Часть 17 - 100 самых полезных сайтов Интернета
...
Часть 22 - Главные люди на Ли.ру
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (2)

Три рамочки с плеерами и кодами / для Олечки!

Воскресенье, 03 Июля 2016 г. 19:21 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

Три рамочки с плеерами и кодами / для Олечки!

Ваш текст

-= ещё две рамочки с кодами =-

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (0)

Редкие спецсимволы

Вторник, 14 Июня 2016 г. 18:54 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

Редкие спецсимволы

Серия сообщений "Оформление текста":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - КАК СДЕЛАТЬ СВОЮ НАДПИСЬ НА ИЗОБРАЖЕНИИ В ОНЛАЙН-ФОТОШОП
...
Часть 16 - Делаем разноцветное, движущиеся ПРИВЕТСТВИЕ. Урок от SvetlanaT.
Часть 17 - ШАБЛОНЫ ДЛЯ ПРИКОЛЬНОГО ОФОРМЛЕНИЯ ТЕКСТА
Часть 18 - Редкие спецсимволы
Часть 19 - Разноцветные точки перед текстом...
Часть 20 - Делаем фоновую подложку под текст
Часть 21 - Фотоприколы. Генератор надписей на картинках
Часть 22 - Он-лайн генератор промотки для текста
Часть 23 - Простые правила оформления статей для сайта (блога)

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (2)

<a href="https://www.liveinternet.ru/users/4333586/post392750218/">РўРђР‘Р›РР¦Р« (3 СѓСЂРѕРєР° РїРѕ СЃРѕР·РґР°РЅРёСЋ С‚Р°Р±Р»РёС†)</a><br/>РўРђР‘Р›РР¦Р« (3 СѓСЂРѕРєР° РїРѕ СЃРѕР·РґР°РЅРёСЋ С‚Р°Р±Р»РёС†)

РЈР РћРљ РџРћ РўРђР‘Р›РР¦РђРњРЎРµРіРѕРґРЅСЏ СЏ СЂР°СЃСЃРєР°Р¶Сѓ Р’Р°Рј, Рѕ С‚Р°Р±Р»РёС†Р°С…. РњРЅРѕРіРѕ РіРѕРІРѕСЂСЏС‚ Рё РїРёС€СѓС‚ Рѕ РЅРёС… РЅРѕ РјР°Р»Рѕ РєС‚Рѕ РїРѕРЅРёРјР°РµС‚ РґР»СЏ С‡РµРіРѕ РѕРЅРё РЅСѓР¶РЅС‹..РњС‹ РѕР±С‹С‡РЅРѕ РѕС‚РјР°С…РёРІР°РµРјСЃСЏ РѕС‚ С‚РѕРіРѕ С‡С‚Рѕ РЅР°Рј РЅРµРїРѕРЅСЏС‚РЅРѕ...РјРѕР» РґР° Р»Р°РґРЅРѕ...РћРЅРѕ РјРЅРµ РЅР°РґРѕ??!!Рђ Р·СЂСЏ...РїРѕС‚РѕРјСѓ С‡С‚Рѕ СЃР»РѕРІРѕ &quot;С‚Р°Р±Р»РёС†Р° &quot; СЌС‚Рѕ РЅРµ РїСЂРѕСЃС‚Рѕ РєР°РєР°СЏ -С‚Рѕ Р»РёРЅРѕРІР°РЅРЅР°СЏ СЃРµС‚РѕС‡РєР° РЅР° Р±СѓРјР°РіРµ РёР»Рё РЅР° СЌРєСЂР°РЅРµ..Р’РѕС‚ Р·Р°С…РѕС‚РµР»Рё РІС‹ РІ СЂСЏРґ РІС‹СЃС‚СЂРѕРёС‚СЊ РІ РїРѕСЃС‚Рµ С„РѕС‚РѕРіСЂР°С„РёРё РѕРЅРё...Р·Р°СЂР°Р·С‹...РІСЃРµ РІСЂРµРјСЏ РІРµСЂС‚РёРєР°Р»СЊРЅРѕ РЅРѕСЂРѕРІСЏС‚. РР»Рё С‚РµРєСЃС‚ РјРµР¶РґСѓ РєР°СЂС‚РёРЅРєР°РјРё РёР»Рё ..РЅР°РѕР±РѕСЂРѕС‚...РєР°СЂС‚РёРЅРєСѓ РІРЅСѓС‚СЂРё С‚РµРєСЃС‚Р°. РўР°Рє РІСЃРµ СЌС‚Рѕ РґРµР»Р°РµС‚СЃСЏ РїСЂРё РїРѕРјРѕС‰Рё С‚Р°Р±Р»РёС†. РќРѕ РїСѓСЃС‚СЊ РѕРЅРё РІР°СЃ Р±РѕР»СЊС€Рµ РЅРµ РїСѓРіР°СЋС‚!!! Р”... <a href="https://www.liveinternet.ru/users/4333586/post392750218/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

ТАБЛИЦЫ (3 урока по созданию таблиц)

Вторник, 14 Июня 2016 г. 18:50 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

ТАБЛИЦЫ (3 урока по созданию таблиц)

УРОК ПО ТАБЛИЦАМ

Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол да ладно...Оно мне надо??!!

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

** Далее... **

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Комментарии (0)

<a href="https://www.liveinternet.ru/users/4333586/post392663871/">РџР»РµРµСЂ-РєРЅРѕРїРєР° РЅР° РєР°СЂС‚РёРЅРєРµ / РєРѕРґС‹</a><br/>РџР»РµРµСЂ-РєРЅРѕРїРєР° РЅР° РєР°СЂС‚РёРЅРєРµ / РєРѕРґС‹

[list][SIZE=3]РќРµРґР°РІРЅРѕ Сѓ РїРѕРґСЂСѓРіРё РІ С†РёС‚Р°С‚Рµ СѓРІРёРґР°Р»Р°, РєР°Рє "РїРѕСЃР°РґРёС‚СЊ" РїР»РµРµСЂ РЅР° РєР°СЂС‚РёРЅРєСѓ, РЅРѕ СЌС‚Рё РїР»РµРµСЂР° СЃС‚РѕСЏС‚ РїРѕСЃРµСЂРµРґРёРЅРµ РєР°СЂС‚РёРЅРєРё, РєР°Рє РІ РјРѕРёС… РїРµСЂРІС‹С… РґРІСѓС… Рё СЃР»РµРґСѓСЋС‰РёС… РґРІСѓС… (С‚РѕР»СЊРєРѕ РєРЅРѕРїРѕС‡РєРё СЂР°Р·РЅС‹Рµ). 
Рў.Рє. СЃР°РјР° РґР°РІРЅРѕ РёСЃРїРѕР»СЊР·СѓСЋ РїР»РµРµСЂР° РЅР° РєР°СЂС‚РёРЅРєР°С…, С‚Рѕ С…РѕС‡Сѓ Рё СЃ РІР°РјРё РїРѕРґРµР»РёС‚СЊСЃСЏ.
РџР»РµРµСЂ РјРѕР¶РЅРѕ РЅРµ С‚РѕР»СЊРєРѕ РїРѕСЃРµСЂРµРґРёРЅРµ РєР°СЂС‚РёРЅРєРё РїРѕСЃС‚Р°РІРёС‚СЊ, РЅРѕ Рё РіРґРµ СѓРіРѕРґРЅРѕ: РІРІРµСЂС…Сѓ РёР»Рё РІРЅРёР·Сѓ (РїРѕ С†РµРЅС‚Сѓ, СЃРїСЂР°РІР° РёР»Рё СЃР»РµРІР°). 
РџСЂРё СЌС‚РѕРј РєР°СЂС‚РёРЅРєСѓ РјРѕР¶РЅРѕ Р±СЂР°С‚СЊ Р»СЋР±СѓСЋ, РІ С‚РѕРј С‡РёСЃР»Рµ: png, gif, gif-png. РќР°РґРѕ С‚РѕР»СЊРєРѕ РїРѕРґРѕР±СЂР°С‚СЊ РєРЅРѕРїРѕС‡РєСѓ. РџРѕРєР°Р·С‹РІР°СЋ Рё РґР°СЋ РєРѕРґС‹. РњРѕР¶РµС‚Рµ РјРµРЅСЏС‚СЊ РєР°СЂС‚РёРЅРєРё, РєРЅРѕРїРѕС‡РєРё Рё РјСѓР·С‹РєСѓ.
Р’СЃРµ РїР»РµРµСЂ... <a href="https://www.liveinternet.ru/users/4333586/post392663871/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Плеер-кнопка на картинке / коды

Понедельник, 13 Июня 2016 г. 10:30 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

Плеер-кнопка на картинке / коды

Недавно у подруги в цитате увидала, как "посадить" плеер на картинку, но эти плеера стоят посередине картинки, как в моих первых двух и следующих двух (только кнопочки разные).
Т.к. сама давно использую плеера на картинках, то хочу и с вами поделиться.
Плеер можно не только посередине картинки поставить, но и где угодно: вверху или внизу (по центу, справа или слева).
При этом картинку можно брать любую, в том числе: png, gif, gif-png. Надо только подобрать кнопочку. Показываю и даю коды. Можете менять картинки, кнопочки и музыку.
Все плеера с подходящей музыкой :))

Включайте фантазию и Творите!

Рубрики:

О работе с Дневниками/Шрифты и коды HTML

Страницы:

[4] 3 2 1

LiveInternetLiveInternet

-Рубрики

-Ссылки

-Видео

-Музыка

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

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

-Статистика

Простая рамка с ячейками

Загибаем уголок в Эдиторе.

Генераторы. Четыре в одном.

Gradient Generator

Box Shadow Generator

Внутренние тени изображений и текста

Шрифт с тенью

HTML шпаргалка по линиям

Три рамочки с плеерами и кодами / для Олечки!

Редкие спецсимволы

ТАБЛИЦЫ (3 урока по созданию таблиц)

Плеер-кнопка на картинке / коды