Charger ou créer une mise en forme

La mise en forme permet de créer l'aspect général de votre site.

Cela ne met pas en place sa structure mais plutôt l'aspect visuel pour les contenus (Couleurs, bordures, mise en forme des textes et autres éléments du site).

De plus, la mise en forme est indépendante du thème du site.
Ainsi, il est possible d'appliquer une mise en forme identique pour des thèmes différents.

Vous pouvez télécharger l'un des template présents de la liste ci-dessous ou en créer un nouveau de toute pièce (nécessite des connaissances en CSS).
Vous pourrez même sauvegarder votre création si cette dernière vous convient.

Attention, cette partie est encore en cours d'évolution !
Une documentation sera fournie prochainement.

Mises en formes existantes

Créer une mise en forme

.css(To save your format, please type a name.)
(Only one Google Font is accepted)
Colors
Bright / SetSET_0SET_1SET_2
LOW
HIGH
Tags
Tags / CSSmarginpaddingcolorfont-sizefont-weightfont-styletext-aligntext-decorationbackgroundborderborder-bottom
body

h1

h2

h3

ul

p

blockquote

a

fieldset

label

input

table

tr

tr.alternate

td

.highlight

Code CSS

<link href="https://fonts.googleapis.com/css?family=trebuchet+ms" rel="stylesheet" />

<style>
body {
color: #55390e;
font-family: ;
font-size: 16px;
}

h1 {
padding: 6px 8px 7px 8px;
color: #55390e;
font-size: 1.51em;
background: #ffe3b8;
border-bottom: 4px #55390e solid;
}

h2 {
padding: 5px 4px 6px 3px;
color: #55390e;
font-size: 1.19em;
border-bottom: 4px #55390e solid;
}

h3 {
padding: 6px 6px 3px 4px;
color: #55390e;
font-size: 1em;
background: #ffe3b8;
border-bottom: 1px #55390e solid;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

p {
margin: 0;
padding: 3px;
}

blockquote {
color: #ffe3b8;
font-style: italic;
border: 1px #ffe3b8 dashed;
}

a {
color: #4a2e18;
text-decoration: none;
}

fieldset {
border: none;
}

input {
margin: 1px;
padding: 2px;
color: #4a2e18;
background: #f4d8c2;
border: 1px #4a2e18 solid;
}

tr {
color: #55390e;
background: #ffe3b8;
}

tr.alternate {
color: #402423;
background: #eacecd;
}

.highlight {
text-align: center;
color: #ffe3b8;
background: #55390e;
border-bottom: 2px #404040 solid;
}
</style>