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: #013a16;
font-family: ;
font-size: 16px;
}

h1 {
padding: 4px 8px 6px 4px;
color: #013a16;
font-size: 1.25em;
border-bottom: 4px #013a16 solid;
}

h2 {
padding: 4px 6px 3px 6px;
color: #013a16;
font-size: 1.19em;
}

h3 {
padding: 6px 5px 6px 3px;
color: #013a16;
font-size: 1.19em;
background: #abe4c0;
}

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

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

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

a {
color: #0c2f20;
text-decoration: none;
}

fieldset {
border: none;
}

input {
margin: 1px;
padding: 2px;
color: #0c2f20;
background: #b6d9ca;
border: 1px #0c2f20 solid;
}

tr {
color: #013a16;
background: #abe4c0;
}

tr.alternate {
color: #17252b;
background: #c1cfd5;
}

td {
padding: 3px 4px 2px 4px;
}

.highlight {
text-align: center;
color: #abe4c0;
background: #013a16;
border-bottom: 2px #404040 solid;
}
</style>