как ставить по бокам текста вертикальные разделители

Среда, 10 Августа 2011 г. 18:57 + в цитатник

Цитата сообщения Феврония52

Прочитать целиком В свой цитатник или сообщество!

как ставить по бокам текста вертикальные разделители

По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку.
Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате выглядит вот так

Но когда мы перейдем в режим HTML, наша картинка превратится в коды и будет выглядеть вот так.

Разберем из чего он состоит

С кодом картинки мы разобрались. Теперь нам надо что бы она встала справа и слева от текста.Для этого В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Рассмотрим это на картинке

Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так

В посте это будет выглядеть вот так.

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

В посте это будет выглядеть вот так

Вот так картинки ставятся по краям поста. Попробуйте и у вас все получится. Тут всего добавить два слова к коду картинки. Как ставить картинки по бокам ТЕКСТА, например стихов, что бы они встали сразу за текстом а не раздвинулись широко по краям поста напишу в следующем уроке, что бы не грузить сразу много формул. Успехов вам!
Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "Все для дневника":

Часть 1 - Полезные линки про фотошоп
Часть 2 - Оформление дневника.
...
Часть 98 - Надписи "Спасибо"+код
Часть 99 - Выпадающая бродилочка.Урок
Часть 100 - Как вставить фото в готовую рамочку формата PNG

Серия сообщений "уроки для дневника":

Часть 1 - Оформление дневника.
Часть 2 - Добавление картинок на лиру, быстро и удобно...
...
Часть 98 - Готовые Заготовки для баннеров,надписей для комментариев,для поздравлений!Дерзайте!
Часть 99 - Проверьте настройки в своих дневниках.
Часть 100 - Народ2 (narod2)