MediaWiki CMS:Элементы оформления/Блоки №1

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Проверка/Оформление/Редактирование: Мякишев Е.А.


Блоки №1

Красиво оформленные блоки для вставки на заглавную страницу или страницу портала.

Вид

Lightblue.jpg
Cscr-featured.png

ЛЕВЫЙ_ВЕРХ_ЗАГОЛОВОК

ЛЕВЫЙ_ВЕРХ_ТЕКСТ

Lightblue.jpg
Selectedstarindo.png

ЛЕВЫЙ_НИЗ_ЗАГОЛОВОК

ЛЕВЫЙ_НИЗ_ТЕКСТ

Lightblue.jpg
Cscr-featured.png

ПРАВЫЙ_ВЕРХ_ЗАГОЛОВОК

ПРАВЫЙ_ВЕРХ_ТЕКСТ

Lightblue.jpg
Nuvola apps bookcase.png

ПРАВЫЙ_СРЕДНИЙ_ЗАГОЛОВОК

ПРАВЫЙ_СРЕДНИЙ_ТЕКСТ

Lightblue.jpg
Nuvola apps date.png

ПРАВЫЙ_НИЗ_ЗАГОЛОВОК

ПРАВЫЙ_НИЗ_ТЕКСТ

Lightblue.jpg
Nuvola apps kolourpaint.png

НИЖНИЙ_БЛОК_ЗАГОЛОВОК

НИЖНИЙ_БЛОК_ТЕКСТ

Код

<!-- ---------- CROSS-BROWSER PADDING BETWEEN COLUMNS & REFERENCE SECTION ------------------ -->
<div style="position: relative; height: 10px; overflow: hidden;"></div>
<!-- -------------------- START OF REFERENCE SECTION ---------------------------------- -->

{|style="width:100%; background:none; margin:-.8em 0 -.7em 0;"
|style="font-size:95%; padding:0px 0; margin:0px; text-align:left; white-space:nowrap; color:#000;"|
|}
<!-- ---------- CROSS-BROWSER PADDING BETWEEN HEADER & COLUMNS ------------------ -->
<div style="position: relative; height: 10px; overflow: hidden;"></div>
<!-- ---------- END OF HEADER SECTION / BEGINNING OF LEFT COLUMN, FIRST ROW --------- -->
{| width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:.3em"
| width="54%" valign="top" style="background:#FFF; border:1px solid #abcdef"| 
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:5px">[[Image:Cscr-featured.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''ЛЕВЫЙ_ВЕРХ_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em;">
ЛЕВЫЙ_ВЕРХ_ТЕКСТ
</div></div>
|}
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div>
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:5px">[[Image:Selectedstarindo.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''ЛЕВЫЙ_НИЗ_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em">
ЛЕВЫЙ_НИЗ_ТЕКСТ
</div></div>
|}
<!-- -------------------- SMALL 3 PIXEL MIDDLE PADDING ---------------------------------- -->
| valign="top" |
<div style="position: relative; width: 10px; overflow: hidden;"></div>
{|
|}
<!-- -------------------- START OF RIGHT COLUMN, FIRST ROW ------------------------------ -->
| width="45%" valign="top" style="background:#FFF; border:1px solid #abcdef"| 
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:5px">[[Image:Cscr-featured.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''ПРАВЫЙ_ВЕРХ_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em">
ПРАВЫЙ_ВЕРХ_ТЕКСТ
</div></div>
|}
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div>
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:7px">[[Image:Nuvola apps bookcase.png|20px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''ПРАВЫЙ_СРЕДНИЙ_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em">
ПРАВЫЙ_СРЕДНИЙ_ТЕКСТ
</div></div>
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div>
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:5px">[[Image:Nuvola apps date.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''ПРАВЫЙ_НИЗ_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em">
ПРАВЫЙ_НИЗ_ТЕКСТ
</div></div>
|}
|}
|}
<!-- ---------- CROSS-BROWSER PADDING BETWEEN COLUMNS & REFERENCE SECTION ------------------ -->
<div style="position: relative; height: 10px; overflow: hidden;"></div>
<!-- -------------------- START OF REFERENCE SECTION ---------------------------------- -->
{| width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 0"
| width="100%" valign="top" style="background:#FFF; border:1px solid #abcdef"| 
{| style="background:transparent"
<div style="text-align:left; padding:2px;">
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px">
<div style="margin-top:5px">[[Image:Nuvola_apps_kolourpaint.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px">
'''НИЖНИЙ_БЛОК_ЗАГОЛОВОК'''
</div>
</div>
<div style="margin-bottom:.7em; padding-right:3px; padding-bottom:1px; padding-top:18px; font-weight:normal; font-size:95%"></div><div style="padding-left:3px"></div>
<div clear="all" style="margin:1em">
НИЖНИЙ_БЛОК_ТЕКСТ
</div></div>
|}
|}

См.также

Внешние ссылки