"Инструкция пользования моими рамочками - 2" и "Как взять код картинки, не выходя из дневника."

Дорогие друзья! При цитировании ваших постов в моих рамочках, я вижу, что некоторые из вас до сих пор испытывают трудности в работе с ними, потому что неправильно их вставляют в редактор первоначально. Кроме того, текст, вставленный не на своё место, теряет свой цвет и меняется на цвет текста вашего дневника. В таких случаях, когда кто-то цитирует ваш пост, цвет опять меняется на цвет текста другого дневника. Иногда их цвет текста совпадает с цветом фона рамочки и его просто не видно! Этого быть не должно! Я понимаю, что учиться, а особенно переучиваться, – всегда сложно, но зато потом наступает большое облегчение! Испытала это на себе и не раз! Давайте будем учиться! Я сама ещё очень многому учусь! Поскольку теперь я начала вставлять в свои рамочки слово "Картинка", чтобы вам было легче работать с ними, то решила написать для вас и облегчённый вариант инструкции, без формул. ВОТ ЧТО НУЖНО ДЕЛАТЬ:

Как сделать схему для оформления дневника.

1.    Заходим в настройки(первый рисунок слева).

   Дальше находим надпись Настройки Дизайна. Кликаем левой кнопкой мыши.

3. 

      а)  Если вы хотите чтобы оформление дизайна вашего дневника состояло не из картинок, а  из цветовой гаммы тогда вам необходима таблица с ЦВЕТОМ ФОНА. (рисунок первый справа)

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

Если вас всё устраивает ставите галочку напротив - Сохранить набор цветов как схему. 

                                                                                                  И кликаете ВНЕСТИ ИЗМЕНЕНИЯ.

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

Оформление дневника на ЛИ.РУ(Для новичков ЛИ.РУ).

Серия сообщений " Оформление дневника на ЛИ.РУ":

Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
Часть 3 - Как читать плоховидимый текст в дневниках
Часть 4 - Как запретить комментарии спамерам и флудерам ( грубиянам)
Часть 5 - Можете удалить любые отношения к Вам, которые старше 30 дней
Часть 6 - Удобный и бесплатный сервис для хранения и публикации медиа-файлов.
Часть 7 - Мой ник зарегистрирован
Часть 8 - Как сделать скриншот (снимок экрана) без применения программ. Рекомендации из личного опыта
Часть 9 - Главные расширения для Google Chrome / Бесплатные программы в картинках
Часть 10 - КРАСИВЫЕ ЗАСТАВКИ ДЛЯ КОМПЬЮТЕРА
Часть 11 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 12 - Самые простые способы вставки музыкального плеера в сообщение
Часть 13 - Как вставить текстовую рамочку в ваш дневник.Подробный урок от Pannamusic
Часть 14 - Про кнопки Яндекса и другие приложения от LiluMi
Часть 15 - НАШЛА КАК ДЕЛАТЬ РАМКИ БЕЗ КОДА И МУЧЕНИЙ..ДЛЯ ВАС....
Часть 16 - Делаем рамки без кода
Часть 17 - Супер полезный сервис!!
Часть 18 - Урок для новичков.Как использовать приложение "Я ФОТОГРАФ"
Часть 19 - On-line генераторы
Часть 20 - Отдельный домен для дневника на Лиру.
Часть 21 - Урок для новичков.Вставляем текст и картинку в рамку с кодом
Часть 22 - Adblock Plus для Chrome — и назойливой рекламы больше не будет
Часть 23 - Для новичков. Загружаем музыку с ПК и создаем плеер.
Часть 24 - Урок для новичков .Как вставить плейлист и картинку в рамку
Часть 25 - Добавление к предыдущему посту .Как изменить размер плеера
Часть 26 - Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
Часть 27 - Как создать кликабельную картинку или кнопку-переход в редакторе
Часть 28 - Почему пропадают картинки и фотки?
Часть 29 - Урок для новеньких.Украшаем дневник! Как применить и управлять схемами
Часть 30 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 31 - Как создать ссылки в редакторе дневника.
Часть 32 - Как скопировать схему оформления (дизайн) чужого дневника на ЛиРу
Часть 33 - Коды для оформления блога (дневника)

Волшебная формула для изменения величины картинки без всяких генераторов.

Для новичков:

1. обычная формула для вставки картинки в пост.
2. если к ней дописать, что подчеркнуто красным , то можно изменить размер картинки, причем любой, даже анимированной.
3. если дописать, что подчеркнуто синим, можно обвести картинку контуром.
4 и 5. - картинка слева или справа
6. если дописать , что подчеркнуто оранжевым, то можно изменить размер и обвести контуром.
Вот как это выглядит:Смотрите далее…

Вечные полные календари с часами и приветствием часть 2

Переход по месяцам и годам
***клик по стрелочкам в квадратиках***

Читать далее
Kantemirova Irina

Кнопочки "Далее" от geniavegas

<img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732090_gvy107.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732091_gvy108.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732092_gvy109.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732091_gvy110" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732187_gvy111.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732196_gvy112.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732220_gvy113.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732273_gvy114.png" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732023_gvy95.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732024_gvy96.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732025_gvy97.png" /><<img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732058_gvy98.png" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732059_gvy99.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732060_gvy100.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732061_gvy101.png" /><<img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732062_gvy102.png" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732077_gvy103.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/732/116732078_gvy104.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732079_gvy105.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/732/116732151_gvy106.png" />

Кнопочки "Далее" от geniavegas

<img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105523_gvy67.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105524_gvy68.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105527_gvy70.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105528_gvy71.png" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105529_gvy72.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105544_gvy74.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105544_gvy74.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105545_gvy75.png" /> <img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105546_gvy76.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105547_gvy77.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105548_gvy78.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105549_gvy79.png" /> <img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105550_gvy80.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105551_gvy81.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105596_gvy82.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105598_gvy84.png" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105599_gvy85.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105600_gvy86.png" /><img src="//img1.liveinternet.ru/images/attach/c/11/116/105/116105601_gvy87.png" /><img src="//img0.liveinternet.ru/images/attach/c/11/116/105/116105602_gvy88.png" />

Осенние кнопочки перехода.

<img src="//img-fotki.yandex.ru/get/6732/112265771.496/0_add39_4fd1e71d_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/5100/112265771.496/0_add3a_41aaf5f6_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6830/112265771.496/0_add3b_f2be2a39_orig.gif" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6807/112265771.496/0_add3c_e51aabeb_orig.gif" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6743/112265771.496/0_add3d_1781d4a9_orig.png" title="" alt="" border="0" />
<img src="//img-fotki.yandex.ru/get/6807/112265771.496/0_add3e_4d8938fe_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6740/112265771.497/0_add3f_ac1c58_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6740/112265771.497/0_add40_646791ea_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6743/112265771.497/0_add41_f566edbe_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6830/112265771.497/0_add42_5d2c0474_orig.png" title="" alt="" border="0" />
<img src="//img-fotki.yandex.ru/get/6736/112265771.497/0_add43_8454405c_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6830/112265771.497/0_add44_f1c4ade4_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/5100/112265771.497/0_add45_29ba79fd_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6819/112265771.497/0_add46_13b70553_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6700/112265771.497/0_add47_a96f7515_orig.gif" title="" alt="" border="0" />
<img src="//img-fotki.yandex.ru/get/6700/112265771.497/0_add48_8087f4b3_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6807/112265771.497/0_add49_bb3215d_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/6736/112265771.497/0_add4a_8ba55bb6_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/5100/112265771.497/0_add4b_b6db80dc_orig.png" title="" alt="" border="0" />	<img src="//img-fotki.yandex.ru/get/4014/112265771.497/0_add4c_5a77d28e_orig.png" title="" alt="" border="0" />

КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР




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

КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР

Способ, который я опишу, очень подойдет людям, не умеющим работать с формулами HTML, т.е. для начинающих.
Вот такой плеер мы получим в конце урока:




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

Разделители для текста png gif

ЕЩЁ

Насекомые. Гифки на прозрачном слое.

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

Не хочу быть чайником!
 

Первые шаги по ведению дневника на Ли ру Урок для Ли.ру Как создавать рубрики и подрубрики

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

Учебник ЛИРУ!

Взяла у Только для женщинУчебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.



Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.



Теги, применяемые на ЛиРу

Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.

* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)

1. Как выделить текст?



<b>ВАШ ТЕКСТ</b>Полужирный текст

<i> ВАШ ТЕКСТ</i>Выделение текста курсивом

<u>ВАШ ТЕКСТ</u>Подчёркнутый текст

<s>ВАШ ТЕКСТ</s>Зачёркнутый текст

<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки

<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом

<p>ВАШ ТЕКСТ</p>Создание нового параграфа

<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________

<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________

<br />Перенос строки (если двойная - абзац)

<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)



2. Как изменить размер текста?



маленький текст <small>ВАШ ТЕКСТ</small> маленький текст

Уменьшить текст <font size="-2">текст</font> текст - 2

Увеличить текст+1: <font size="+1">текст</font> текст + 1

Увеличить текст+2: <font size="+2">текст</font> текст + 2

Увеличить текст+3: <font size="+3">текст</font> текст + 3



3. Как разместить текст (картинку) на странице и делать отступы?



<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.

<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?

Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20

Код картинки примет вид: <img src="http:…" align="left" hspace="20" />

Помни: align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали

vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

<img src="http:…" align="left" hspace="20" vspace="15" />



Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

<br /><br /><br /> - три пустые строки.



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

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.



4. Как окрасить текст в разные цвета?



КРАСНЫЙ: <font color="red">текст</font> красный текст

Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст

ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст

ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст

ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст

Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст

КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст

Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст

ГОЛУБОЙ: <font color="blue">текст</font> голубой текст

Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст

СИНИЙ: <font color="navy">текст</font> синий текст

ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст



Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).



* Коды цвета для текстов

* Посмотреть сочетаемость цветов

* Таблица "безопасных" цветов

* Все цвета Интернета



Вид шрифта:

Шрифт этого текста "Monotype Corsiva"

<font face="Monotype Corsiva" size="+1">Ваш текст</font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста "Monotype Corsiva"

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>



5. Как сделать бегущую строку?



Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево

Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо

Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю



6. Как сделать бегущую картинку?





 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?



Скользящий вверх текст

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх

текст с полезной

информацией,

картинкой или ещё с чем-нибудьСкользящий вниз текст

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь

информацией,

текст с полезной

Скролящийся вниз



8. Как сделать списки и сноски?



Список c жирная точка спереди <ul><br /><br /> <li>Ваш текст<br /><br /> </li><li>Ваш текст<br /><br /> </li></ul>

• Мужской клуб
  
   


• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /><br /> <li> второй пункт Вашего ТЕКСТА<br /><br /> </ol>

1. Первый пункт текста
   
    


2. Второй пункт текста

Сноска сверху

ТЕКСТ^сноска ТЕКСТ ^сноска

Сноска снизу

ТЕКСТ_сноска ТЕКСТ _сноска



9. Как сохранить текст таким, как вы написали?



"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды


        в студеную зимнюю пору


                я из лесу вышел...

10. Как сделать всплывающую подсказку?



Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет



11. Как дать ссылку на свой дневник или любой адрес?



Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:

<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин



Точно также можно дать ссылку на фото, картинку или видео.

Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):

<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>



12. Как скрыть часть текста (убрать под кат) ?



Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...

Самый полный FAQ по ЛиРу
 

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

Эпиграф флешка в ваш дневник.

Красивые флеш - ЭПИГРАФЫ для ваших дневников. Как его вставить в Эпиграф ?... Чтобы установить к себе нужно: Скопируйте код, а дальше... НАСТРОЙКИ—СТАРОЕ ОФОРМЛЕНИЕ НАСТРОЕК НАСТРОЙКИ ДНЕВНИКА—ЭПИГРАФ ДНЕВНИКА. В окошко эпиграфа ВСТАВЛЯЙТЕ КОД . И в конце остаётся только не забыть нажать ВНЕСТИ ИЗМЕНЕНИЯ. КОД ЭПИГРАФА вверху. [flash=600,500,http://dezzi.ru/images/3876873_382a1b.swf] ЗДЕСЬ далее ещё часики... SvetlanaT