Шаблон: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
|
|