Подписать картинку. (памятка)

Быстро наложить текст на картинку без графических редакторов:
В значения width и height вместо многоточий ставятся размеры картинки (их можно узнать из пункта “Свойства” вашей картинки)
Можно изменить значение valign="bottom" .
Измениться положение текста на картинке.
"bottom" (текст - внизу) изменить на "middle"( текст будет отображаться посередине) или изменить на "top" (текст окажеться вверху).
font color="#FF0000" - Цвет текста.
size="+2" - Размер текста.
Чем больше цифра, тем крупнее шрифт.
Вот примерный результат.

Ветер перемен

Серия сообщений "~ < htmlka >":
Часть 1 - <htmlka>
Часть 2 - Подписать картинку. (памятка)
Часть 3 - Памятка по html
Часть 4 - Текст обтекает картинку.
...
Часть 19 - Генератор таблиц
Часть 20 - Урок по таблицам...полезный)))
Часть 21 - Увеличить изображения по клику

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: Подписать картинку

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

Как разбить текст на две колонки.

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

Как разбить текст на две колонки

Часто бывает так ,что текст надо разбить на две колоночки,но как это сделать?Легко скажу я Вам..Всего лишь надо воспользоваться кодом
Код для такой записи смотрите в окошечке

<table width=100%><tr><td width=50%>текст левой колонки<td width=50%>текст правой колонки</table>

Для примера возьмём стихотворение
"ДОБРОТА"

Потерян смысл слова доброта,
Ведь нынче с целью все поступки.
«Да, друг, я помогу тебе сполна...
А ты мне сделаешь уступки.»

Чтоб взять другого доброту,
Эх, надо быть богатым мне.
За помощь человека хоть одну,
Отдашь, как минимум ты две.

О, да, напуган ею я серьёзно.
Ведь в наше время доброта,
От всех исходит молниеносно,
А искренья она, лишь иногда.

Навязчиво так все суют её,
Не думая — нужна она тебе.
Но зная, что теперь своё,
Они возьмут с тебя вполне.

Вот в принципе и всё ...
Возможно, кому то и пригодится!

Сейчас ,как известно, популярностью пользуются интернет -магазины и на этом можно не плохо заработать.Если у Вас в голове возникла такая идея ,то советую ознакомится со статьёй ,где подробно описывается, где и как сделать интернет -магазин
промо-код Shop-Script даёт Вам отличную возможность сделать дешево и функционально.Подробности на блоге www.my.opera.com/valyan-t/blog

>>>

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: разбить текст на две колонки

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

Разделение текста на части.

Понедельник, 31 Октября 2016 г. 23:36 + в цитатник
Это цитата сообщения ЯблочкоНаливное [Прочитать целиком + В свой цитатник или сообщество!]

Разделение текста на части

В дневниках увидела урок разделения текста, взятый на майле - с чёрной полосой деления. Это некрасиво на мой взгляд.
Вот код разделения, действующий на лирушке.

Чтобы текст разделить на две части:

Здесь ваш текст или картинка

Здесь пишите или вставляете текст.
Проценты можно устанавливать на своё усмотрение и тогда будет смотреться по-другому

Код:

Здесь изменила проценты:

Здесь ваш текст или картинка

Здесь располагаете текст или картинку. Текст не будет никуда наползать, он ограничен размером.

А вот и на три части разделила:

Мужчина никогда не унывает,
Не станет ни скулить, ни голосить.
Невыносимых женщин не бывает!
(Но надо знать, куда их выносить)

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: Разделение текста на части

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

Пишем в два столбца без ФШ.

Понедельник, 31 Октября 2016 г. 23:32 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Пишем в два столбца без ФШ

Хотите научиться писать на картинке в два столбца без фотошопа?
Так, как на этом свитке?
Тогда скопируйте код из окошка снизу и вставьте в свой дневник.

А годы... тихо уплывают,
Соткав для нас вуаль морщин...
Лишь сединой напоминают,
Что жизнь - одна!
И шанс - один!
Антракта нет на этой сцене,
И занавес нельзя закрыть...
А время - поднимает цены
На право полноценно жить,

Искать, творить и быть
счастливым,
Как в детстве, быть самим
собой,
Любить... и тоже быть
любимым
И - вознестись над суетой!
А счастлив тот, кто на
рассвете
Сумел однажды осознать,
Что жив! Здоров!
Что солнце светит!
И будет новый день опять!
(из инета)

<table style="border: 0px none #000000; background-image: url('//img-fotki.yandex.ru/get/6100/136160416.38/0_7e5c1_39111a8d_XL.jpg');" border="0" cellspacing="0" cellpadding="0" width="800" height="563"><tbody><tr><td style="padding: 16px; text-align: center;"><center><table border="0" cellspacing="10" cellpadding="0" width="750"><tbody><tr><td><center><img title="" data-cke-saved-src="//img-fotki.yandex.ru/get/5807/136160416.65/0_8c5f5_92fa9e6a_M.jpg" src="//img-fotki.yandex.ru/get/5807/136160416.65/0_8c5f5_92fa9e6a_M.jpg" border="0" alt="" width="240" height="102" /><br /> А годы... тихо уплывают,<br /> Соткав для нас вуаль морщин...<br /> Лишь сединой напоминают,<br /> Что жизнь - одна! <br /> И шанс - один!<br /> Антракта нет на этой сцене,<br /> И занавес нельзя закрыть...<br /> А время - поднимает цены<br /> На право полноценно жить,</center></td><td> </td><td><center><br /> <br /> <br /> Искать, творить и быть<br /> счастливым,<br /> Как в детстве, быть самим <br /> собой,<br /> Любить... и тоже быть <br /> любимым<br /> И - вознестись над суетой!<br /> А счастлив тот, кто на <br /> рассвете<br /> Сумел однажды осознать,<br /> Что жив! Здоров! <br /> Что солнце светит!<br /> И будет новый день опять! <br /> (из инета)</center></td></tr></tbody></table><span style="font-size: x-small;"> <a data-cke-saved-href="http://blogs.mail.ru/mail/gou2098/" href="http://blogs.mail.ru/mail/gou2098/" target="_blank"><img title="" data-cke-saved-src="//img-fotki.yandex.ru/get/6314/136160416.66/0_8c603_bd44af90_XS.jpg" src="//img-fotki.yandex.ru/get/6314/136160416.66/0_8c603_bd44af90_XS.jpg" border="0" alt="" width="32" height="32" /></a></span></center></td></tr></tbody></table>

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

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: текст в два столбца

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

Всё про картинки. Часть 1. Закругляем углы.

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

Всё про картинки. Часть 1. Закругляем углы.

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

Закругляем острые углы на картинке

Берём картинку

Чтобы закруглить углы на картинке, пишем HTMLкод:

<img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" />

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

Радиус установлен 80%

Радиус установлен 9%

bloginja

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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 5 - Cоздать звуковое приветствие и вставить его в дневник
Часть 6 - HTML отображается, как текст
Часть 7 - Всё про картинки. Часть 1. Закругляем углы.
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
...
Часть 15 - Скачать видео с Лиру.
Часть 16 - Изменения, которые должны будут случиться на ЛиРу в ближайшее время
Часть 17 - Сообщество Questions_LiveInternet - Вопросы по Лиру

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: закругляем углы

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

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

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

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

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

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

<nobr>КАРТИНКИ В РЯД</nobr>

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

Пример:

matryoshka02 (128x128, 11Kb)

Код для вставки картинки:
<img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ">

Код картинки со ссылкой на оригинал:
<a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a>

Картинки в столбик
Читать дальше...

bloginja

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

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
...
Часть 15 - Плееры для Лиру
Часть 16 - Развернуть картинку прямо на странице поста
Часть 17 - Вставить чужую рамку себе в пост

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

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
...
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост

Серия сообщений "Изображения":

Часть 1 - Всё про картинки. Часть 1. Закругляем углы.
Часть 2 - Всё про картинки. Часть 2
Часть 3 - Всё про картинки. Часть 3.
Часть 4 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 5 - Фон для поста
Часть 6 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 7 - Развернуть картинку прямо на странице поста

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: картинки в ряд

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

Бегущая строка из картинок или текста.

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

Бегущая строка из картинок или текста

Тег marquee - Бегущая строка
Тег marquee создает бегущую строку на странице и позволяет перемещать по ней любые элементы — изображения, текст и т.д.
Пример:

Кто быстрее?

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

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

Ок! Кажется так сложно в начале, а в итоге всё так просто.
Вместо картинок можно писать текст, оформив его атрибутами текста, как обычно.
bloginja

Читайте так же: ПОСТ ПОСТ ПОСТ ПОСТ

Серия сообщений "Памятка для Лиру":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
Часть 3 - Сохранение дневника с Лиру на компьютер
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
...
Часть 15 - Плееры для Лиру
Часть 16 - Развернуть картинку прямо на странице поста
Часть 17 - Вставить чужую рамку себе в пост

Серия сообщений "Уроки":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
Часть 3 - Сохранение дневника с Лиру на компьютер
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
...
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: бегущая строка

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

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

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

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

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

Текст на картинкуHTML код:
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ширина картинки" height="высота картинки"><font face="шрифт текста" size="размер текста" color="#цвет текста">ТЕКСТ.</font></td></tr></table></div>
Пример:

Смотрите на цветы. Минуты не считайте.
В цветах повтора нет, от них нельзя устать.
Смотрите на цветы. Их как стихи читайте.
Прекрасно над цветком в раздумье постоять.

Чтобы текст располагался внизу,

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

bloginja

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

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
...
Часть 15 - Плееры для Лиру
Часть 16 - Развернуть картинку прямо на странице поста
Часть 17 - Вставить чужую рамку себе в пост

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

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
...
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост

Серия сообщений "Изображения":

Часть 1 - Всё про картинки. Часть 1. Закругляем углы.
Часть 2 - Всё про картинки. Часть 2
Часть 3 - Всё про картинки. Часть 3.
Часть 4 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 5 - Фон для поста
Часть 6 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 7 - Развернуть картинку прямо на странице поста

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: текст на картинке картинки в рамке с прокруткой

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

Шпаргалка по формулам.

Понедельник, 31 Октября 2016 г. 23:20 + в цитатник
Это цитата сообщения 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Разное

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: формулы

Страницы: 717 ... 273 272 [271] 270 269 .... 1 Календарь

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Видео

-Музыка

-Я - фотограф

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

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

-Фотоальбом

-Приложения

-Резюме

Савченко Татьяна

-Новости

-Друзья

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

-Сообщества

-Трансляции

-Статистика

"И было многое.. и все ещё быть может... Претензий к жизни нет.. за всё.. благодарю..."

Перейти к полной формеБыстрая запись

Подписать картинку. (памятка)

Как разбить текст на две колонки.

Разделение текста на части.

Пишем в два столбца без ФШ.

Всё про картинки. Часть 1. Закругляем углы.

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

Бегущая строка из картинок или текста.

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

Шпаргалка по формулам.