« Modèle:Portrait Hexa » et « Catégorie:L'Ost des Chevaliers » : différence entre les pages

De Omnis Bibliotheca
(Différence entre les pages)
Aller à :navigation, rechercher
mAucun résumé des modifications
 
mAucun résumé des modifications
 
Ligne 1 : Ligne 1 :
<includeonly><div style="display: table; position: relative;">
{{Page Chevaliers Impériaux}}
__NOTOC__
{|class="wikitable" style="width: 400px; background-color: #000000; margin: auto;"
|style="color:#DBE9F4; text-align:center;"|
:''« Il n’est personne de plus haïssable dans le vaste [[Imperium]] que celui qui réduit ses loyaux serviteurs en esclavage. Le labeur honnête au nom de l’[[Empereur]] est important, car ce n’est qu’à travers un dur travail et les privations nécessaires qu’un homme peut apprêter son âme à recevoir la grâce de l’Empereur. Cependant, quand le [[Xenos]] ou l’hérétique place le joug de l’esclavage sur le cou d’honnêtes citoyens impériaux, et détourne leur bon travail à des fins ignobles, il commet une offense impardonnable. Il n’existe qu’un seul juste châtiment pour ces abominables tyransn… La mort. »''
<div align="right">'''- Sire [[Canis Rex|Hekhtur, le Briseur de Chaînes]].'''</div>
[[Fichier:OstDesChevaliers.jpg|500px]]
|}
 
===[[Chevalier Acastus]]===
<div style="text-align: center;">
<div style="
<div style="
display: table;
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;  
position: relative;
position: relative;
">{{{include|}}}{{#if: {{{name|}}}
">
|<div style="position: absolute;
top: 50%;
left: 50%;
z-index: 20;
transform: translateX(-50%) translateY(-50%) rotate(210deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
display: flex;
justify-content: center;
align-items: center;
font-weight: normal;
letter-spacing: 2px;
box-sizing: border-box;
text-transform: uppercase;
font-size: 10px;
font-family: sans-serif;
font-style: normal;
text-shadow: 0 0 5px #000, 0 0 10px #4f2714, 0 0 10px #000, 2px 2px 5px black, 1px 1px 10px black, 1px 1px 5px black;
color: #ffffff4a;
width: 120px;">
<div style="height: 30px;z-index: 20;width: 100%;background: linear-gradient(90deg, #717978, #414444, #575b5b, #232625, #414444, #717978);box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, inset 2px 4px 20px black;display: flex;justify-content: center;align-items: center;clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 100%, 16px 100%);padding: 0 1.5em 0 1em;font-weight: normal;letter-spacing: 2px;box-sizing: border-box;text-transform: uppercase;font-size: 10px;font-family: sans-serif;font-style: normal;text-shadow: 0 0 5px #000, 0 0 10px #4f2714, 0 0 10px #000, 2px 2px 5px black, 1px 1px 10px black, 1px 1px 5px black;color: #ffffff4a;">
<div style="transform: rotate(180deg); white-space: nowrap; {{{name_style|}}}">{{{name|}}}</div>
</div>{{#if: {{{title|}}}
|<div style="position: absolute;
top: 0;
right: 0;
z-index: 10;
transform: rotate(180deg) translateY(17px) translateX(15px);
border-radius: 5px;text-shadow: 0 0 5px black, 0 0 15px black;
text-transform: none;
clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
width: calc(100% - 6px);
box-sizing: border-box;text-align: center;
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) #000;
box-shadow: inset 1px 1px #ffffff1f, inset -1px -1px #ffffff10, inset 2px 2px 1px #ffffff1f, inset 0 0 10px #000, 0 4px 10px black;
white-space: nowrap;
{{{title_style|}}}">{{{title}}}</div>}}
</div>}}
<div style="pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);">
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(30deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}40, transparent) #ffffff20;"></div></div>
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{border_color|#000}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(90deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}40, transparent) #00000020;"></div></div>
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{light_shade_color|#000}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(150deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}90, transparent) #00000040;"></div></div>
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{light_shade_color|#000}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(210deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}40, transparent) #00000020;"></div></div>
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(270deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}40, transparent) #ffffff20;"></div></div>
<div style="position: absolute;
top: 50%;
left: 50%;
height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
transform: translateX(-50%) translateY(-50%) rotate(330deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
"><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}90, transparent) #ffffff40;"></div></div>
</div>
<div style="position: relative;
width: 100%;
height: 100%;
z-index: 5;
overflow: hidden;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);">
{{Portrait SciFi
|image={{{image|}}}
|taille_image={{{taille_image|}}}
|link={{{link|}}}
|hauteur={{{dimension|140}}}px
|largeur={{#expr: {{{dimension|140}}} * 0.87}}px
|decalage_image_vertical={{{decalage_image_vertical|}}}
|decalage_image_horizontal={{{decalage_image_horizontal|}}}
}}</div></div></div></includeonly><noinclude>
{{Page OB}}


{{travaux}}
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Acastus Asterius
|link=[[Acastus Asterius]]
|image=DecoArméeChevaliers.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


==Fonctionnalité==
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Acastus Porphyrion
|link=[[Acastus Porphyrion]]
|image=ChevalierAcastus.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


Permet d'afficher une image dans un style futuriste et un cadre hexadecimal.
</div>
</div>


== Exemples ==
===[[Chevalier Armigère]]===
<div style="text-align: center;">
<div style="
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;
position: relative;
">


{| style="width: 100%;"
{{Portait SciFi |margin=0 2em 4em 2em
|- style="font-weight: bold;"
|titre=Armigère Moirax
| Code :
|link=[[Armigère Moirax]]
| Rendu :
|image=DecoArméeChevaliers.jpg
|- style="vertical-align: top; width: 100%;"
|taille_image=x260px
| style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
|hexcolor=#00CDFF
}}


<pre>{{Portrait Hexa
{{Portait SciFi |margin=0 2em 4em 2em
|image=Mathias portrait.jpg
|titre=Armigère Hastaire
}}</pre>
|link=[[Armigère Hastaire]]
 
|image=ArmigerWarglaive.jpg
| style="width: calc(100% - 400px); padding-left: 2em;" |
|taille_image=x260px
|hexcolor=#00CDFF
}}


{{Portrait Hexa
{{Portait SciFi |margin=0 2em 4em 2em
|image=Mathias portrait.jpg
|titre=Armigère Helvérien
|link=[[Armigère Helvérien]]
|image=ArmigerHelverin.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}
}}


|}
</div>
</div>


===[[Chevalier Cerastus]]===
<div style="text-align: center;">
<div style="
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;
position: relative;
">


-------------
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Cerastus Acheron
|link=[[Cerastus Acheron]]
|image=ChevalierAcheron.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{{Portait SciFi |margin=0 2em 4em 2em
|titre=Cerastus Atrapos
|link=[[Cerastus Atrapos]]
|image=ChevalierAtrapos.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{| style="width: 100%;"
{{Portait SciFi |margin=0 2em 4em 2em
|- style="font-weight: bold;"
|titre=Cerastus Castigator
| Code :
|link=[[Cerastus Castigator]]
| Rendu :
|image=ChevalierCastigator.jpg
|- style="vertical-align: top; width: 100%;"
|taille_image=x260px
| style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
|hexcolor=#00CDFF
 
}}
<pre>{{Portrait Hexa
|image=Mathias portrait.jpg
|dimension=100
|taille_image=100px
}}</pre>
 
| style="width: calc(100% - 400px); padding-left: 2em;" |


{{Portrait Hexa
{{Portait SciFi |margin=0 2em 4em 2em
|image=Mathias portrait.jpg
|titre=Cerastus Lancer
|dimension=100
|link=[[Cerastus Lancer]]
|taille_image=100px
|image=ChevaliersDeMolech.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}
}}


|}
</div>
</div>


===[[Chevalier Dominus]]===
<div style="text-align: center;">
<div style="
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;
position: relative;
">


-------------
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Dominus Castellan
|link=[[Dominus Castellan]]
|image=ChevalierCastellan.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{{Portait SciFi |margin=0 2em 4em 2em
|titre=Dominus Vaillant
|link=[[Dominus Vaillant]]
|image=ChevalierValiant.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{| style="width: 100%;"
</div>
|- style="font-weight: bold;"
</div>
| Code :
| Rendu :
|- style="vertical-align: top; width: 100%;"
| style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |


<pre>{{Portrait Hexa
===[[Chevalier Questoris]]===
|image=Mathias portrait.jpg
<div style="text-align: center;">
|name=Mathias
<div style="
}}</pre>
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;
position: relative;
">


| style="width: calc(100% - 400px); padding-left: 2em;" |  
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Questoris Croisé
|link=[[Questoris Croisé]]
|image=CrusaderChevalier.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{{Portrait Hexa
{{Portait SciFi |margin=0 2em 4em 2em
|image=Mathias portrait.jpg
|titre=Questoris Errant
|name=Mathias
|link=[[Questoris Errant]]
|image=ChevalierErrant.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}
}}


|}
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Questoris Galant
|link=[[Questoris Galant]]
|image=ChevalierGallant.jpg
|taille_image=180px
|hexcolor=#00CDFF
}}


{{Portait SciFi |margin=0 2em 4em 2em
|titre=Questoris Magaera
|link=[[Questoris Magaera]]
|image=Coronides3.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


-------------
{{Portait SciFi |margin=0 2em 4em 2em
|titre=Questoris Paladin
|link=[[Questoris Paladin]]
|image=ChevalierPaladin.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{{Portait SciFi |margin=0 2em 4em 2em
|titre=Questoris Precepteur
|link=[[Questoris Precepteur]]
|image=CanisRex.jpg
|taille_image=x260px
|hexcolor=#00CDFF
}}


{| style="width: 100%;"
{{Portait SciFi |margin=0 2em 4em 2em
|- style="font-weight: bold;"
|titre=Questoris Styrix
| Code :
|link=[[Questoris Styrix]]
| Rendu :
|image=DecoArméeChevaliers.jpg
|- style="vertical-align: top; width: 100%;"
|taille_image=x260px
| style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
|hexcolor=#00CDFF
 
}}
<pre>{{Portrait Hexa
|dimension=180
|image=Mathias portrait.jpg
|name=Mathias
|title=Capitaine
|link=[[Mathias]]
|border_color=#151024
}}</pre>


| style="width: calc(100% - 400px); padding-left: 2em;" |  
{{Portait SciFi |margin=0 2em 4em 2em
 
|titre=Questoris Vigilant
{{Portrait Hexa
|link=[[Questoris Vigilant]]
|dimension=180
|image=WardenChevalier.jpg
|image=Mathias portrait.jpg
|taille_image=x280px
|name=Mathias
|hexcolor=#00CDFF
|title=Capitaine
|border_color=#151024
|link=[[Mathias]]
}}
}}


|}
</div>
</div>


===Chevalier Sans-Fief===
<div style="text-align: center;">
<div style="
display: inline-flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
margin: auto; padding: 50px 50px 0 50px;
position: relative;
">


-------------
{{Portait SciFi |margin=0 2em 4em 2em
 
|titre= Chevalier Sans-Fief
 
|link=[[Chevalier Sans-Fief]]
{| style="width: 100%;"
|image=FreeBlade.jpg
|- style="font-weight: bold;"
|taille_image=x260px
| Code :
|hexcolor=#00CDFF
| Rendu :
|- style="vertical-align: top; width: 100%;"
| style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
 
<pre>{{Portrait Hexa
|image=Mathias portrait.jpg
|name=Mathias
|border_bg=radial-gradient(#ffffff21, transparent, #00000026), linear-gradient(#151024, #442121 20%, #442121 80%, #0b0707)
|dimension=100
|taille_image=100px
|name_style=font-size: smaller;
}}</pre>
 
| style="width: calc(100% - 400px); padding-left: 2em;" |
 
{{Portrait Hexa
|image=Mathias portrait.jpg
|name=Mathias
|border_bg=radial-gradient(#ffffff21, transparent, #00000026), linear-gradient(#151024, #442121 20%, #442121 80%, #0b0707)
|dimension=100
|taille_image=100px
|name_style=font-size: smaller;
}}
}}


|}
</div>
 
</div>


{{Credo|right}}


[[Catégorie:Modèles de mise en page|global]]
[[Catégorie:Chevaliers Impériaux]]
</noinclude>
[[Catégorie:Marcheurs]]
[[Catégorie:Listes d'Armées]]

Version du 11 octobre 2022 à 19:34





« Il n’est personne de plus haïssable dans le vaste Imperium que celui qui réduit ses loyaux serviteurs en esclavage. Le labeur honnête au nom de l’Empereur est important, car ce n’est qu’à travers un dur travail et les privations nécessaires qu’un homme peut apprêter son âme à recevoir la grâce de l’Empereur. Cependant, quand le Xenos ou l’hérétique place le joug de l’esclavage sur le cou d’honnêtes citoyens impériaux, et détourne leur bon travail à des fins ignobles, il commet une offense impardonnable. Il n’existe qu’un seul juste châtiment pour ces abominables tyransn… La mort. »

OstDesChevaliers.jpg

Chevalier Acastus


Acastus Asterius
Acastus Asterius
DecoArméeChevaliers.jpg


Acastus Porphyrion
Acastus Porphyrion
ChevalierAcastus.jpg

Chevalier Armigère


Armigère Moirax
Armigère Moirax
DecoArméeChevaliers.jpg


Armigère Hastaire
Armigère Hastaire
ArmigerWarglaive.jpg


Armigère Helvérien
Armigère Helvérien
ArmigerHelverin.jpg

Chevalier Cerastus


Cerastus Acheron
Cerastus Acheron
ChevalierAcheron.jpg


Cerastus Atrapos
Cerastus Atrapos
ChevalierAtrapos.jpg


Cerastus Castigator
Cerastus Castigator
ChevalierCastigator.jpg


Cerastus Lancer
Cerastus Lancer
ChevaliersDeMolech.jpg

Chevalier Dominus


Dominus Castellan
Dominus Castellan
ChevalierCastellan.jpg


Dominus Vaillant
Dominus Vaillant
ChevalierValiant.jpg

Chevalier Questoris


Questoris Croisé
Questoris Croisé
CrusaderChevalier.jpg


Questoris Errant
Questoris Errant
ChevalierErrant.jpg


Questoris Galant
Questoris Galant
ChevalierGallant.jpg


Questoris Magaera
Questoris Magaera
Coronides3.jpg


Questoris Paladin
Questoris Paladin
ChevalierPaladin.jpg


Questoris Precepteur
Questoris Precepteur
CanisRex.jpg


Questoris Styrix
Questoris Styrix
DecoArméeChevaliers.jpg


Questoris Vigilant
Questoris Vigilant
WardenChevalier.jpg

Chevalier Sans-Fief


Chevalier Sans-Fief
Chevalier Sans-Fief
FreeBlade.jpg
Pensée du Jour : « Nous gagnons notre salut par la destruction de nos ennemis. »