Шаблон:Строчный блок
Шаблон {{строчный блок}} является дальнейшим эволюционным развитием идеи галерей изображений: с его помощью нетрудно создать строку иллюстраций (в том числе — мультимедийных), размер которых задаётся индивидуально, а общая ширина строки подстраивается под ширину окна у читателя.
Ограничения галерей, преодолеваемые строчными блоками
Код типичной галереи выглядит примерно так:
<gallery perrow=3 widths="150px" heights="150px"> Файл:T-logo.png|Логотип Традиции Файл:Alonso (Renault) qualifying at USGP 2005.jpg|Гоночный автомобиль (болид) Файл:St Basils Cathedral-500px.jpg|Собор Василия Блаженного Файл:Dormition (Kremlin).JPG|Успенский собор Файл:NASA-Apollo8-Dec24-Earthrise.jpg|Восход Земли на Луне Файл:PIA04866 modest.jpg|Юпитер Файл:Mercury in color - Prockter07 centered.jpg|Меркурий </gallery>
Итог отображения этого кода таков:
Логотип Традиции
Гоночный автомобиль (болид)
Собор Василия Блаженного
Успенский собор
Восход Земли на Луне
Юпитер
Меркурий
_qualifying_at_USGP_2005.jpg)
.JPG)
При всех своих достоинствах галереи обладают следующими легко заметными ограничениями:
- Число иллюстраций, приходящихся на один ряд галереи, настраивается (это одно из достоинств галереи), однако, если в последнем ряду недостаёт иллюстраций,[1] то получается пустое белёсое пространство, огороженное рамкою, выглядит это не слишком-то уютно.
- Единожды задав предельные размеры иллюстраций всей галереи (150×150 пикселов в вышеприведённом примере), никак нельзя отдельно донастроить в ней размер некоторой отдельной иллюстрации.
- Размер галереи по ширине неминуемо равен арифметическому произведению числа иллюстраций в ряду на ширину одной иллюстрации (с учётом обрамляющих её границ): галерея не умеет увеличивать или уменьшать число иллюстраций в ряду, сообразуясь с шириной экрана читателя Традиции. Соответственно, автору статьи поневоле приходится делать галерею достаточно узкою, чтобы она не приводила к появлению горизонтальной прокрутки у обладателей нешироких экранов — но тогда галерея закономерно занимает малую часть ширины у обладателей широких экранов, так что пространство используется нерационально: справа от галереи бывает у них пусто.
- В галерее могут использоваться только картинки, но не мультимедийные иллюстрации (видеопроигрыватели, звукопроигрыватели, слайды презентаций, фотопанорамы).
Употребление строчных блоков
Чтобы избежать всех этих недостатков, достаточно отказаться от использования галереи и оформить каждый элемент её в качестве миниатюры (thumb) внутри строчного блока, индивидуально задавая параметры миниатюры. В частности, код вышеприведённого примера (разбавленный мультимедийными вставками) будет (после такого переоформления) иметь следующий вид:
{{строчный блок|1=[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|thumb|200px|Гоночный автомобиль (болид)]]}}
{{строчный блок|1={{NewsTube|8ad84bb4-f3e8-4b37-ab60-d38f4e76c5e0|Митинг оппозиции за отмену статьи 282|ширина=200}}}}
{{строчный блок|1=[[Файл:St Basils Cathedral-500px.jpg|thumb|200px|Собор Василия Блаженного]]}}
{{строчный блок|1={{BlipTV|g_UvgZmZBQI|3=Русское Сопротивление|ширина=200}}}}
{{строчный блок|1=[[Файл:Dormition (Kremlin).JPG|thumb|200px|Успенский собор]]}}
{{строчный блок|1={{YouTube|ZPKayupzdpw|Небо славян|ширина=200}}}}
{{строчный блок|1=[[Файл:NASA-Apollo8-Dec24-Earthrise.jpg|thumb|200px|Восход Земли на Луне]]}}
{{строчный блок|1={{RuTube|51db8e6411f364cedd16a4f9cf8e381c|3=Как правильно загрузить видео на RuTube|ширина=200}}}}
{{строчный блок|1=[[Файл:PIA04866 modest.jpg|thumb|200px|Юпитер]]}}
{{строчный блок|1=[[Файл:Mercury in color - Prockter07 centered.jpg|thumb|350px|Меркурий]]}}
Итог отображения этого кода таков:
newstube".Обратите внимание на следующие достоинства строчных блоков, иллюстрируемые этим примером:
- Если изменять ширину окна браузера, то нетрудно видеть, как строчные блоки будут переноситься на другую строку (отсюда название «строчный блок»), подобно словам в предложении. Их общая ширина подстраивается под ширину окна браузера. Каждая последующая строка начинается непосредственно под предыдущей.
- Если в конце последней строки иллюстраций остаётся пустое пространство, пустота его не подчёркивается никакой рамкою или цветом фона, то есть не становится заметной и зияющей пустотою.
- Величину любой отдельной иллюстрации можно указать индивидуально (для примера размер фото Меркурия, последнего в последней строке, задан увеличенным).
- В галерее могут использоваться не только картинки, но и мультимедийные иллюстрации (в вышеприведённом примере представлены только те видеопроигрыватели, которые пристойно выглядят при ширине, заданной равною 200 пикселов).
Методические рекомендации
Если строчные блоки содержат только картинки, и притом их хватает всего на одну строку (или чуть больше), тогда уместно уравнять высоту иллюстраций, чтобы первая строка выглядела гармонично (иллюстрации равной высоты, и за ними подписи — даже если подписи разной высоты). Скажем, вышеприведённый пример будет иметь такой вид:
{{строчный блок|1=[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|thumb|10000x211px|Гоночный автомобиль (болид)]]}}
{{строчный блок|1=[[Файл:St Basils Cathedral-500px.jpg|thumb|10000x211px|Собор Василия Блаженного]]}}
{{строчный блок|1=[[Файл:Dormition (Kremlin).JPG|thumb|10000x211px|Успенский собор]]}}
{{строчный блок|1=[[Файл:NASA-Apollo8-Dec24-Earthrise.jpg|thumb|10000x211px|Восход Земли на Луне]]}}
{{строчный блок|1=[[Файл:PIA04866 modest.jpg|thumb|10000x211px|Юпитер]]}}
{{строчный блок|1=[[Файл:Mercury in color - Prockter07 centered.jpg|thumb|10000x211px|Меркурий]]}}
(Предельные размеры иллюстраций заданы здесь в форме «10000x211px»: предельная ширина много больше предельной высоты, так что именно ограничение высоты становится единственным реальным ограничением размеров рисунка.)
Итог отображения этого кода таков:
Если же строчных блоков хватит на полторы-две строки или более того, то уместно уравнять их ширину: тогда строчные блоки равной ширины, визуально соответствуя друг другу в начале каждой строки, будут составлять красивые «столбцы» равной ширины, будто в незримой таблице. Так же следует поступать, когда среди строчных блоков попадаются мультимедийные иллюстрации: шаблоны, посредством которых мультимедия помещается в Традицию, позволяют подчас управлять шириною помещаемой иллюстрации, но никогда высотою.[2] Именно так оформлены мультимедийные блоки (и вся строка строчных блоков) в предшествующем примере.
Примечания
- ↑ В последнем ряду недостаёт иллюстраций, когда общее число иллюстраций галереи не делится нацело на число иллюстраций в ряду. В нашем примере иллюстраций семь — это вообще простое число.
- ↑ Строго говоря, если автор статьи желает зайти очень далеко в своём педантизме при оформлении статьи, то может найти в коде расширения EmbedVideo формулу зависимости высоты мультимедийного блока от ширины, и с нею найти ту ширину, которая необходима для желаемой высоты. Но лучше бы не тратить на это своё время.