Девочки, Сима Пекер опубликовала пост "сайт, где можно легко наложить текст

на фото":  

http://www.liveinternet.ru/users/3798319/post186833842/

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

Сделала для Вас небольшую подборку новогодних красивостей (наряженная елка, снеговик, новогодние игрушки и подарки): можете украсить ими свои дневники, а можете использовать в качестве комментариев. Надеюсь,понравится!

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4523/102699435.41e/0_73fd9_c4adab37_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4713/102699435.41b/0_73f33_a4eb84e3_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4420/102699435.41b/0_73f34_92c3c12d_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4420/102699435.41c/0_73f57_e1977176_S.jpg" title="Счастливого Нового года!" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4523/102699435.41b/0_73f2e_2f547d15_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4713/102699435.41d/0_73fa2_41c91164_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/4522/102699435.41d/0_73fbd_935b551f_S.jpg" title="Счастливого Нового года!" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lady-of-rain.ru/"><img alt="Счастливого Нового года!" border="0" src="//img-fotki.yandex.ru/get/5818/102699435.41f/0_74015_f565b803_S.jpg" title="Счастливого Нового года!" /></a>

Только для женщин

Вначале - кратко о спецкодах и 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><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

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



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

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

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


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

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

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


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

Однажды


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


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

1.Заходим в настройки(внизу серый квадратик).
2.Дальше находим надпись Настройки Дизайна.Жмём.

3.а)Если вы хотите чтобы ваш дизайн состоял
не из картинок,а просто из цветовой гаммы
тогда вам нужна таблица с ЦВЕТОМ ФОНА.
Подбираете цвета какие хотите,смотрите
внизу предпросмотр.
Если вас всё устраивает ставите галочку напротив-
Сохранить набор цветов как схему.
И жмёте ВНЕСТИ ИЗМЕНЕНИЯ.
б) А если хотите загрузить красивый фон,то делайте как на рисунке.
Фон страницы выбираете под цвет вашего дизайна.
Его не будет видно он останется под картинкой и появляется только в начале загрузки дневника.
ЗДЕСЬ далее...
SvetlanaT

 Не могу оставить письма с вопросами  своих читателей-новичков без внимания!  Я,Nelya Gerbekova даю ссылки на уже написанные, продвинутыми пользователями уроки и учебники для новичков,но бывает и так,что в найденном материале они не могут найти ответы на свои вопросы и потому появляются вот такие незапланированные посты. А  кажется,что всё уже сказано,написано,разжевано и преподнесено на блюдечке.Чтобы помочь новичкам администрация ValeZ обратилась к более опытным пользователям, предлагая мозговой штурм Что делать новичку с дневником? Не знаю, чем всё это закончилось и какие сделаны выводы,но поток вопросов от новичков не прекращается и это вполне объяснимо. Популярность LiveInternet растёт ,и, естественно, растёт поток вновь прибывших . Cтараюсь ответить каждому в личке,но если вопросы повторяются рождается очередной урок  для новичков.По этическим соображениям  не смогу показать скрины писем,  лишь добавлю,что большинство писем о том, как разложить все сообщения по полочкам т.е. упорядочить. 

Серия сообщений "Для новичков ЛИ.РУ.":
Часть 1 - Для самых начинающих лирушников.
Часть 2 - С чего начинать дневник?
...
Часть 35 - Читаем дневники не прерывая музыку!
Часть 36 - Наводим порядок в дневнике!Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков!
Часть 37 - Уроки для новичков Лиру.