|
|
Для опытных пользователей фото редакторов или для любителей Instagram вставить несколько картинок в ряд совсем не сложно, как впрочем и для опытных блогеров. Что же делать тем, кто только делает первые шаги по ведению блога. Большинство предложенных решений сложны и непонятны. Впрочем, я сама еще вчера не умела этого делать.
Раньше я бы сделала коллаж на компьютере и вставила его целиком. Сейчас сплелись три проблемы в один узел: мой бук не позволяет работать с папками, не открывается Пикаса на буке и бесплатное место в веб-альбомах Пикаса подходит к концу..плюс супер скоростной инет с флешки. Пришлось искать решение в на доступном языке и методом проб и ошибок превращать его в пошаговую инструкцию.
Итог Вы уже видели: три фото моей любимой мамули в ряд. Интересно? Читаем.
Я уверена, что это не единственный способ разместить в ряд несколько изображений, и если я найду другой, то обязательно поделюсь с Вами. А сейчас разберемся с тем, что имеем.
Допустим, что Вы уже написали часть сообщения и именно в данном месте нужно разместить картинки в ряд. Замираем на минутку и, ничего не трогая, ищем в том ряду, где Вы выбираете шрифт, цвет, вставляете изображения, кнопочку, которую раньше не замечали или просто боялись и игнорировали - HTML.
Нашли? Не пугайтесь, дальше сложно не будет. Смело жмём на эти 4 заветные буковки и получаем вместо написанного нами понятного текста набор закорючек с местами знакомыми буквами. Теперь в конце тех загогулин , то есть в том месте, где Вы хотите разместить фото, вставляем код
<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>
Больше ничего не трогая в тех дебрях, жмём левее той кнопочки СОЗДАТЬ и попадаем в привычное сообщение, в котором после текста появились
столбец1 столбец2 столбец3
Дальше уже все просто: ставим курсор перед СТОЛБЕЦ1 и вставляем в обычном режиме изображение (да-да, как обычно Вы это делаете).
получаем это:
столбец 1 | столбец2 | столбец3 |
Далее аналогично ставим курсор перед СТОЛБЕЦ2 и вставляем вторую картинку.
столбец 1 | столбец2 | столбец3 |
У меня третью фотографию вставлять некуда, не хватает ширины сообщения, поэтому я выбираю изображение маленькое и уже привычными движениями добавляю последнее фото.
столбец 1 | столбец2 | столбец3 |
Дело осталось за малым. Просто как обычный текст стереть эти столбцы. Готово! Смотрим то, что получилось и довольно улыбаемся)))
А хотите больше картинок? Уже не страшно и хочется узнать новенькое? Напишу в ближайшее время, так как сначала нужно самой все попробовать. Буду рада комментариям и если не сложно, делитесь ссылками. Не столько рекламы хочется, сколько активных дискуссий, ведь у нас у всех есть свои хитрости. Так давайте делиться!
ВАЖНО! Часто получается не очень красиво из-за разного размера изображений (как у меня одна картинка меньше двух других). В данном случае высота у всех трех изображений должна быть одинаковой. Как это сделать и сделать просто написано здесь
ВАЖНО! Часто получается не очень красиво из-за разного размера изображений (как у меня одна картинка меньше двух других). В данном случае высота у всех трех изображений должна быть одинаковой. Как это сделать и сделать просто написано здесь
Блог веду аж с 2010 года, но вот об этом не слышала! Чесслово! Спасибо!
ОтветитьУдалитьПожалуйста, но уверена, что ты не будешь этим пользоваться, ты уже подсела на инстаграм))) а что делать не яблочникам?
УдалитьВсе доступно описано! Спасибо!!!!
УдалитьЗдорово!!! Ооочень полезная информация!
ОтветитьУдалитьРада помочь, Алинка. Я уже разобралась как размещать группу фотографий (например вверху 2,ниже 3). Сегодня ночью буду учиться как менять размер фотографий, чтобы они красиво стояли,ровненько.
УдалитьЯ идиёт) Это ж реально простой способ - сделать табличку из картинок.
ОтветитьУдалитьХотела пояснить все эти закорючки, но форма комментов не приняла код html...
пиши на ящик))но я следущем посте выложу и про таблицу, и про строчки, и про столбцы (если ты об этом)Надо разобраться с размерами только
Удалитьугу, об этом, об этом)
УдалитьВот-вот, у меня бесплатное место в Пикаса уже закончилось. В прошлом месяце писала пост, и вдруг фотки не вставляются. Объем тю-тю, че делать дальше не знала. Приходится теперь постоянно коллажами увлекаться, но в этом есть плюс - можно больше фоток показать )). Но в следующий раз попробую твой совет ))
ОтветитьУдалитьИ еще расскажите,пжалста, что такое инстаграм??? не разберешь без ста грамм ))
И тут на помощь я пришла! )))
УдалитьСама с этим столкнулась еще ооочень давно, ох я тогда чуть блог не удалила совсем. Но в последствии нашла для себя оптимальный вариант! Готова поделиться. Писала когда-то об этом здесь: http://fetass.blogspot.ru/2012/03/blog-post_4902.html
Светик, спасибо! Обязательно попробую. Сейчас пока загружаю фотки в яндекс, а дальше и в пост попробую вставить ))
УдалитьНаташа, круто! Спасибо за совет! У меня сегодня получилось :) Пока оценить не приглашаю - пост еще не дописала.
Блин, и если честно, не знаю когда напишу ((, все никак с мыслями собраться не могу.
Наташа, куда мысли разбежались?
УдалитьЗдорово, что все получилось))) Насчет места в Пикасе..Есть способ БЕСПЛАТНО увеличить предоставляемые услуги от Пикаса, опубликую скоро. Но совет Светы тоже эффективен.
Инстаграм это приблуда для гаджетов от Яблока. Это и умная программа, и соцсеть, и способ мгновенно делиться сообщениями..(но я с ней лично не знакома) А вот у Светы в блоге можно найти пост где она пишет об Инстаграм
У меня есть пост об Инстаграм? Да? Упс, не помню
УдалитьА почему Инстаграм только для яблочников? У меня Андроид, и Инстраграм там прекрасно функционирует))
Удалить:) Наташа, мысли убежали к теории вероятности, которая висит у меня в долгах чуть ли не со второго семестра (посыпаю голову пеплом). И к моей новой школе, навстречу к финскому языку :)))
УдалитьБуду с нетерпением ждать пост о том, как на халяву использовать возможности Пикаса ;) И будут у нас потом и 3 столбца и Светин яндекс.фотки, и Пикаса... вообще крутышки будем :)))
А то! До спецов нам, конечно, далеко, но поводов для гордости собой отхватим!
УдалитьСпасибо!)) в ближайшем посте опробую эту новую для меня технику))))
ОтветитьУдалитьПользуйся на здоровье)) А я как только разберусь с ноутом, напишу пост как разместить рядом и друг над другом произвольное количество изображений и пост о том, как менять размер этих изображений, чтобы все выглядело гармонично
УдалитьСпасибо большое, очень доходчивое разъяснение ))
ОтветитьУдалитьСтаралась)))
УдалитьНу не гений ли пишет эти строки таким понятным языком?;)
ОтветитьУдалитьЗа гения спасибо! Но боюсь, до гения мне очень далеко. Просто мне понятны те сложности, которые возникают у обычных блогеров (сама такая же), поэтому когда нахожу новое и интересное, то делюсь со всеми, расписывая пошагово что и как сделала.
Удалитьспасибо!!! у меня получилось....красота!!!
ОтветитьУдалитьГалина, я очень рада, что мои инструкции работают. Единственная просьба, укажите у себя в Google+, там, где Вы писали о себе ссылку не на свой профиль, а на свой блог, чтобы Вас найти стало проще. Хорошо?
УдалитьСпасибо.
ОтветитьУдалитьРада, что Вам понравилось!
УдалитьСупер, очень пригодится, большое спасибо))
ОтветитьУдалитьБольшое пожалуйста)))
УдалитьА у меня после вставки картинок (это получилось, спасибо) не пишется дальше текст. Т.е. он пишется, но в формате вставленных картинок и они "убегают" куда попало. Как продолжить просто дальше текст сообщения (как у вас)?
ОтветитьУдалитьЛида, я тоже с таким сталкивалась. Для того, чтобы этого избежать, прежде чем вставлять фото, напишите любую фразу, хоть АБРА-КАДАБРА-СИМ-САЛАБИМ, и вставляйте фото ПЕРЕД этой фразой, потом когда уже все вставите, сможете писать дальше, а фразу удалите. Суть? Нужно, чтобы ниже вставленных фото оставались пустые строчки (в данном случае фраза), иначе курсор не встает.
УдалитьДа-да, я сама уже к этой мысли пришла, но Вам спасибо за то, что подтвердили мои догадки. Мой блог пока только формируется, и я к Вам каждый день заглядываю, спасибо, что так охотно помогаете! ))
УдалитьУ меня есть еще вопрос, он, правда не по теме поста, если что подскажите, где лучше его задать. У меня очень скудный набор шрифтов в блоггере, не идущий ни в какое сравнение с моими вордовскими или фотошопными шрифтами на компе. Это меня, как художника, очень напрягает. Как расширить арсенал доступных блоггеру шрифтов?
Лида, я не художник, но скудность шрифтов и меня расстраивает. У меня в ворде тоже шикарные шрифты.
УдалитьА, понятно, т.е. это проблема Блоггера. Спасибо! Хотя мне кажется, я видела блоги с симпатичными заголовками и названиями сообщений. Ну ладно, как говорил Семен Семеныч: будем искать! )))
УдалитьВ шапке написать красивым шрифтом не проблема. Достаточно в Пайнт изменить размер картинки под нужный и в нем же сделать надпись (шрифты, установленные в Ворд работают и там), а уже готовую вставить в блог.
УдалитьНо вот все остальные шрифты...
как вы мне помогли...уже второй раз обращаюсь за советом. в первый было всё понятно. и снова вас нашла.
ОтветитьУдалитьА Вы вставьте в блог мою кнопочку (пост "Раздача кнопок на любой вкус") и тогда найти меня будет очень просто, достаточно кликнуть по кнопочке.
УдалитьЭнн, спасибо! Все получилось! А вот как сделать чтобы прикрепленная картинка открывалась в новой вкладке и во весь размер?
ОтветитьУдалитьКак обычно, либо навести курсором, нажать ПРАВОЙ клавишей мышки и выбрать ОТКРЫТЬ В НОВОЙ ВКЛАДКЕ. Либо как я узнала на днях, навести курсор и нажать на КОЛЕСИКО у мышки. А вообще, достаточно нажать на фото, как увидишь его в полном размере. Первые два способа именно для открытия в НОВОЙ вкладке. Последний удобен для просмотра, тем более что картинки снова стали работать нормально (а то все расстраивались, что удобная функция просмотра исчезла)
УдалитьСпасибо. Все получилось с первого раза.
ОтветитьУдалитьFrau Ganna, я очень рада, что все получилось!
УдалитьЯ думал что платформы для блогов сделаны специально что бы простые юзеры не возились с html напрямую, отсутствие таблиц выглядит как серьёзная недоработка.
ОтветитьУдалитьИван Соколов, я с Вами согласна. Чего-то не продумали. Хотя если посмотреть на их Гугл плюс, где вообще все сыро и не понятно...
УдалитьСколько мучалась с этими картинками, вечно в блоггере они скачут как хотят, а таблица помогла сделать из картинок меню для блога -спасибо. К тому же методом тыка научилась быстро, без кодов вставлять рядом две картинки,если интересно вот ссылка - http://trizza-handmade.blogspot.com/2013/07/blogger.html
ОтветитьУдалитьDaria, спасибо за отзыв и за ссылку. Обязательно посмотрю.
УдалитьОчень полезная информация! Я Вам очень благодарна, что Вы собрали столько очень нужной информации по работе с блогом в одном месте!!!!!!!!!!!!Спасибо!!!
ОтветитьУдалитьНаталья Дрензелева, я рада, что Вам пригодилось. Думаю, что вместе мы еще много нового и интересного найдем.
УдалитьА не проще убрать переносы
ОтветитьУдалитьили после 1-й и 2-й картинками?
Большое спасибо за статью!! И за блог! Нашла массу полезных для себя вещей!
ОтветитьУдалитьСпасибо автору. Всё думала, как это у других несколько картинок в ряд. Пойду пробовать. А как картинку поместить в текст?
ОтветитьУдалитьВы мне так помогли, столько времени искала что-то подобное)) Огромное спасибо!
ОтветитьУдалитьСпасибо огромное, Энн. Это действительно классная информация, а самое главное своевременная. Спасибо, спасибо, спасибо, Вы мне очень помогли. Удачи Вам.
ОтветитьУдалитьСпасибо огромное! Очень пригодилось)
ОтветитьУдалитьСпасибо за помощь!!!!
ОтветитьУдалитьСпасибо огромное!!! Не знала, как вставить рядом изображения.
ОтветитьУдалитьВот это да... Блин не считаю себя чайником, понял что учись, учись и учись....Спасибо.
ОтветитьУдалитьДоброго дня! Огромнющее спасибо!
ОтветитьУдалитьДай вам Бог здоровья и счастья! ОЧЕНЬ доступно и понятно! Спасибо!
ОтветитьУдалитьДякую!!! Корисна інформація.
ОтветитьУдалитьСпасибо ! Очень кстати . Здорово помогло !
ОтветитьУдалитьИскреннее спасибо, Энн! Всё гениально просто! Даже у меня получилось!)) Успехов!
ОтветитьУдалитьОгромное спасибо за доступность-ясность-пошаговость!!
ОтветитьУдалитьЯ теперь умею ставить три фот-ии в ряд!! Благодарю!
Исшастала кучу сайтов..у ВАС - красота для чайника!
А можно как-то, чтобы в компьютерной версии блога изображения были в одной строке, а в мобильной друг под другом? :-)
ОтветитьУдалить