Выбрана рубрика Формулы и коды.

Соседние рубрики: Шрифты(13), Фотохостинги(11), Таблицы(14), Сохранение дневника(3), Размер картинки(11), Радикал-Фото ShellExtension(1), Подписать картинку(10), Палитра фонов и цвета(16), Одноклассники(4), Нужные кнопочки(8), Делаем скриншоты(26), Делаем муз.открытку(4), Всё о ЛиРу(116), Всё о ЖЖ(37), Все для оформления(39), Антивирусники@Co(16), YouTube(14), ValeZ(6), CCleaner и Со(6), Adobe Flash Player(6)

Другие рубрики в этом дневнике: ЯФ ФОНЫ(70), ЯФ КЛИПАРТ(196), ЯФ КАРТИНКИ РАЗНЫЕ(46), ЯФ ВИНТАЖ(18), ЯНДЕКС-ДИСК(13), ЮМОРИМ ПО ПОЛНОЙ(93), ЭНЦИКЛОПЕДИЯ(5), ШЕФ-ПОВАР(630), ЦИТАТЫ РАЗНЫЕ(12), ХУДЕЕМ ВМЕСТЕ(149), ФОТОШОП-МОИ ЗАПИСИ(14), ФОТОШОП И ВСЕ О НЕМ(456), ФОНЫ РАЗНЫЕ(115), ФЛЕШКИ(29), ФЛЕШ-ИГРЫ(88), ТЕСТЫ(113), ТВОЙ КОМПЬЮТЕР(220), СХЕМЫ. УРОКИ(25), СХЕМЫ. ОФОРМЛЕНИЕ(81), СТАРЫЕ ДОБРЫЕ СКАЗКИ(18), СПРАШИВАЛИ-ОТВЕЧАЮ(82), СКАЗКИ НА НОВЫЙ ЛАД-ЮМОР(24), СДЕЛАЙ САМ(38), РУКОДЕЛИЕ(157), РАМОЧНИК(7), РАМОЧКИ. УРОКИ И СКЕЛЕТЫ(79), РАМОЧКИ ФШ-УРОКИ(38), РАБОТЫ ДРУЗЕЙ(90), ПРОГРАММЫ-ГРАФИКА(194), ПРОГРАММЫ(63), ПРИГЛАШАЮ К ЗНАКОМСТВУ(51), ПРИВЕТСТВИЕ(9), ПРАЗДНИКИ(96), ПОЭЗИЯ(56), ПОИСКОВИКИ(7), ПОЗДРАВЛЕНИЯ ДРУЗЬЯМ(7), ПЛЕЕРЫ И ВСЕ О НИХ(90), ОТ МАТРЕШКИ(86), НАШИ ПОМОЩНИКИ(54), МОЯ ЖИЗНЬ(53), МОЙ ДНЕВНИК(111), МОИ ЯНДЕКС-ФОТКИ(78), МОИ ФОТОРЕПОРТАЖИ(20), МОИ ФОНЫ-ОБОИ(16), МОИ РАМКИ-РАЗОБРАТЬ(2), МОИ РАМКИ(79), МОИ ПЛЕЙКАСТЫ(48), МОИ ПЛЕЕРОЧКИ(8), МОИ КНОПКИ "ДАЛЕЕ"(31), МОИ КАРТИНКИ-ОТКРЫТКИ(97), МОИ ЗАГОТОВКИ ДЛЯ РАМОК, ОТКРЫТОК(337), МОИ ВЫРЕЗАЛКИ-КЛИПАРТ(3), МОИ БРОДИЛКИ-ЗАГОТОВКИ(64), МОИ БРОДИЛКИ(24), МОИ WAMPI(81), МОИ IMGBB(111), МОИ FASTPIC - клипарт(8), МАГИЯ (МОИ ЗАПИСИ)(78), МАГИЯ(67), ЛЮБАША К(241), ЛОРИК(34), КУМИРЫ-МУЗЫКАЛКИ(148), КЛИПАРТ от Olinkalilinka (340), КЛИПАРТ от(770), КЛИПАРТ МОИ ФАНТАЗИИ(109), КИНО-TV(71), ИСТОРИЯ(28), ИНФО(33), ИНТЕРЕСНО(53), ЗДОРОВЬЕ И КРАСОТА(272), ЖИВОПИСЬ, ИЛЛЮСТРАЦИИ(74), ДЕЛА ДОМАШНИЕ(54), ГОРОСКОПИЧЕСКОЕ(52), ГЕНЕРАТОРЫ(136), ВИДЕОРАМКИ(31), ВЕРА(89), В ПОМОЩЬ БЛОГЕРУ(465), БРОДИЛКИ РАЗНЫЕ(32)

Вставляем музыкальный плеер в определённое место

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

Вставляем музыкальный плеер в определённое место

Вставляем музыкальный плеер в определённое место

Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги.
Код:
<div align="center"><table border="0" cellpadding="0" background="ФОНОВАЯ КАРТИНКА"><tbody><tr><td style="padding: 0px;" width="ШИРИНА ФОНА" height="ВЫСОТА ФОНА" ТЕГИ ВЫРАВНИВАНИЯ>КОД ПЛЕЕРА</td></tr></tbody></table></div>

Теги выравнивания:
снизу по центру — valign="bottom" align="center" снизу справа — valign="bottom" align="right" снизу слева — valign="bottom" align="left" сверху в центре — valign="top" align="center" сверху справа — valign="top" align="right" сверху слева — valign="top" align="left"

Примеры:

Cверху слева:

Cнизу слева:

Сверху справа:

Снизу справа:

Сверху в центре:

Снизу по центру:

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

Cверху слева:

Cнизу слева:

Cверху справа:

Cнизу справа:

Cверху в центре:

Cнизу по центру:

bloginja

Читайте так же:
Плееры для вставки МР3
Плееры в дневник
Плейкаст

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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место
Часть 20 - Не показывает видео в дневниках. Браузер Firefox.

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
ПЛЕЕРЫ И ВСЕ О НИХ/Плееры - уроки

Набор цветных окошек для кодов

Пятница, 03 Мая 2019 г. 18:50 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Набор цветных окошек для кодов

Подготовила набор цветных окошек для кодов.
Очень удобно просто найти понравившийся цвет и скопировать готовую формулу.

<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Bisque; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Hotpink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Khaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Pink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Powderblue; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Lightgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Plum; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Aquamarine; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkseagreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gainsboro; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Coral; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkkhaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkgray; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Navajowhite; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Yellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Burlywood; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Thistle; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegoldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Sandybrown; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Greenyellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Goldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Salmon; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Springgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Violet; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: YellowGreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gold; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Paleturquoise; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

Разъяснения по использованию

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
В ПОМОЩЬ БЛОГЕРУ/Нужные кнопочки

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

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

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

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

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

<hr />

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

<hr /><hr />

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

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
В ПОМОЩЬ БЛОГЕРУ/Все для оформления

Развернуть картинку прямо на странице поста

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

Развернуть картинку прямо на странице поста

Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать
rel="li-bigpic"

<a href="АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"/></a>

и установить размер уменьшенной картинки.

К примеру, у меня есть адрес-ссылка на картинку с Яндекса https://img-fotki.yandex.ru/get/198026/35554120.0/0_b8806_b04fff04_L.jpg
Подставляю её в предлагаемый код и получаю такую превьюшку, при клике по которой можно увидеть её реальный размер прямо здесь.
Жмите на картинку

bloginja

Читайте так же:
Всё про картинки. Часть 1. Закругляем углы.
Всё про картинки. Часть 2
Всё про картинки. Часть 3.
Всё про картинки. Часть 4. Картинки в ряд и столбик.

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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 16 - Вставить рамку в пост
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место
Часть 20 - Не показывает видео в дневниках. Браузер Firefox.

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Справочник html по изображениям

Среда, 22 Ноября 2017 г. 17:18 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Справочник html по изображениям

В этом посте, постараюсь собрать все коды и теги по КАРТИНКАМ, которые нам нужны для создания постов, рамочек и поздравительных открыток.

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

<img src="АДРЕС КАРТИНКИ">

В этот код просто подставляем Уникальный адрес (URL) картинки.

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 27 - Проигрывание музыки при открытии поста
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Подписать картинку
В ПОМОЩЬ БЛОГЕРУ/Размер картинки
В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
В ПОМОЩЬ БЛОГЕРУ/Нужные кнопочки

Рамочки-линии для выделения текста

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

Рамочки - линии для выделения текста

Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш.

В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе..
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
РАМОЧКИ. УРОКИ И СКЕЛЕТЫ

Несколько оригинальных формул и ссылок для дневника

Воскресенье, 19 Февраля 2017 г. 01:42 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Несколько оригинальных формул и ссылок для дневника

Для вашего творчества и фантазии, предлагаю несколько необычных формул и ссылок которые разнообразят ваши посты и рамочки!
В МОЙ ДНЕВНИК

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Как сделать бегущую строку и бегущее изображение в дневнике

Воскресенье, 19 Февраля 2017 г. 01:33 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать бегущую строку и бегущее изображение в дневнике

Часто при написании своего сайта, или его управлением, возникает потребность установить на сайт бегущую строку. Такой элемент дизайна привлекает внимание посетителей на нужные разделы сайта, а также может выделить определенную информацию на передний план, что даст возможность первоочередного просмотра нужной темы.

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Делаем кликабельную ссылку с помощью панели спецкода.

Понедельник, 07 Ноября 2016 г. 15:18 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Делаем кликабельную ссылку с помощью панели спецкода.

Многие пользователи работают в простом редакторе, и совсем не умеют пользоваться панелью спец.кода. А с помощью этой панели, можно сделать многое. Например в считанные секунды вставить любую картинку из интернета. Как это сделать СМОТРИМ ЗДЕСЬ
Так же быстро можно сделать кликабельную ссылку на любой сайт, как текстовую, так и с картинкой.

А теперь более подробно КАК СДЕЛАТЬ ТЕКСТОВУЮ ССЫЛКУ С ПОМОЩЬЮ СПЕЦ,КОДОВ В простом редакторе..

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Всё о ЛиРу
В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

И снова о бродилочках...

Среда, 25 Ноября 2015 г. 12:48 + в цитатник
Это цитата сообщения Veta-z [Прочитать целиком + В свой цитатник или сообщество!]

И снова о бродилочках...

Любую картинку в посте можно сделать ссылкой («кликабельной»).
Это полезно при создании баннеров,бродилочек.
Сделать кнопку очень просто. Для этого надо использовать этот код:

Где "адрес ...." - полный адрес (http:// и т.д.).

код кликабельной картинки

Получаем....картинку-ссылку,например.....

можно сделать такую....бродилочку...

ВКЛЮЧИВ СВОЮ ФАНТАЗИЮ....МОЖНО НАТВОРИТЬ И ТАКОЕ........

Серия сообщений "КУРАТОРЫ":

Серия сообщений "-уроки от VETA":

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
БРОДИЛКИ РАЗНЫЕ

Создаем ссылки.

Вторник, 08 Сентября 2015 г. 11:42 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Создаем ссылки.

Деззи нам в помощь!

----------------------------------------------------

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

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Совет по кодам для разрезных рамочек ФШ

Воскресенье, 26 Июля 2015 г. 13:30 + в цитатник
Это цитата сообщения Люба47 [Прочитать целиком + В свой цитатник или сообщество!]

Совет по кодам для разрезных рамочек ФШ

Взяла на себя смелость поставить такой пост

Уважаемые члены соо Best_of_Callery, с вашего позволения хочу поделиться своим опытом.
При заполнении кода для разрезной рамочки ФШ, мы пользуемся кодами. Их несколько, слегка отличающихся друг от друга. Есть код для рамочки, в котором не указывается размер(ширина) текста. Если вы ставите стихи, то подойдет практически любой код для рамочки.
Но если у вас взяли рамочку и хотят поставить притчу, рассказ или другую прозу, то текст выходит за все пределы рамки.
Я, советую вам использовать код для разрезной рамочки ФШ, которым пользуюсь сама

<center><table border="0" background="АДРЕС ВЕРХНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ" width="ШИРИНА ВЕРХНЕЙ ЧАСТИ"> <tr><td> <img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" />  </td></tr></table><table border="0" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" width="ШИРИНА СРЕДНЕЙ ЧАСТИ"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="ШИРИНА ТЕКСТА"><center><font face="Monotype Corsiva" color="#КОД ЦВЕТА ТЕКСТА" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="АДРЕС НИЖНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА НИЖНЕЙ ЧАСТИ" width="ШИРИНА НИЖНЕЙ ЧАСТИ"><tr><td><center><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> ВАШ НИК ИЛИ ПОДПИСЬ</b></font> </a></center></td></tr></table></center><br />
<br />

Как видите здесь можно поставить и ширину текста, шрифт размер и вид, цвет(код) текста.
У вас не будет возникать никаких проблем.
А вообще-то, я всегда вставляю текст и проверяю написание уже в готовой рамочке.
Вот пока и все. Что-то будет не понятно, спрашивайте, буду рада ответить.

Ljbov

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

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

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
РАМОЧКИ ФШ-УРОКИ

Как можно расположить картинки в тексте УРОК

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

Как можно расположить картинки в тексте УРОК

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

КАРТИНКА МЕЖДУ ТЕКСТОМ

Привыкайте счастливыми быть!
Просыпаться с улыбкой лучистой…
И со взглядом, по детскому, чистым,
Привыкайте друг друга любить…

Научитесь плохое не звать,
Предвещая заранее беды…
Вы ведите другие беседы…
Научитесь душой расцветать…

Привыкайте добро замечать
И ценить то, что жизнью даётся…
И за счастьем бежать не придётся…
Будет счастье за вами бежать!

Научитесь подвоха не ждать
От людей незнакомых и близких…
Ведь у всех, у высоких, и низких
Есть желание – счастье познать…

Привыкайте не злиться на зло,
А рискните помочь, разобраться…
Если кто-то вдруг начал кусаться,
Значит, в чём-то ему не везло…

Научитесь прощенья просить
И прощать… Вам судьба улыбнётся.
И весна в вашу душу вернётся!
Привыкайте счастливыми быть….

автор Ирина Самарина

КОД ТАБЛИЦЫ

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

идем дальше

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Ваша картинка с надписью и в рамке.Урок.

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

Ваша картинка с надписью и в рамке.Урок.

(180x140, 35Kb)

Как быстро наложить текст на картинку без графических редакторов:
Вот картинка пример,если вас устраивает,то вот вам урок,как это делать...
Перед вами две картинки.Первая с обычным по размеру шрифтом и цвет стоит жёлтый.В коде,который стоит ниже,указаны именно этот цвет и размер текста.Вторая картинка с более крупным текстом и другим цветом.Стоит по центру.Это уже я сделала от себя,добавила в код размер и цвет,можно менять и размер и текст,какой кому нравится.Если кто-то пожелает узнать как можно поменять цвет и размер текста и как это вставить в код,я могу написать отдельный урок.Кого и такое устраивает,то смотрите,читайте и учитесь.Напоминаю,что это без фотошопа и без Paint.
ИТАК:

Здесь будет ваш текст

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ

Дальше код,куда надо вставить адрес картинки и написать текст:

Весь урок внутри,жми

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Как вставить код любого изображения в аккуратную рамку (урок)

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

Как вставить код любого изображения в аккуратную рамку (урок)

Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами.
Вот код окошка, в которое вставляется код:

<input type='text' size='35' value='<ВАШ КОД>'>

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

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Закругление углов изображения без ФШ

Воскресенье, 26 Апреля 2015 г. 11:21 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Закругление углов изображения без ФШ

Закруглять будем с помощью HTML кода + свойство CSS border-radius.

<img src="АДРЕС ИЗОБРАЖЕНИЯ" style="border-radius: width: ШИРИНА ИЗОБРАЖЕНИЯpx; height: ВЫСОТА ИЗОБРАЖЕНИЯpx; border: 3px solid red; border-radius: 100%;" />

Так выглядит код картинки — HTML овал (для прямоугольных изображений):

< img src="https://img-fotki.yandex.ru/get/16129/163781271.f8/0_
f121c_96424eec_L.jpg" style="border-radius: width: 430px; height: 280px;
border: 3px solid red; border-radius: 100%;"/>

Смотрим дальше

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Делаем Окошко для кодов.

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

Делаем Окошко для кодов.

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
ВАШ КОД

SvetlanaT

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Рамка вокруг изображения

Вторник, 17 Марта 2015 г. 14:12 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамка вокруг изображения

С помощью CSS можно вокруг любого изображения сделать симпатичную
рамку-обводку. Поскольку у стилевого свойства border есть несколько значений,
то и рамочки могут быть разными по стилю, цвету и толщине.

Название цвета указываем по-английски. Значения меняем в строке:
style="border: 10px double Blue", где 10 — толщина, double — стиль, Blue — цвет.
Сначала покажу примеры рамок, а ниже представлю их коды.

Вариант 1

Изображение
заключено в двойную
рамку: стиль double;

Смотрим дальше

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Все формулы в одном месте

Воскресенье, 08 Марта 2015 г. 23:38 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Все формулы в одном месте

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

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

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода
такое
<input type="text" size="15" value="Код рамки" />

или такое

Рамка в два слоя

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка Источник

Изменить цвет ссылки

Фон для записи

Сложная таблица

для вас Лариса Гурьянова

Серия сообщений "* Памятка начинающему блогеру":

Часть 1 - Обновить/Удалить драйвер
Часть 2 - Как пронумеровать свой блог или постраничная бродилка
...
Часть 61 - HTML шпаргалка
Часть 62 - Как установить глобус-информер на свою страничку
Часть 63 - Все формулы в одном месте

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Html - шпаргалка с формулами для рамочек и таблиц.

Среда, 21 Января 2015 г. 19:06 + в цитатник
Это цитата сообщения здесь_нет_никого [Прочитать целиком + В свой цитатник или сообщество!]

Html - шпаргалка

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
РАМОЧКИ. УРОКИ И СКЕЛЕТЫ

Визуальный "Редактор HTML кода"

Понедельник, 19 Января 2015 г. 13:35 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Визуальный "Редактор HTML кода"

Визуальный "Редактор HTML кода" для проверки

Очень нужна вещь!
Редактор служит для предварительной проверки скриптов и HTML кодов на работоспособность. Полезная вещь для тех, кто делает рамочки и не только. Помогает предварительно проверять в работе результат вводимых значений.

Жми на картинку.

Серия сообщений "Онлайн":

Часть 1 - Мультимедийные приложения онлайн
Часть 2 - Визуальный "Редактор HTML кода"
Часть 3 - Любителям общения онлайн в Интернете
Часть 4 - Проверим вредность своего мобильника
...
Часть 9 - Cоздать звуковое приветствие и вставить его в дневник
Часть 10 - HTML отображается, как текст
Часть 11 - Подбираем нужный шрифт

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Тег "Marquee" - Двигаюшийся текст и не только...

Четверг, 15 Января 2015 г. 20:37 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

Тег Marquee - Двигаюшийся текст и не только...

Тег Marquee

Двигаюшийся текст

и не только текст...

Тег <marquee> заставляет двигаться не только текст, но всё, что в него "помещено".

Читать далее

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

<MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
РАМОЧКИ. УРОКИ И СКЕЛЕТЫ

Цветное окошко для кода

Пятница, 09 Января 2015 г. 22:19 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Цветное окошко для кода

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

Вот простенькое, с прозрачным фоном: ВАШ КОД

А это код нашего простого окошка: <textarea style="text-align: center;" readonly="readonly" cols="15" rows="1" name="S1">ВАШ КОД

При необходимости меняем размер. Атрибут cols="15" отвечает за
ширину окошка. Меняем цифру "15" на нужную нам. Атрибут rows="1" отвечает за высоту. Вместо "1" можем поставить "2", например.

А можно украсить наше окошко цветом, вот так: ВАШ КОД

Вот код цветного окошка: <textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color:lawngreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

Смотрим дальше

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Моя шпаргалка по формулам. Доработана

Вторник, 09 Декабря 2014 г. 04:12 + в цитатник
Это цитата сообщения Lyudmila_Lyu [Прочитать целиком + В свой цитатник или сообщество!]

Моя шпаргалка по формулам. Доработана

звёздочки в коде убрать***** *****звёздочки в коде убрать

<div align="center"></div>Центровка

<*a href="ССЫЛКА" target="_blank">ИсточникИсточник

<br /><div align="center"><textarea rows="1" cols="45"> ВАШ КОД <*/textarea>(зв. убрать)Окошко + код

Простая линия <hr /> - простая линия; <hr color="Код цвета" /> - цветная линияПростые линии

Толщина простой линии<hr size="5" />Линия с толщиной простая

Толщина цветной линии<hr color="Код цвета" size="5" />Толщина цветной линии

<*img src="URL адрес КАРТИНКИ">Изображение

<xmp>Виден код. Теги - по краям</xmp><*textarea><*/textarea>(зв. убрать)Виден код

<br />[more*=Далее смотрим здесь]<br /><br /> [/more]<br /><br />(зв. убрать)Здесь далее

2 картинки <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> </tr> </table>2 картинки в ряд

<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>3 картинки в ряд

<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>4 картинки в ряд

<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>5 картинок в ряд

<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>6 картинок в ряд

<*img src="КАРТИНКА" align="left" border="0">ТЕКСТКартинка слева от текста

<*img src="КАРТИНКА" align="right" border="0">ТЕКСТКартинка справа от текста

<table align="center"> <tr> <td>ВАШ ТЕКСТ</td> <td> <*img src="URL адрес КАРТИНКИ"></td> <td> ВАШ ТЕКСТ</td></tr></table>Картинка в центре

<table width="100%" border="0" cellspacing="5" cellpadding="10" background="URL адрес фонового рисунка"> <tr valign="top"> <td width="100%"> ВАШ ПОСТ</td></tr></table>Фон записи

<table align="center"> <tbody> <tr> <td> <*img src="КАРТИНКА"></td> <td> ТЕКСТ</td> <td> <*img src="КАРТИНКА"></td> </tr> </tbody> </table>Текст в центре

<br /><br /> опускаем; &*nbsp; - пробел(убрать зв.)ударение после гл. - &*#769; или — тире — – <marquee> (движение)</marquee> &*nbsp; <li></li><p></p> - новый абзац,<blockquote></blockquote>-отступ&align=left, align=rightРазное

Серия сообщений "• формулы, коды":
Часть 1 - Расположение музыки на картинке
Часть 2 - Серия сообщений "• формулы, коды" от Lyudmila Lyu
...
Часть 46 - Красивое разворачивание картинки
Часть 47 - Нужные формулы кодов
Часть 48 - Моя шпаргалка по формулам. Доработана

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Таблица HTML кодов

Пятница, 24 Октября 2014 г. 22:28 + в цитатник
Это цитата сообщения Beauti_Flash [Прочитать целиком + В свой цитатник или сообщество!]

Таблица HTML кодов

Предлагаю вам таблицу кодов
может вам пригодится

КОДЫ ДЛЯ БЛОГОВ

Картинка или текст
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -

Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -

Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды
В ПОМОЩЬ БЛОГЕРУ/Таблицы

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок

Четверг, 23 Октября 2014 г. 04:06 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок

Этот урок для новых моих читателей, начинающих, только что пришедших. Они сразу сталкиваются с самой главной проблемой - не знают как вставить в комментарий под постом картинку-благодарность. Мучаются, переживают из-за этого. По крайней мере, ко мне за последнюю неделю обратилось очень много читателей. У меня в рубрике есть пост по этому вопросу, но он уже устарел. И поэтому я вам сейчас еще раз объясню, как это легко делается. ВСТАВЛЯЕТСЯ КАРТИНКА - БЫСТРО И ПРОСТО!
Возьмем для примера вот этот cуперский смайлик, который кто-то захочет вставить мне в комментарий.

смотрим и читаем внимательно

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Размер картинки
В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Цветные окошки для кодов + генератор цветов.

Вторник, 23 Сентября 2014 г. 03:53 + в цитатник
Это цитата сообщения Flash_Magic [Прочитать целиком + В свой цитатник или сообщество!]

Цветные окошки для кодов + генератор цветов.

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

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#633713; background-color:#b18f73; border: solid 1px #633713;">Ваш Текст

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#E40000; background-color:#000000; border: solid 1px #E40000;">Ваш Текст

Ваш Текст

Код Окошка

<textarea readonly="readonly" cols="40" rows="1" style="font-size: 10px; color:#97c6ed; background-color:#175667; border: solid 1px #97c6ed;">Ваш Текст

Окошко для флеш кодов смотрите ТУТ, в уроке
(КАК ЗАГРУЖАТЬ И РЕДАКТИРОВАТЬ ФЛЕШ ФАЙЛЫ НА ЛИ.РУ.)

Теперь рассмотрим как поменять цвета в окошке.
Смотрите подсказки на скриншоте.
окошко для кодов.. (505x600, 312Kb)

Подбираем нужный вам цвет, при помощи генератора цвета,
копируем код, выделяем старый и меняем, вставляя скопированный.

Чтобы подобрать нужный цвет, подвигайте бегунками.
Затем скопируйте код рядом с выбранным цветом.

Всем удачи, творческих успехов и хорошего настроения!

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Простейшая таблица для записей и картинок.

Пятница, 12 Сентября 2014 г. 01:43 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Простейшая таблица для записей и картинок

Таким образом я выставил свои кнопки

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

HTML

Пятница, 12 Сентября 2014 г. 13:56 + в цитатник
Это цитата сообщения LiSu [Прочитать целиком + В свой цитатник или сообщество!]

HTML

Центровка	Картинка слева от текста
Картинка справа от текста	Картинки по бокам от текста
Текст по бокам картинки	Бегущая строка
Подпись	Окошко под код
Баннер	4 картинки в ряд
Выпадающий список	Текст с прокруткой
Фш разрезная рамочка	Рамочка с разрывом
Размер картинки	Таблица из двух столбцов
Текст на картинке	Текст в 2 столбика

Рубрики:

В ПОМОЩЬ БЛОГЕРУ/Палитра фонов и цвета
В ПОМОЩЬ БЛОГЕРУ/Формулы и коды

Страницы:

[2] 1

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Музыка

-Метки

-Всегда под рукой

-Ссылки

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

-Друзья

-Сообщества

Тег Marquee

Двигаюшийся текст

и не только текст...