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

h1 {
padding: 4px 8px 7px 8px;
color: #2d3c32;
text-align: center;
font-size: 1.55em;
}

h2 {
color: #2d3c32;
font-size: 1.24em;
background: #d7e6dc;
}

h3 {
padding: 5px 5px 6px 4px;
color: #2d3c32;
font-size: 1.18em;
border-bottom: 1px #2d3c32 solid;
}

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

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

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

a {
color: #223228;
text-decoration: none;
}

fieldset {
border: none;
}

input {
margin: 1px;
padding: 2px;
color: #223228;
background: #ccdcd2;
border: 1px #223228 solid;
}

tr {
color: #2d3c32;
background: #d7e6dc;
}

tr.alternate {
color: #2d2732;
background: #d7d1dc;
}

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