[AdminProtego Maxima]

Mise en page du forum

protego maxima

there's no time to die

Avant-propos
Protego Maxima vous laisse à disposition et la possibilité d'utiliser les codes créer pour le forum, pour vos jeux, vos sujets,... Libre à vous !

Néanmoins, au même titre qu'une charte graphique (car cela en est bien une), quelques règles sont à respecter et ceux pour plusieurs raisons :

1. Respecter le travail qui a été réalisé par les codeurs, conjointement avec les graphistes,  
   
2. Assurer une harmonie graphique à laquelle nous tenons,
   
3. Faciliter le travail de maintenance et de mise à jour graphique du design.
   

Les règles

Règle #1Il est strictement interdit de faire des injections de CSS (rajouter un attribut style dans les classes crées sur le forum, ou les balises, afin d'en modifier le comportement).  
Ex : modifier la taille du texte, retirer l'italique, modifier l'alignement du texte.
Vous utilisez les codes de mise en page comme tel. Si quelque chose vous manque, n'hésitez pas à faire une suggestion, nous sommes ouverts à le considérer.

Règle #2 Respecter l'hiérarchie des balises des titres.
Ex : Si dans mon poste je n'ai qu'un niveau de titre, j'utilise obligatoirement le premier titre, et pas le troisième.

Règle #2 Les balises d'emphases (de mise en valeur de texte), ne sont pas des balises de titres.

k.ellyian

[AdminProtego Maxima]

Les titres et emphases

protego maxima

there's no time to die

Ce poste répertorient toutes les balises qui ont été créé pour la charte graphique du forum.

Titre de premier niveau
Titre de deuxième niveau
Titre de troisième niveau

Code:

<t1>Titre de premier niveau</t1>
<t2>Titre de deuxième niveau</t2>
<t3>Titre de troisième niveau</t3>

Ex : Si dans mon poste je n'ai qu'un niveau de titre, j'utilise obligatoirement le premier titre, et pas le troisième.

Concernant les emphases,  crées pour le forum vous avez :

italique protego maxima

second italique protego maxima

gras protego maxima

texte avec fond

texte avec fond

petit texte

petit texte

Code:

<ipm>italique protego maxima</ipm>

<ipm2>second italique protego maxima</ipm2>

<bpm>gras protego maxima</bpm>

<highlight>change de couleur une fois sur deux</highlight>

<pm>petit texte change de couleur une fois sur deux</pm>

Leur utilisation sont libres, mais : ce ne sont pas des titres.
Vous pouvez, alterner red/grey pour le confort des yeux.

Il existe aussi, les balises des différents groupes du forum :

felix felicis
amortentia
polyjuice
Weedosoros

Code:

<felix>felix felicis</felix>
<amortentia>amortentia</amortentia>
<polyj>polyjuice </polyj>
<wedosoros>weedosoros (on sait, y a une faute, shhht. On dira pas la faute à qui <3) </wedosoros>

@"Arseus Nott"

[AdminProtego Maxima]

the war's medics

how to save a life

we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes

Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.

Code:

   <center><div class="bodyfiche"><div class="fondblancfiche"><div class="entete-conteneur2"><div class="rondicon2"><img src="https://64.media.tumblr.com/6029cefdcf3a9180f6d74cf1f6278a7c/84d0de3ab77bd1d8-20/s400x600/82529c9be3cf7a343666314f9e10aad76ddcc5c5.gifv"></div> <div class="rondicon2"><img src="https://static.blog4ever.com/2014/07/777966/artfichier_777966_7126324_201704281449763.jpg"></div><div class="entete-texte2"><center><div class="titlefiche">the war's medics</div><div class="quotehover">how to save a life</div></center></div> </div></div><div class="quotefiche">we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes</div><div class="fondblanctexte">Le <hq>Lorem Ipsum</hq> est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.</div></div></center>

[AdminProtego Maxima]

the war's medics

how to save a life

we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes

Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.

Code:

   <center><div class="bodyfiche"><div class="fondblancfiche"><div class="entete-conteneur3"><div class="entete-texte3"><center><div class="titlefiche">the war's medics</div><div class="quotehover">how to save a life</div></center></div> <div class="rondicon3"><img src="https://64.media.tumblr.com/6029cefdcf3a9180f6d74cf1f6278a7c/84d0de3ab77bd1d8-20/s400x600/82529c9be3cf7a343666314f9e10aad76ddcc5c5.gifv"></div> <div class="rondicon3"><img src="https://static.blog4ever.com/2014/07/777966/artfichier_777966_7126324_201704281449763.jpg"></div></div></div><div class="quotefiche">we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes</div><div class="fondblanctexte">Le <hq>Lorem Ipsum</hq> est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.</div></div></center>

[AdminProtego Maxima]

the war's medics

how to save a life

we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes

Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.

Code:

<center><div class="bodyfiche"><div class="fondblancfiche"><div class="entete-conteneur1"><div class="rondicon1"><img src="https://64.media.tumblr.com/6029cefdcf3a9180f6d74cf1f6278a7c/84d0de3ab77bd1d8-20/s400x600/82529c9be3cf7a343666314f9e10aad76ddcc5c5.gifv"></div>
<div class="entete-texte1"><center><div class="titlefiche">the war's medics</div><div class="quotehover">how to save a life</div></center></div> <div class="rondicon1"><img src="https://static.blog4ever.com/2014/07/777966/artfichier_777966_7126324_201704281449763.jpg"></div></div></div><div class="quotefiche">we try, we do the best we can, but most of the time, it is not enough to save the people we love, we just see them dying in front of our eyes</div><div class="fondblanctexte">Le <hq>Lorem Ipsum</hq> est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.</div></div></center>

[AdminProtego Maxima]

je t'aime, moi.

protego maxima

there's no time to die

Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.

@"crédit"

Code:

<center><div class="bodyfiche"><div class="fondblancfichebis"><div class="entete-conteneur"><div class="entete-texte"><center><div class="titlefiche">Les titres et emphases</div><div class="quotehover">protego maxima</div></center></div></div> </div><div class="quotefiche">there's no time to die</div><div class="fondblanctextebis">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.
</div> <credits>@"crédit"</credits></div></center>

[AdminProtego Maxima]

Liste et rendu des couleurs

Rendu fond gris

there's no time to die

A
aliceblue
antiquewhite
aqua
aquamarine
azure

B
beige
bisque
black
blanchedalmond
blue
blueviolet
brown
burlywood

C
cadetblue
chartreuse
chocolate
coral
cornflowerblue
cornsilk
crimson
cyan

D
darkblue
darkcyan
darkgoldenrod
darkgray
darkgrey
darkgreen
darkkhaki
darkmagenta
darkolivegreen
darkorange
darkorchid
darkred
darksalmon
darkseagreen
darkslateblue
darkslategray
darkslategrey
darkturquoise
darkviolet
deeppink
deepskyblue
dimgray
dimgrey
dodgerblue

F
firebrick
floralwhite
forestgreen
fuchsia

G
gainsboro
ghostwhite
gold
goldenrod
gray
grey
green
greenyellow

H
honeydew
hotpink

I
indianred
indigo
ivory

K
khaki

L
lavender
lavenderblush
lawngreen
lemonchiffon
lightblue
lightcoral
lightcyan
lightgoldenrodyellow
lightgray
lightgrey
lightgreen
lightpink
lightsalmon
lightseagreen
lightskyblue
lightslategray
lightslategrey
lightsteelblue
lightyellow
lime
limegreen
linen

M
magenta
maroon
mediumaquamarine
mediumblue
mediumorchid
mediumpurple
mediumseagreen
mediumslateblue
mediumspringgreen
mediumturquoise
mediumvioletred
midnightblue
mintcream
mistyrose
moccasin

N
navajowhite
navy

O
oldlace
olive
olivedrab
orange
orangered
orchid

P
palegoldenrod
palegreen
paleturquoise
palevioletred
papayawhip
peachpuff
peru
pink
plum
powderblue
purple

R
red
rosybrown
royalblue

S
saddlebrown
salmon
sandybrown
seagreen
seashell
sienna
silver
skyblue
slateblue
slategray
slategrey
snow
springgreen
steelblue

T
tan
teal
thistle
tomato
turquoise

V
violet

W
wheat
white
whitesmoke

Y
yellow
yellowgreen

selli

[Contenu sponsorisé]