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

h1 {
padding: 4px 5px 5px 4px;
color: #023823;
font-size: 1.32em;
}

h2 {
padding: 4px 6px 5px 3px;
color: #023823;
font-size: 1.18em;
background: #ace2cd;
}

h3 {
color: #023823;
font-size: 1.11em;
background: #ace2cd;
}

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

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

blockquote {
color: #ace2cd;
font-style: italic;
}

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

fieldset {
border: none;
}

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

tr {
color: #023823;
background: #ace2cd;
}

tr.alternate {
color: #172323;
background: #c1cdcd;
}

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