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


Урок. Вставляем вертикальные разделители 27-06-2013 16:31 к комментариям - к полной версии - понравилось!

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

 


[483x66]

 (Урок от EFACHKA)
 Большой выбор  самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: efachka.ru/post179454015. [70x210] [70x210]


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


[600x279] 



Но когда мы перейдем в режим HTML (на ЛиРу это простой редактор, но можно и в расширенном при  нажатии кнопочки "источник"), наша картинка превратится в коды и будет выглядеть вот так.


[600x345]


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


[600x111]


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


[600x235]


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


[600x232]


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


[600x149]


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


[600x179]


[600x183]


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


[600x163]


Вот так картинки ставятся по краям поста. Попробуйте и у Вас все получится. Успехов вам!



 

 

Серия сообщений "=шпаргалки=":
Часть 1 - Коды для оформления блога
Часть 2 - новичкам-блоггерам и новичкам-пользователям ПК
Часть 3 - Урок. Вставляем вертикальные разделители
Часть 4 - Редкие дополнительные символы
Часть 5 - ДЕЛАЕМ САМИ МУЗЫКАЛЬНУЮ ОТКРЫТКУ.
...
Часть 33 - Как убрать баннер блокера-вымогателя с рабочего стола?
Часть 34 - Делаем простые часики!
Часть 35 - как сделать схемку для дневника - видео)))
вверх^ к полной версии понравилось! в evernote


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

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