събота, 26 януари 2013 г.

как се поставят вертикални разделители

По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Большой выбор  самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: efachka.ru/post179454015.
Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку. Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате (в расширенном текстовом редакторе на ЛиРу) выглядит вот так:
3424885_radikal (600x279, 22Kb) 

Но когда мы перейдем в режим HTML (на ЛиРу это простой редактор, но можно и в расширенном при  нажатии кнопочки "источник"), наша картинка превратится в коды и будет выглядеть вот так.
3424885_radikal1 (600x345, 34Kb)
Разберем из чего он состоит
3424885_radikal2 (600x111, 23Kb)
С кодом картинки мы разобрались. Теперь нам надо что бы она встала справа и слева от текста. Для этого В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Рассмотрим это на картинке:
3424885_radikal3 (600x235, 43Kb)
Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например, Вы хотите поставить картинку справа от теста. Это должно выглядеть вот так:
3424885_radikal4 (600x232, 25Kb)
В посте это будет выглядеть вот так:
3424885_radikal5 (600x149, 49Kb)
Теперь ставим сразу обе картинки, что бы стояли по бокам. Тоже оба кода впереди, один за другим без перерыва, пробела, а за ними сразу текст.
3424885_radikal6 (600x179, 40Kb)
3424885_radikal7 (600x183, 32Kb)
В посте это будет выглядеть вот так:
3424885_radikal8 (600x163, 53Kb)
Вот так картинки ставятся по краям поста. Попробуйте и у Вас все получится. Успехов вам!

Няма коментари: