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

Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
м Откат правок Glamyr (обсуждение) к последней версии [[User:imported>Aliceee2ch|imported>Aliceee2ch]]
Метка: откат
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="ss13-job-header" style="
<noinclude><code>
    background: #11141a;
</noinclude>{|width="100%" cellspacing="0" cellpadding="2"
    border: 2px solid #305275;
|bgcolor="{{{headerbgcolor|#bbbbbb}}}" align="center" colspan=2|<font color="{{{headerfontcolor|#000000}}}">'''{{{stafftype|UNDEFINED}}} STAFF'''</font>
    box-shadow: 0 0 10px rgba(48, 82, 117, 0.5);
|-
    border-radius: 4px;
|width = 150 align=center bgcolor="{{{imagebgcolor|#cccccc}}}"|{{#if:{{{img_generic|}}}| [[File:{{{img_generic|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}}| [[File:{{{img|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}} | <br> | {{#if:{{{img_generic|}}} | <br> | }} }} '''{{{jobtitle|Job}}}'''
    padding: 15px;
|'''Access:''' {{{access|Not defined}}}<br> {{#if:{{{additional|}}}|'''[[Terminology#Additional_Access | Additional Access]]:''' {{{additional|Not defined}}}<br>|}}'''Difficulty:''' {{{difficulty|Not defined}}}<br>'''Supervisors:''' {{{superior|Not defined}}}<br>'''Duties:''' {{{duties|Not defined}}}<br>'''Guides:''' {{{guides|Not defined}}} {{#if: {{{quote|}}} | <br>'''Quote:''' ''{{{quote}}}''}}
    margin-bottom: 20px;
|}
    font-family: 'Courier New', Courier, monospace;
<noinclude></code>
    color: #c0c7d1;
This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.
    text-align: left !important;
">
    <div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #305275; padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">
       
        <div style="font-size: 28px; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">
{{{name|Название Профессии}}}
        </div>
       
        <div style="width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.05); border: 1px dashed #305275; border-radius: 4px; overflow: hidden; margin: 0 -5px 0 auto !important; padding: 0 !important; flex-shrink: 0 !important;">
            <div style="width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: pixelated; image-rendering: crisp-edges;">
                [[File:{{{image|Hudno_id.png}}}|86x86px|center|link=]]
            </div>
        </div>
    </div>


    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">
== Meaning of parameters ==
        <div style="background: #161b22; border-left: 3px solid #e8cd54; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
            <div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Доступ в отсеки</div>
            <div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{access|Базовый}}}</div>
        </div>


        <div style="background: #161b22; border-left: 3px solid {{{difficulty_color|#8b949e}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
'''headerbgcolor''' is the background color of the upper part which spans the entire width of the screen. This should be a dark color.<br>
            <div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Сложность</div>
'''headerfontcolor''' is the font color of the same part as headerbgcolor<br>
            <div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color|#e6edf3}}}; margin-top: 2px;">{{{difficulty|Низкая}}}</div>
'''stafftype''' is the word that is added before STAFF. So adding the word MAINTENANCE here yields MAINTENANCE STAFF. Intended to be in caps.<br>
        </div>
'''imagebgcolor''' is the background color of the space behind the image and the job title. this should be a light color as the job title is always black.<br>
'''img''' is the in-action image file, without the "File:" or "Image:" prefix. (see examples below)
'''img_generic''' is the generic image file, without the "File:" or "Image:" prefix. (see examples below)
'''jobtitle, access, difficulty, guides and duties''' are self-explanatory. '''quote''' will only show if the parameter is specified


        <div style="background: #161b22; border-left: 3px solid {{{dept_color|#2a2f35}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
== Usage ==
            <div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Департамент</div>
Example of the finished product. Check the source code for the code that generated the thing below. Please document any changes you make to the template code in the parameters and usage sections
            <div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{department|Отдела нет}}}</div>
        </div>


        <div style="background: #161b22; border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
No image defined:
            <div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Начальник</div>
            <div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{supervisor|Ментовка}}}</div>
        </div>


        <div style="background: #161b22; border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
{{JobPageHeader
            <div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Главная цель</div>
|headerbgcolor = darkblue
            <div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{duty|Выжить}}}</div>
|headerfontcolor = white
        </div>
|stafftype = COMMAND
    </div>
|imagebgcolor = lightblue
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
|quote = Look at me, I am the captain now.
}}
 
Only in-action image defined:
 
{{JobPageHeader
|headerbgcolor = darkblue
|headerfontcolor = white
|stafftype = COMMAND
|imagebgcolor = lightblue
|img = Captain_action.png
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}


    <div style="margin-top: 15px; padding: 10px; background: #1c2128; border: 1px dashed #305275; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
Only generic image defined:
<span style="color: #58a6ff; font-weight: bold;">Дополнительная Информация:</span> {{{description|Бла Бла Бла.}}}
    </div>
</div>


= Пример =
{{JobPageHeader
|headerbgcolor = darkblue
|headerfontcolor = white
|stafftype = COMMAND
|imagebgcolor = lightblue
|img_generic = Generic_captain.png
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}
 
Both images defined:


{{JobPageHeader
{{JobPageHeader
|name=Атмосферный техник (Atmospheric Technician)
|headerbgcolor = darkblue
|image=Generic_atmos.png
|headerfontcolor = white
|department=Инженерный отдел
|stafftype = COMMAND
|dept_color=#ffaa00
|imagebgcolor = lightblue
|access=Атмосферный отсек, Инженерный отсек, Технические туннели
|img = Captain_action.png
|difficulty=Высокая
|img_generic = Generic_captain.png
|difficulty_color=#f85149
|jobtitle = Captain
|supervisor=Старший Инженер (CE)
|access = All
|duty=Обеспечение станции воздухом, фильтрация газов, тушение пожаров
|additional = N/A
|description=Ваша зона ответственности — атмосфера станции. Настраивайте дистрибуцию газов, следите за давлением в трубах, выкачивайте плазму из коридоров после очередных экспериментов ученых и ни в коем случае не открывайте клапан с тритием без веской причины.
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}
}}
[[Category:Templates]]
</noinclude>