Шаблон:FrameRadius

Материал из The Elder Scrolls Online
Документация Документация

Данный шаблон позволяет существенно сократить код при создании таблиц со скругленными углами.

Ниже в качестве примера показан код, который позволяет это сделать без использования данного шаблона:

Исходный код таблицы с одной строкой:   На странице это будет выглядеть так:

{| style="background-color:transparent; height:9px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; border:1px solid #7b603a; border-top:1; padding:12px 12px 8px; margin-bottom:2ex; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px"
|Ячейка 1
|Ячейка 2
|Ячейка 3
|}

   
Ячейка 1 Ячейка 2 Ячейка 3

Код, приведенный выше, достаточно громоздкий. Теперь сравните код с использованием шаблона FrameRadius:

Исходный код таблицы:   На странице это будет выглядеть так:
{| style={{FrameRadius}}
 |Ячейка 1-1 
 |Ячейка 1-2
 |Ячейка 1-3
 |-
 |Ячейка 2-1 
 |Ячейка 2-2
 |Ячейка 2-3
 |} 
   
Ячейка 1-1 Ячейка 1-2 Ячейка 1-3
Ячейка 2-1 Ячейка 2-2 Ячейка 2-3

Этот шаблон работает также и для отдельных ячеек:

Исходный код таблицы:   На странице это будет выглядеть так:
{| style="background-color:transparent;"
 | style={{FrameRadius}} |Ячейка 1-1 
 | style={{FrameRadius}} |Ячейка 1-2
 | style={{FrameRadius}} |Ячейка 1-3
 |-
 | style={{FrameRadius}} |Ячейка 2-1 
 | style={{FrameRadius}} |Ячейка 2-2
 | style={{FrameRadius}} |Ячейка 2-3
 |} 
   
Ячейка 1-1 Ячейка 1-2 Ячейка 1-3
Ячейка 2-1 Ячейка 2-2 Ячейка 2-3