Theme alternatif pour le forum
Publié : sam. 22 déc. 2012, 12:26
Hello !
Je m'ennuyais un peu ce matin alors j'ai bricolé une apparence alternative pour le forum.
Ça n'a absolument rien d'officiel, ça n'a pas non plus vocation à être proposé comme alternative, c'est juste pour mon utilisation personnelle.
Mais ça peut faire une base pour faire vos propres couleurs si vous touchez un peu en CSS.
Ça s'installe avec l'extension Stylish pour Firefox ou Chromium :
Et ça ressemble à ça:
Je m'ennuyais un peu ce matin alors j'ai bricolé une apparence alternative pour le forum.
Ça n'a absolument rien d'officiel, ça n'a pas non plus vocation à être proposé comme alternative, c'est juste pour mon utilisation personnelle.
Mais ça peut faire une base pour faire vos propres couleurs si vous touchez un peu en CSS.
Ça s'installe avec l'extension Stylish pour Firefox ou Chromium :
Code : Tout sélectionner
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.partipirate.org") {
body {
background: #ffffff !important;
color: #444 !important;
}
a,
li.header dt,
li.header dd {
color: #0050B2 !important;
}
body,
input,
fieldset,
a.topictitle,
li.header dt,
li.header dd,
#padd-categories ul li a,
.content {
font-family: Ubuntu, sans-serif !important;
}
#header {
background-image: url('http://i.imgur.com/ulS84.png') !important;
}
div#padd-categories ul,
div#padd-categories ul li,
div#padd-categories li ul li a {
background-color: #ffc14e !important;
background-image: none !important;
}
div#padd-categories li ul li a:hover {
background-color: #ffdc9d !important;
background-image: none !important;
}
.navbar {
background-color: #ffdc9d !important;
}
.forabg,
.forumbg {
background: #ffc14e; /* Old browsers */
background: -moz-linear-gradient(top, #ffc14e 0%, #ffa500 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc14e), color-stop(100%,#ffa500)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffc14e 0%,#ffa500 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffc14e 0%,#ffa500 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffc14e 0%,#ffa500 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffc14e 0%,#ffa500 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc14e', endColorstr='#ffa500',GradientType=0 ) !important; /* IE6-9 */
}
.bg1,
.bg3,
ul.topiclist.topics li,
li.row {
background-color: #ebf4ff !important;
}
.bg2,
blockquote,
.bg3:hover
ul.topiclist.topics li:hover,
li.row:hover {
background-color: #deecff !important;
}
dd.posts,
dd.topics,
dd.views {
width: 10% !important;
}
dd.lastpost {
width: 23% !important;
}
}Et ça ressemble à ça:
