Шаблон:ImageLink: відмінності між версіями

Матеріал з Вікі D&D українською
Перейти до навігації Перейти до пошуку
ВізуальнийВікірозмітка
(Створена сторінка: <includeonly><div class="bg3wiki-image-link" style="display: inline-table; margin: 5px;"> <div style="display: flex; justify-content: center; align-items: center; width: {{{w|100}}}px; height: {{{h|100}}}px;" >[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{3|{{{2}}}}}}|link={{{2}}}]]</div> <div style="width: {{{w|100}}}px; text-align: center; {{#if: {{{font size|}}} | font-size: {{{font size}}}; }}" >[[{{{2}}}|{{{3|{{{2}}}}}}]]</div> </div></includeonly><noin...)
 
(Переклад українською)
 
Рядок 5: Рядок 5:
>[[{{{2}}}|{{{3|{{{2}}}}}}]]</div>
>[[{{{2}}}|{{{3|{{{2}}}}}}]]</div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
This template allows you to add images on top of links.
Цей шаблон дозволяє додавати зображення поверх посилань.


The element will be an inline block, meaning several can appear in one line.  You can give them all a specific width and height to get a nice consistent layout.
Елемент буде вбудованим блоком, тобто в одному рядку може з'явитися кілька елементів.  Ви можете надати їм усім певну ширину і висоту, щоб отримати гарний послідовний макет.


----
----


Standard width/height is 100:
Стандартна ширина/висота — 100:


<pre>
<pre>
{{ImageLink | Frenzy Icon.png | Origins}}
{{ImageLink | Frenzy Icon.png | Origins | Сюжетні}}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Походження | Походження}}
{{ImageLink | Passive Feature Generic Icon.png | Feats | Just a test with very very long text }}
{{ImageLink | Passive Feature Generic Icon.png | Feats | Просто тест з дуже-дуже довгим текстом }}
</pre>
</pre>


Result:
Результат:


{{ImageLink | Frenzy Icon.png | Origins}}
{{ImageLink | Frenzy Icon.png | Сюжетні}}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Походження | Походження}}
{{ImageLink | Passive Feature Generic Icon.png | Feats | Just a test with very very long text }}
{{ImageLink | Passive Feature Generic Icon.png | Feats | Просто тест з дуже-дуже довгим текстом }}


----
----


Limiting width only; note this may cause the text to clip as seen here:
Обмеження лише по ширині; зверніть увагу, що це може призвести до обрізання тексту, як показано тут:


<pre>
<pre>
{{ImageLink | Frenzy Icon.png | Origins | w = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 }}
</pre>
</pre>


Result:
Результат:


{{ImageLink | Frenzy Icon.png | Origins | w = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 }}


----
----


Limiting height only:
Обмеження по висоті:


<pre>
<pre>
{{ImageLink | Frenzy Icon.png | Origins | h = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні| h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | h = 50 }}
</pre>
</pre>


Result:
Результат:


{{ImageLink | Frenzy Icon.png | Origins | h = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | h = 50 }}


----
----


Limiting width and height:
Обмеження по ширині та висоті:


<pre>
<pre>
{{ImageLink | Frenzy Icon.png | Origins | w = 50 | h = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 50 | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 | h = 50 }}
</pre>
</pre>


Result:
Результат:


{{ImageLink | Frenzy Icon.png | Origins | w = 50 | h = 50 }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 50 | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 | h = 50 }}


----
----


You might have noticed the text is often too wide for the icon...  You can specify a font size:
Ви могли помітити, що текст часто занадто широкий для іконки… Ви можете вказати розмір шрифту:


<pre>
<pre>
{{ImageLink | Frenzy Icon.png | Origins | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 80 | h = 80 | font size = 80% }}
</pre>
</pre>


Result:
Результат:


{{ImageLink | Frenzy Icon.png | Origins | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Frenzy Icon.png | Сюжетні | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Backgrounds | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 80 | h = 80 | font size = 80% }}


</noinclude>
</noinclude>

Поточна версія на 02:38, 24 серпня 2023

Цей шаблон дозволяє додавати зображення поверх посилань.

Елемент буде вбудованим блоком, тобто в одному рядку може з'явитися кілька елементів. Ви можете надати їм усім певну ширину і висоту, щоб отримати гарний послідовний макет.

Стандартна ширина/висота — 100: 

{{ImageLink | Frenzy Icon.png | Origins | Сюжетні}}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Походження | Походження}}
{{ImageLink | Passive Feature Generic Icon.png | Feats | Просто тест з дуже-дуже довгим текстом }}

Результат:

Сюжетні
Походження
Просто тест з дуже-дуже довгим текстом

Обмеження лише по ширині; зверніть увагу, що це може призвести до обрізання тексту, як показано тут: 

{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 }}

Результат:

Сюжетні
Походження

Обмеження по висоті: 

{{ImageLink | Frenzy Icon.png | Сюжетні| h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | h = 50 }}

Результат:

Сюжетні
Походження

Обмеження по ширині та висоті: 

{{ImageLink | Frenzy Icon.png | Сюжетні | w = 50 | h = 50 }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 50 | h = 50 }}

Результат:

Сюжетні
Походження

Ви могли помітити, що текст часто занадто широкий для іконки… Ви можете вказати розмір шрифту: 

{{ImageLink | Frenzy Icon.png | Сюжетні | w = 80 | h = 80 | font size = 80% }}
{{ImageLink | Defensive Duellist Icon.png | Character Creation#Backgrounds | Походження | w = 80 | h = 80 | font size = 80% }}

Результат:

Сюжетні
Походження


Отримано з https://wiki.dnd.in.ua/index.php?title=Шаблон:ImageLink&oldid=107