источник: Я блоггер https://yablogger.info/.
ДЕМО: https://demo-yablogger.blogspot.com/2017/09/blogger-galereya-izobrazhenij.html
Что бы создать галерею из картинок применим тег html <table>. С помощью этого тега можно создать таблицу(https://yablogger.info/kak-sozdat-tablicu-v-html-teg-table.html),
разбить текст на 2 колонки(https://yablogger.info/razbit-tekst-na-kolonki-v-html.html).
Открываем HTML редактор сообщения под цифрой 2 на скриншоте и вставляем код:
Картинка 1 Картинка 2 Картинка 3
Ставим курсор перед каждым словом Картинка и загружаем фотографии, выбираем маленький размер, по желанию добавляем подпись, все галерея готова. Удаляем слова и цифры.
Чтобы сделать 2 ряда, т.е 6 картинок в галерее, после загрузки 3-х картинок, слова картинка 1, картинка 2 и картинка 3 переместятся во второй ряд под изображениями. Делаем все так же как с первым рядом, но если будем делать, как и в первом случае, то второй ряд будет прилипать к первому. Что бы их разделить, ставим курсор перед словом и нажимаем Enter.
Загружать желательно только три фотографии в ряд, четвертая в разных шаблонах может выходить за границы блока контента.
ДЕМО: https://demo-yablogger.blogspot.com/2017/09/blogger-galereya-izobrazhenij.html
Что бы создать галерею из картинок применим тег html <table>. С помощью этого тега можно создать таблицу(https://yablogger.info/kak-sozdat-tablicu-v-html-teg-table.html),
разбить текст на 2 колонки(https://yablogger.info/razbit-tekst-na-kolonki-v-html.html).
Открываем HTML редактор сообщения под цифрой 2 на скриншоте и вставляем код:
<table>или такой код:
<tr><td>Картинка1</td>
<td>Картинка 2</td>
<td>Картинка 3</td></tr>
</table>
<table border="0"cellspacing="1"cellpadding="1" width="100%"><tr><td>Картинка 1 </td><td>Картинка 2 </td><td>Картинка 3</td> </tr></table>Добавили, нажимаем на кнопку СОЗДАТЬ под цифрой 1, в текстовом редакторе сообщения вы не увидите код, там откроются слова:
Картинка 1 Картинка 2 Картинка 3
Ставим курсор перед каждым словом Картинка и загружаем фотографии, выбираем маленький размер, по желанию добавляем подпись, все галерея готова. Удаляем слова и цифры.
Чтобы сделать 2 ряда, т.е 6 картинок в галерее, после загрузки 3-х картинок, слова картинка 1, картинка 2 и картинка 3 переместятся во второй ряд под изображениями. Делаем все так же как с первым рядом, но если будем делать, как и в первом случае, то второй ряд будет прилипать к первому. Что бы их разделить, ставим курсор перед словом и нажимаем Enter.
Загружать желательно только три фотографии в ряд, четвертая в разных шаблонах может выходить за границы блока контента.
0 коммент.:
Отправить комментарий