MediaWiki CMS:Элементы оформления/Блоки №1: различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) (Новая страница: «{{Панель управления/MediaWiki}} {{Myagkij-редактор}} =Рамки №1= <!-- ---------- CROSS-BROWSER PADDING BETWEEN COLUMNS & REFERENCE...») |
Myagkij (обсуждение | вклад) |
||
(не показано 9 промежуточных версий этого же участника) | |||
Строка 2: | Строка 2: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
= | =Блоки №1= | ||
Красиво оформленные блоки для вставки на заглавную страницу или страницу портала. | |||
==Вид== | |||
<!-- ---------- CROSS-BROWSER PADDING BETWEEN COLUMNS & REFERENCE SECTION ------------------ --> | <!-- ---------- CROSS-BROWSER PADDING BETWEEN COLUMNS & REFERENCE SECTION ------------------ --> | ||
Строка 19: | Строка 23: | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[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 style="margin-top:5px">[[Image:Cscr-featured.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px"> | ||
'''ЛЕВЫЙ_ВЕРХ_ЗАГОЛОВОК''' | |||
</div> | |||
</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 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 clear="all" style="margin:1em;"> | ||
ЛЕВЫЙ_ВЕРХ_ТЕКСТ | |||
</div></div> | |||
|} | |} | ||
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | <div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | ||
Строка 28: | Строка 36: | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[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 style="margin-top:5px">[[Image:Selectedstarindo.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px"> | ||
'''ЛЕВЫЙ_НИЗ_ЗАГОЛОВОК''' | |||
</div> | |||
</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 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 clear="all" style="margin:1em"> | ||
ЛЕВЫЙ_НИЗ_ТЕКСТ | |||
</div></div> | |||
|} | |} | ||
<!-- -------------------- SMALL 3 PIXEL MIDDLE PADDING ---------------------------------- --> | <!-- -------------------- SMALL 3 PIXEL MIDDLE PADDING ---------------------------------- --> | ||
Строка 43: | Строка 55: | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | ||
<div style="margin-top:5px">[[Image: | <div style="margin-top:5px">[[Image:Cscr-featured.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px"> | ||
'''ПРАВЫЙ_ВЕРХ_ЗАГОЛОВОК''' | |||
</div> | |||
</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 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 clear="all" style="margin:1em"> | ||
ПРАВЫЙ_ВЕРХ_ТЕКСТ | |||
</div></div> | |||
|} | |} | ||
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | <div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | ||
Строка 52: | Строка 68: | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[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 style="margin-top:7px">[[Image:Nuvola apps bookcase.png|20px]]</div> <div style="margin-left:35px; margin-top:-35px"> | ||
'''ПРАВЫЙ_СРЕДНИЙ_ЗАГОЛОВОК''' | |||
</div> | |||
</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 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 clear="all" style="margin:1em"> | ||
ПРАВЫЙ_СРЕДНИЙ_ТЕКСТ | |||
</div></div> | |||
<div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | <div style="margin-top: 1em; border-bottom:1px solid #abcdef; width:100%;"></div> | ||
{| style="background:transparent" | {| style="background:transparent" | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[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 style="margin-top:5px">[[Image:Nuvola apps date.png|22px]]</div> <div style="margin-left:35px; margin-top:-35px"> | ||
'''ПРАВЫЙ_НИЗ_ЗАГОЛОВОК''' | |||
</div> | |||
</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 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 clear="all" style="margin:1em"> | ||
ПРАВЫЙ_НИЗ_ТЕКСТ | |||
</div></div> | |||
|} | |} | ||
|} | |} | ||
Строка 75: | Строка 99: | ||
<div style="text-align:left; padding:2px;"> | <div style="text-align:left; padding:2px;"> | ||
[[Image:Lightblue.jpg]]<div style="font-size:130%; padding-left:12px; margin-top:-36px"> | [[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 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> | |||
|} | |||
|} | |||
==Код== | |||
<syntaxhighlight lang="html5" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | |||
<!-- ---------- 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> | ||
<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 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 clear="all" style="margin:1em"> | ||
НИЖНИЙ_БЛОК_ТЕКСТ | |||
</div></div> | |||
|} | |} | ||
|} | |} | ||
</syntaxhighlight> | |||
=См.также= | =См.также= |
Текущая версия от 10:35, 22 августа 2021
Проверка/Оформление/Редактирование: Мякишев Е.А.
Блоки №1
Красиво оформленные блоки для вставки на заглавную страницу или страницу портала.
Вид
|
|
| |||||
|
Код
<!-- ---------- 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>
|}
|}
См.также
Внешние ссылки
MediaWiki CMS |
---|