-Поиск по дневнику

Поиск сообщений в EFACHKA

 -Рубрики

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 13.09.2009
Записей:
Комментариев:
Написано: 135128


Урок. Вставляем вертикальные разделители

Среда, 10 Августа 2011 г. 11:32 + в цитатник

 (483x96, 10Kb)

По просьбам читателей, попытаюсь объяснить как ставить по бокам текста вертикальные разделители, как сейчас они стоят у меня в этом посте. Большой выбор  самых красивых вертикальных разделителей, для украшения Ваших постов и блогов можно найти здесь: 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)

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


Урок из блога ГАЛИНЫ ШАДРИНОЙ

3424885_button (163x37, 7Kb)

 (483x96, 10Kb)

 

Рубрики:  ВСЁ ДЛЯ БЛОГА/Разделители
ВСЁ ДЛЯ БЛОГА/Все для ЛиРу
Метки:  

Процитировано 526 раз
Понравилось: 117 пользователям

Ответить С цитатой В цитатник
ТАТКУ   обратиться по имени Среда, 10 Августа 2011 г. 12:07 (ссылка)
Благодарю.
Ответить С цитатой В цитатник
Тэтя   обратиться по имени Среда, 10 Августа 2011 г. 12:13 (ссылка)
.
706c9a9991ec (500x500, 155Kb)
Ответить С цитатой В цитатник
Novichok56   обратиться по имени Среда, 10 Августа 2011 г. 12:13 (ссылка)
Спасибо. Информация актуальная.
Ответить С цитатой В цитатник
Olga_2008   обратиться по имени Среда, 10 Августа 2011 г. 12:20 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
LediLana   обратиться по имени Среда, 10 Августа 2011 г. 13:09 (ссылка)
Спасибо, может благодаря Вам и научусь этому, очень нужный урок!
Ответить С цитатой В цитатник
felina_ya   обратиться по имени Среда, 10 Августа 2011 г. 13:14 (ссылка)
Спасибо за урок ))
Ответить С цитатой В цитатник
shuraeva   обратиться по имени Среда, 10 Августа 2011 г. 13:43 (ссылка)
СПАСИБО!!!
Ответить С цитатой В цитатник
Наталья_Ивановна_НИК   обратиться по имени Среда, 10 Августа 2011 г. 14:16 (ссылка)
Спасибо,возьму себе...
Ответить С цитатой В цитатник
Амиа   обратиться по имени Среда, 10 Августа 2011 г. 14:26 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
sunce50   обратиться по имени Среда, 10 Августа 2011 г. 14:39 (ссылка)
спасибо, нужная вещь!
Ответить С цитатой В цитатник
МОННА   обратиться по имени Среда, 10 Августа 2011 г. 14:39 (ссылка)
Спасибо за урок!!!
Ответить С цитатой В цитатник
Весенняя_рапсодия   обратиться по имени Среда, 10 Августа 2011 г. 15:21 (ссылка)
спасибо, все никак руки не доходили, посмотреть, как приспособить вертикальные разделители.
Ответить С цитатой В цитатник
Cheerful_Tailor   обратиться по имени Среда, 10 Августа 2011 г. 15:50 (ссылка)
спасибо! очень подробно)
Ответить С цитатой В цитатник
firstova-mila   обратиться по имени Среда, 10 Августа 2011 г. 16:01 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Зиновия   обратиться по имени Среда, 10 Августа 2011 г. 17:04 (ссылка)
Спасибо, пригодится.
Ответить С цитатой В цитатник
Gika-2011   обратиться по имени Среда, 10 Августа 2011 г. 20:12 (ссылка)
Спасибо. Всегда хотела понять как их использовать
Ответить С цитатой В цитатник
rottam   обратиться по имени Среда, 10 Августа 2011 г. 20:53 (ссылка)
Спасибо,
Ответить С цитатой В цитатник
Snejinka_377   обратиться по имени С благодарностью и добрыми пожеланиями прекрасного вечера! Среда, 10 Августа 2011 г. 21:10 (ссылка)
.
0_43c2e_d1487a03_L (314x259, 126Kb)
Ответить С цитатой В цитатник
Дилона   обратиться по имени Среда, 10 Августа 2011 г. 22:04 (ссылка)
Благодарю за урок!
Ответить С цитатой В цитатник
Joli_M   обратиться по имени Среда, 10 Августа 2011 г. 22:07 (ссылка)
Спасибо за полезности!!!
af6f85f36cc7dd065fc4b0a45d3b0bef (80x191, 16Kb)
Ответить С цитатой В цитатник
ToKiTo4Ka   обратиться по имени Четверг, 11 Августа 2011 г. 06:56 (ссылка)
Очень полезная информация. Спасибо.
Ответить С цитатой В цитатник
хипи   обратиться по имени Четверг, 11 Августа 2011 г. 10:03 (ссылка)
Ответить С цитатой В цитатник
Szarmanka   обратиться по имени Четверг, 11 Августа 2011 г. 14:22 (ссылка)
Ответить С цитатой В цитатник
Бахыт_АБМ   обратиться по имени Четверг, 11 Августа 2011 г. 15:10 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Miss_Valentina   обратиться по имени Четверг, 11 Августа 2011 г. 15:25 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Svetlay55   обратиться по имени Четверг, 11 Августа 2011 г. 15:40 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку