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


Как ставить картинки по краям текста/ 15-12-2013 21:56 к комментариям - к полной версии - понравилось!

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

Как ставить картинки по краям текста

 







[70x210] [70x210]







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


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







[600x279]


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


[600x345]


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


[600x111]


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


[600x235]


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


[600x232]


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


[600x149]


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


[600x179]


[600x183]


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


[600x163]


Вот так картинки ставятся по краям поста. Попробуйте и у вас все получится. Тут всего добавить два слова к коду картинки. Как ставить картинки по бокам ТЕКСТА, например стихов, что бы они встали сразу за текстом а не раздвинулись широко по краям поста напишу в следующем уроке, что бы не грузить сразу много формул. Успехов вам!








Блог Галины Шадриной :     http://blogs.mail.ru/mail/galina.lena/4C85FFC0DD2BBE13.html



 





 

<



 





 

Серия сообщений "Уроки оформления дневника":
Часть 1 - Делаем простую Рамку с двигающимся текстом.
Часть 2 - Обрамляем картинку.
...
Часть 22 - Рамки для выделения текста.
Часть 23 - Как загрузить в пост много картинок одним кликом.
Часть 24 - Как ставить картинки по краям текста
Часть 25 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 26 - Как написать текст на картинке...
Часть 27 - Полезные ссылки для оформления дневника.
Часть 28 - Оформление ТЕКСТА в дневнике.
вверх^ к полной версии понравилось! в evernote


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

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