Шаблон:WIP: различия между версиями

Текущая версия от 08:48, 10 ноября 2024

Спасибо за внимание

Gabefrut (обсуждение) 02:08, 10 ноября 2024 (MSK)

Для связи со мной напишите ему в Discord: @sleepydormy

Значение параметров

hColor — цвет полоc в заголовке.
color — цвет текста тела сообщения.
bgColor — цвет фона тела сообщения.
header — текст в заголовке.
himg — это изображение по сторонам от заголовка.
message — основной текст.
messageTime — дата и время добавления сообщения !!!ОБЯЗАТЕЛЬНО УКАЗЫВАЙТЕ ЗДЕСЬ "~~~~"!!!.
footer — текст в подвале. (Информация для связи. Как правило ссылка на ваш аккаунт

дискорда)

Пример кода

Вот у нас есть код, который можно копировать и вставить:

{{WIP
|hColor = #ff7400
|color = white
|bgColor = #ffb273
|header = ВНИМАНИЕ, ВНИМАНИЕ!
|himg = [[File:Paperslip.png|link=]]
|message = Спасибо за внимание
|messageTime = ~~~~
|footer = Для связи со мной напишите ему в Discord: @sleepydormy
}}

@@ Строка 1: / Строка 1: @@
-{{#css:
+<includeonly><onlyinclude>{{#css:/WIPHeader.css}}
-.page-message {
+<div class="page-message" style="
- min-height: 150px;
+--color-header-bg: {{hColor|#FF7400}}};
- width: 100%;
+--color-message: {{{color|black}}};
- border: 1px solid;
+--color-message-bg: {{{bgColor|#FFB273}}};
- border-radius: 5px 5px 5px 5px;
+">
- background: #FFB273;
+   <div class="header">
- text-align: center;
- font-family:cursive;
-}
-.header {
-display: flex;
-flex-direction: row;
-font-size: 20px;
-line-height: 24px;
-  height: 50px;
-}
-.header .left,
-.header .right {
-  width: 25%;
-height: 25px;
-}
-.header .left {
-  background-image: repeating-linear-gradient(
-deg,
-    #171717 0px 10px,
-    #FF7400 10px 20px);
-}
-.header .right {
-  background-image: repeating-linear-gradient(
-    -45deg,
-    #171717 0px 10px,
-    #FF7400 10px 20px);
-}
-.header .text{
-  color: white;
-  background: #171717;
-  width: 100%;
-  height: auto;
-  border-radius: 0 0 15px 15px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.message {
- padding: 15px;
-}
-}}
-<div class="page-message" style="--color-message: {{{2|#FFB273}}}">
-   <div class="header" style="--color-header: {{{1|#FF7400}}}">
      <div class="left"></div>
-     <div class="text">{{{3|Sample Header Text}}}</div>
+     <div class="text">{{{himg|}}}{{{header|Sample Header Text}}}{{{himg|}}}</div>
      <div class="right"></div>
    </div>
    <div class="message">
-     <p>{{{4|Sample Text}}}</p>
+     <p>{{{message|Sample Text}}}</p>
    </div>
    <div class="message-editor">
-     <p>[[Участник:Gabefrut|Gabefrut]] ([[Обсуждение участника:Gabefrut|обсуждение]]) 19:36, 9 ноября 2024 (MSK)</p>
+     <p>{{{messageTime|Undefined User NaN:NaN NaN.NaN.NaN}}}</p>
-  <p class="message-editor-link">{{{5|Bottom Text}}}</p>
+  </div>
-</div>
+  <p class="message-editor">{{{footer|Bottom Text}}}</p>
+</div></includeonly></onlyinclude>{{WIP
+|hColor = #ff7400
+|color = white
+|bgColor = #ffb273
+|header = ВНИМАНИЕ, ВНИМАНИЕ!
+|himg = [[File:Paperslip.png]]
+|message = Спасибо за внимание
+|messageTime = [[Участник:Gabefrut|Gabefrut]] ([[Обсуждение участника:Gabefrut|обсуждение]]) 02:08, 10 ноября 2024 (MSK)
+|footer = Для связи со мной напишите ему в Discord: @sleepydormy
+}}
+== Значение параметров ==
+*'''hColor''' — цвет полоc в заголовке.
+*'''color''' — цвет текста тела сообщения.
+*'''bgColor''' — цвет фона тела сообщения.
+*'''header''' — текст в заголовке.
+*'''himg''' — это изображение по сторонам от заголовка.
+*'''message''' — основной текст.
+*'''messageTime''' — дата и время добавления сообщения <big>'''!!!ОБЯЗАТЕЛЬНО УКАЗЫВАЙТЕ ЗДЕСЬ "<nowiki>~~~~</nowiki>"!!!'''</big>.
+*'''footer''' — текст в подвале. (Информация для связи. Как правило ссылка на ваш аккаунт
+дискорда)
+==Пример кода==
+Вот у нас есть код, который можно копировать и вставить:
+<pre>
+{{WIP
+|hColor = #ff7400
+|color = white
+|bgColor = #ffb273
+|header = ВНИМАНИЕ, ВНИМАНИЕ!
+|himg = [[File:Paperslip.png|link=]]
+|message = Спасибо за внимание
+|messageTime = ~~~~
+|footer = Для связи со мной напишите ему в Discord: @sleepydormy
+}}
+</pre>