УРОК =ДЕЛАЕМ ПЛЕЕР С You Tube=

Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Коды для оформления блога

Оформление текста в генераторе

Как сделать кликовую ссылку на пост, чтобы вместо адреса строки было слово.

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

Читателей интересует вопрос, как сделать кликовую ссылку, чтобы вместо адреса строки было слово.

Самое простое это использовать BB-коды. Что же это означает?  BB коды - это набор тегов, основанных на языке HTML. Они позволяют выполнять форматирование текста гораздо проще, чем в HTML причём, не нарушая целостность страницы.

Как это делается:

[url= АДРЕС СТРАНИЦЫ] ТЕКСТ [/url]

Например, я хочу дать ссылку на свой пост, который называется: Если вы хотите найти нужный вам пост в дневнике.

Копирую адресную строку браузера свое поста - http://bloguseful.ru/post215358508/

Потом вставляем и используем текст, например слово ЗДЕСЬ

И вот у нас получилось:

ЗДЕСЬ.

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

 

========================== Коды для рамочек

 

1. Рамочка с разрывом (картинка или текст) и с фоном

<table background="URL АДРЕС ФОНА"><tr><td><FIELDSET><LEGEND>ТЕкСТ (или КАРТИНКА) в разрыве </LEGEND><center>ТЕКСТ внутри рамки, т.е.ВАШ ПОСТ <center></FIELDSET></td></tr></table>

2. Рамочка с разрывом (картинка или текст) без фона

<FIELDSET><LEGEND>ТЕкСТ (или картинка) в разрыве </LEGEND><center>ТЕКСТ внутри рамки т.е.ВАШ ПОСТ<center></FIELDSET>

3. Просто рамочка, без разрыва и без фона, вокруг вашего текста

<fieldset>ВАШ ТЕКСТ</fieldset>

Коды для оформления блога

Коды для оформления блога

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

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

Быстро наложить текст на картинку без графических редакторов: <center><table border="0" cellpadding="0" cellspasing="0"> <tr> <th width=".." height=".." background="АДРЕС КАРТИНКИ" valign="bottom"> <font color="#FF0000" size=" +2">ВАШ ТЕКСТ</font></th> </tr> </table></center>
В значения width и height вместо многоточий ставятся размеры картинки (их можно узнать из пункта “Свойства” вашей картинки)
Можно изменить значение valign="bottom" .
Измениться положение текста на картинке.
"bottom" (текст - внизу) изменить на "middle"( текст будет отображаться посередине) или изменить на "top" (текст окажеться вверху).
font color="#FF0000" - Цвет текста.
size="+2" - Размер текста.
Чем больше цифра, тем крупнее шрифт.
Вот примерный результат.

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

Серия сообщений "~ < htmlka >":
Часть 1 -
Часть 2 - Подписать картинку. (памятка)
Часть 3 - Памятка по html
Часть 4 - Текст обтекает картинку.
Часть 5 - Делаем полосу прокрутки цветной
Часть 6 - Основа работы с текстом
Часть 7 - Оформление текста
Часть 8 - Как делать рамки с прокруткой!
Часть 9 - Рамочка для вставки кода
Часть 10 - расположить картинки в ряд
Часть 11 - Как сделать текст для показа со скроллом и без
Часть 12 - Для тех, кто не знаком с html, здесь все очень подробно
Часть 13 - Делаем открытку со стихами
Часть 14 - Делаем бегущую строку не возясь с кодами. Flash генератор бегущей строки.
Часть 15 - Шпаргалка цветов для текста и прочего (flash) Спасибо Леше!
Часть 16 - Пипетка. Узнает цвет в любой точке монитора.
Часть 17 - Оформляем текст и картинки
Часть 18 - СКРИПТИК - ЧУДЕСНЫЙ САЙТ

Урок о том как добавить анимацию на вашу картинку











читать дальше

Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Получается вот так:


Теперь между спинками квадратных скобок пишем анкор (слово, нажав на которое человек попадет на нужную страницу).



Анкор у нас будет, например: Сады

Итого получилось так:


Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся вспомогательная латинская писанина исчезает, и остается только слово Сады. Но оно теперь кликабельно! Наведи мышку на него и увидишь, что мышка превратилась в лапку. Значит, слово Сады стало ссылкой.

Сады

В анкоре можно писать сколько угодно слов и даже предложений. Лишь бы анкор был написан между "спинками" квадратных скобок.

Когда читаешь инструкцию и не выполняешь, все кажется страшно.
А если выполнять, ну хоть прямо сейчас, то все получится легко!
Ты аж удивишься. Попробуй!

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».


Серия сообщений на тему «Возня с компьютером»:
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

ВОТ ТАК ПОМОГАЛОЧКА...

ЭТО ПРОСТО КЛАД для сайта Вот она ненаглядная во всей своей красе распласталась по экрану вашего монитора. KOROLEVA