Вставка картинок в разные места текста
Вообще-то с функцией ориентации картинки прекрасно справляются настройки ЛиРу.
Код картинки ЛиРу пишет без нашей помощи, за что ему большое спасибо.
Вот он виден, в строке «Обзор» на той странице где только что написан но еще не опубликован текст.
Мне осталось только выбрать на какой бок статьи вставить картинку. Я выбрала СЛЕВА, ткнула мышкой. В чекбоксе появилась точка, значит, команда будет выполнена. Остается только нажать на кнопку «Сохранить».
И картинка сразу умчалась в левый верхний угол моего текста.
Вот так это выглядит.
Остальные картинки я загоняю обычно без выравнивания, и они становятся под текстом. Потом разберусь куда какую вставлять и сама введу нужную команду.
У меня шпаргалка для этих "выравниваний":
align=left
align=right
По-английски "right" значит "справа", а "left" - "слева".
Значит, если в коде картинки стереть слово "left" и вместо него вставить "right", то картинка послушается и опубликуется справа от текста.
Но вот мне показалось что в данном случае картинка на самом верху страницы выглядит невкусно. Пусть она стоит поближе к концу текста. Для этого я жму на «Редактировать», и открывается изнанка моего поста. Для вас я тут фиолетовым цветом выделила код картинки, и даже кусочек текста нечаянно попал.. Как видите, в коде проставлено align="left", то есть «выравнивание слева».
Код картинки я выделила и вырезала, и переставила ближе к концу текста.
Слова, которые оказались непосредственно после кода, будут после публикации сбоку от картинки.
Мало того что картинки можно гонять то влево то вправо, так еще и можно задать им расстояние до текста. Если хочется чтобы текст стоял подальше от картинки, ну, чтобы воздуха было больше, то можно задать и расстояние.
Пишу
hspace= и число пикселов, на которое текст должен отступить от картинки. Если 5, то это очень близко, почти вплотную. А если 20 (самое излюбленное вебмастерами расстояние), то картинка будет стоять в просторе.
У меня даже всегда под рукой шпаргалка по таким "просторным" вставкам в код картинки:
align=left hspace=20
align=right hspace=20
Когда я самостоятельно проставляю ориентацию картинки справа или слева, то пишу ее в самом конце кода, перед закрывающим слэшем с угловой скобочкой. Эт чтобы не возиться с разыскиванием места куда вставить ;)
Вот так картинки и вставляются - только и знаешь что переставляешь код картинки туда-сюда, да еще и без конца меняешь в коде "left" (слева) на "right", и наоборот, пока не найдешь нужный вариант.
При таких перестановках убеждаешься, что картинки нужны именно маленькие. Потому что большие наезжают друг на друга, вся верстка ломается и не смотрится.
Ну а как уменьшать картинки я писала в посте
Подготовка картинок для вставки в текст.
Да, и, кто не знает вообще как вставлять картинки, гляньте «*
Как вставить картинку - урок для новеньких».
Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire.
Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
ОткрыткиПерерожденный каталог открыток на все случаи жизни
Создание аватарСервис для создания аватар в режиме онлайн. Позволяет вырезать из большой фотографии свою мордочку и сделать из неё аватару :) Есть возможность сразу же установить аватару в качестве своей основной.
Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
Можно сделать вот такие слайда с надписями
Теперь на сайте появилось много русских шрифтов, и целое поле для создания записей и логотипов по вашей фантазии. На сайте все просто. Выбираете категорию, щелкаете по выбранной.
Пишем текст, и выбираем размер шрифта.НЕ ВЫБИРАЙТЕ БОЛЬШОЙ РАЗМЕРТ, ОН РАСТЯНЕТ ВАШ БЛОГ,
ВНИМАНИЕ! Обязательно жмем на шрифт!
В открывшейся таблице выбираем РУССКИЙ. Конечно их немного, и нет таких красивых... но что есть.
Дальше все как вы захотите. Настраивайте по своей фантазии.Текст можно делать на фоне, можно и прозрачный, поставив Галочку.
Когда все вас устроит, нажмите внизу СОЗДАТЬ ЛОГОТИП
Ваш текст готов. Просто встаньте на него мышкой, и сохраните нажав правую кнопку и выбрав СОХРАНИТЬ КАК. Вот что у нас получилось.
ВНИМАНИЕ Когда вставляете запись с компьютера в формате PNG, вставляйте его через РАДИКАЛ, ПРАВИЛЬНО, иначе вновь появится белый фон. Кто не знает как это делать СМОТРИТЕ ЗДЕСЬНа сайте так же обратите внимание на верхнее меню. Так тоже можно выбрать многое.
Ну вот и все. Просто и быстро. Надеюсь у вас все получится. Жмите на любую категорию и вы попадете на сайт.Категории логотипов
Вот так это выглядит.
Слова, которые оказались непосредственно после кода, будут после публикации сбоку от картинки.
Сама_овца. Оно не только меня вдохновило на создание этого сообщения, но и поделилось первыми ссылками.
