Горячие новости


Новый проект от Аллы Деркач
Мини-сумка "BIMBO"


Новый мини-курс Аллы Деркач
Проектирование сумки BIMBO


Автор Тема: Как выстроить ссылки на картинки в горизонтальный ряд  (Прочитано 3187 раз)

0 Пользователей и 3 Гостей просматривают эту тему.

Оффлайн Mams

  • Global
  • ***
  • Сообщений: 1387
  • Страна: ru
  • Репутация 53
    • Мое имя: Ольга
    • Награды
Как выстроить ссылки на картинки в горизонтальный ряд

Иногда хочется показать сразу несколько фотографий готовых работ или похвастаться отпуском. Но если мы будем размещать ссылки по очереди, то картинки будут выстроены в длинный вертикальный ряд - колонну. Что сильно удлинит сообщение и не позволит некоторым пользователям увидеть все фотографии.  1-04

Поэтому будем учиться выстраивать картинки в горизонтальный ряд. Обычно хорошо укладываются в строку - 5-6 фотографий.

Копируем ссылки на фото и вставляем их по очереди, например, в блокнот. У нас получается вот такая картина:

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Если мы скопируем ссылки на картинки в таком виде и выложим на форум, то получим колонну:

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Не красиво!  1-30
 
Пользователи, которые поблагодарили этот пост: Syringa, Леди Ин, BoldBug, Tank_sm, Коштовная, N-ata, ВГалина, Rimma, РОльга, grunya483, Ljudmiliya, Kristina26, Irina69, Алима, Rajduga, klara

Оффлайн Mams

  • Global
  • ***
  • Сообщений: 1387
  • Страна: ru
  • Репутация 53
    • Мое имя: Ольга
    • Награды
Исправляем записи в блокноте так, чтобы между ссылками был только пробел.

Ставим курсор в конец первой ссылки, нажимаем пробел, потом Delete - до тех пор, пока начало второй ссылки не окажется рядом с курсором.
Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Левой кнопкой мышки устанавливаем курсор в конце получившейся длиной ссылки (второй), пробел, Delete. И так с каждой из 6 ссылок.
Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Получим одну строку с ссылками, идущими друг за другом через пробел.
Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Копируем получившуюся строчку, вставляем в сообщение...

Получаем:

Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум

Все наши картинки выстроились в ряд. Красота! 1-22


Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум Вам не разрешено просматривать ссылки
Зарегистрируйтесь или войдите на форум
 
Пользователи, которые поблагодарили этот пост: Syringa, Леди Ин, BoldBug, arseniya, Alinosya, GalinaRa, Коштовная, ВГалина, gonulgorkem, pearl2704, РОльга, grunya483, Ljudmiliya, Kristina26, Irina69, greta23, Rajduga, klara

Оффлайн Elmira

  • *
  • Сообщений: 6858
  • Страна: ua
  • Репутация 260
    • Мое имя: Елена
    • Награды
Есть и другой способ выстроить картинки в ряд по горизонтали

Если вы загружаете в сообщение несколько картинок сразу, то ссылки будут иметь вот такой вид


И если нажать кнопку "отправить", ваше сообщение будет выглядеть вот так


Такие сообщения неудобно просматривать, поэтому, нам необходимо располагать ссылки в ряд.
Как это сделать:
- подведите курсор перед скобками второй ссылки и нажмите на клавиатуре клавишу Backspace


Нажимайте ее столько раз, сколько, сколько необходимо, чтобы между ссылками остался один пробел.
Если пробела не осталось, добавьте его, нажав клавишу "Пробел"


Повторите эти действия со всеми ссылками, расположенными в столбик. В результате, ваше сообщение примет вот такой вид


И если отправить его, то картинки расположатся в ряд, что нам и необходимо


Будьте аккуратны при удалении пробелов между ссылками. Можно нечаянно удалить один знак из ссылки и она станет нерабочей.