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: #0f0801;
font-family: 'trebuchet ms', 'trebuchet ms', 'sans-serif';
font-size: 16px;
}

h1 {
padding: 8px 8px 4px 6px;
color: #0f0801;
text-align: center;
font-size: 2.54em;
background: #b9b2ab;
}

h2 {
color: #0f0801;
font-size: 1.33em;
background: #b9b2ab;
border-bottom: 1px #0f0801 solid;
}

h3 {
color: #0f0801;
font-size: 1.12em;
border-bottom: 2px #0f0801 solid;
}

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

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

blockquote {
color: #b9b2ab;
font-style: italic;
border: 2px #b9b2ab dashed;
}

a {
color: #1a130b;
text-decoration: none;
}

fieldset {
border: none;
}

input {
margin: 1px;
padding: 2px;
color: #1a130b;
background: #c4bdb5;
border: 1px #1a130b solid;
}

tr {
color: #0f0801;
background: #b9b2ab;
}

tr.alternate {
color: #251e16;
background: #cfc8c0;
}

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

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