Выбираем меню для Нового 2019 года Серия сообщений "кулинария 2...
Круговая подтяжка лица: всего одно омолаживающее упражнение - (0)Круговая подтяжка лица: всего одно омолаживающее упражнение Круговая подтяжка лица: всего...
Три богатыря и Морской царь - мультфильм онлайн - (0)Три богатыря и Морской царь - мультфильм онлайн
Встречаем Новый год весело - (0)Встречаем Новый год весело! Новогодние фильмы и сказки Поздравление с Новым годом! Флеш...
Рулет из лаваша с мясом - (0)Рулет из лаваша с мясом Ингредиенты лаваш тонкий- 1 лист фарш мясной- 300-35...
Производители продуктов начали экономить на сырье и упаковке - (0)
Взносы за капремонт пытаются отменить через суд - (2)
Берлускони: отсутствие западных лидеров 9 мая в Москве — их политический провал - (1)
Лаборатория Касперского: через соцсеть «ВКонтакте» распространяется вирус для кражи денег - (0)
Одна секунда в июне 2015 года может уничтожить многие сайты - (0)
Урок. Вставляем вертикальные разделители |
Урок. Вставляем вертикальные разделители
По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Большой выбор самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: efachka.ru/post179454015. Ставятся они точно так же как и картинки. Что бы было понятно всем, и тем кто только начинает знакомится с кодами, напишу все очень подробно. Начну все по порядку. Если вы хотите что бы картинки стояли по краям вашей записи, (КАК СЕЙЧАС В ПРИМЕРЕ), то посмотрим сначала как выглядит просто HTML код картинки или разделителя. Я взяла небольшой вертикальный разделитель, который в Упрощённый формате (в расширенном текстовом редакторе на ЛиРу) выглядит вот так:
Но когда мы перейдем в режим HTML (на ЛиРу это простой редактор, но можно и в расширенном при нажатии кнопочки "источник"), наша картинка превратится в коды и будет выглядеть вот так.
Разберем из чего он состоит
С кодом картинки мы разобрались. Теперь нам надо что бы она встала справа и слева от текста. Для этого В HTML формате в конце кода (перед последними кавычками) нужно добавить align="left" и картинка будет слева от текста или align="right" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) Рассмотрим это на картинке:
Теперь внимание. Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например, Вы хотите поставить картинку справа от теста. Это должно выглядеть вот так:
В посте это будет выглядеть вот так:
Теперь ставим сразу обе картинки, что бы стояли по бокам. Тоже оба кода впереди, один за другим без перерыва, пробела, а за ними сразу текст.
В посте это будет выглядеть вот так:
Вот так картинки ставятся по краям поста. Попробуйте и у Вас все получится. Успехов вам! |
Серия сообщений "разделители":
Часть 1 - Урок. Вставляем вертикальные разделители
Часть 2 - Декор,разделители,украшалочки
Часть 3 - Разделители, линеечки
...
Часть 12 - Декоративные элементы для вашего творчества GIF PNG
Часть 13 - Разделители для блогов
Часть 14 - Зимние праздничные разделители
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |