DevWeb (v2 beta)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
theme_BlueGray (From 1njlgvkj2s5vbd4gjadr46pfm3)
-
theme_BlackGray (From 4i37ku18mrlvlu8bk559dr2i47)
-
theme_ (From 4l1le5ags3d577otru7i9o3to8)
-
theme_BlackGray (From 4l1le5ags3d577otru7i9o3to8)
-
theme_BlueGray (From 4l1le5ags3d577otru7i9o3to8)
-
theme_WEB-INF-web-xml (From 4l1le5ags3d577otru7i9o3to8)
-
theme_Windows-system-ini (From 4l1le5ags3d577otru7i9o3to8)
-
theme_ZAP (From 4l1le5ags3d577otru7i9o3to8)
-
theme_c-Windows-system-ini (From 4l1le5ags3d577otru7i9o3to8)
-
theme_c (From 4l1le5ags3d577otru7i9o3to8)
-
theme_etc-passwd (From 4l1le5ags3d577otru7i9o3to8)
-
theme_thishouldnotexistandhopefullyitwillnot (From 4l1le5ags3d577otru7i9o3to8)
-
theme_BlueGray (From 54a698754hedhoehj23mfcuh36)
-
theme_BlueGray (From 5m77s23quk2s350n6kjb1sbije)
-
theme_BlackGray (From 759bm2dmhotuuf9000in80jbu5)
-
theme_BlueGray (From 8kfvr6d63c6h7e1cd2h9pcbone)
-
theme_BlueGray (From gp9ic94ookt51c40s2oma0bd24)
-
theme_BlueGray (From tv98pt5jb12c481tjut00j0h11)
-
theme_BlueGray (From udnubr5ndolttdd6evt2v0vgc4)
Créer une mise en forme
Code CSS
<link href="https://fonts.googleapis.com/css?family=trebuchet+ms" rel="stylesheet" />
<style>
body {
color: #181b24;
font-family: ;
font-size: 16px;
}
h1 {
padding: 6px 4px 4px 5px;
color: #181b24;
font-size: 1.37em;
}
h2 {
padding: 4px 3px 4px 4px;
color: #181b24;
font-size: 1.33em;
background: #c2c5ce;
border-bottom: 1px #181b24 solid;
}
h3 {
color: #181b24;
font-size: 1.07em;
background: #c2c5ce;
border-bottom: 2px #181b24 solid;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
p {
margin: 0;
padding: 3px;
}
blockquote {
color: #c2c5ce;
font-style: italic;
border: 1px #c2c5ce dashed;
}
a {
color: #23252e;
text-decoration: none;
}
fieldset {
border: none;
}
input {
margin: 1px;
padding: 2px;
color: #23252e;
background: #cdcfd8;
border: 1px #23252e solid;
}
tr {
color: #181b24;
background: #c2c5ce;
}
tr.alternate {
color: #2e3024;
background: #d8dace;
}
td {
padding: 2px 3px 2px 4px;
}
.highlight {
text-align: center;
color: #c2c5ce;
background: #181b24;
border-bottom: 2px #404040 solid;
}
</style>