• Авторизация


Урок.Как ставить по бокам текста вертикальные разделители 19-08-2011 22:07 к комментариям - к полной версии - понравилось!

Это цитата сообщения fatima62 Оригинальное сообщение

[466x140]

[70x210] [70x210]
По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку.

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

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

Разберем из чего он состоит
[показать]

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

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

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

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

[показать]

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



Серия сообщений "Делаем рамочки":

Часть 1 - Рамочка с фильтром Bordermania.(в Кореле)
Часть 2 - Рамочка с радужным градиентом.( в Сorel )
...
Часть 14 - Учимся делать рамку в Фотошопе
Часть 15 - ДЕЛАЕМ РАЗРЕЗНУЮ РАМКУ В ФШ
Часть 16 - Урок.Как ставить по бокам текста вертикальные разделители
Часть 17 - Урок. (рамочка 2 слоя)
Часть 18 - Рамочка с бегущими огоньками
Часть 19 - Рамка в ОДИН слой.
Часть 20 - Урок. Как сделать простую рамочку для текста
Часть 21 - Делаем Рамку в 3 слоя фона.


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок.Как ставить по бокам текста вертикальные разделители | elenka578 - Дневник elenka578 | Лента друзей elenka578 / Полная версия Добавить в друзья Страницы: раньше»