Page 1 sur 1

@ Personnaliser le thème Avantime-Passion sur son propre PC

Publié : 31 déc. 2013, 15:11
par nico78
Le thème Avantime-Passion est un peu sombre. ça plait à beaucoup de gens mais certains rencontrent des problèmes de lisibilité.

Si vous faites partie de ces personnes qui préfèrent lire du texte en noir sur fond blanc, ce tuto est pour vous ! :wink:

Pré-requis :
1. commencez par vérifier que vous utilisez le navigateur Firefox
=> si ce n'est pas le cas, téléchargez Firefox (http://www.mozilla.org/fr/firefox/new/)
firefox.png
firefox.png (2.59 Kio) Consulté 5002 fois
2. lancez Firefox et installez l'extension Stylish (https://addons.mozilla.org/fr/firefox/addon/stylish/)
stylish.png
stylish_install.png
stylish_install.png (10.49 Kio) Consulté 5002 fois
3. relancez Firefox pour terminer l'installation de Stylish

Configuration de Stylish :
1. Aller dans le menu "Outil" > "Modules Complémentaires"
stylish_config.png
2. Cliquer sur "Styles utilisateurs"

3. Cliquer sur "Créer un nouveau style..."
stylish_config2.png
stylish_config2.png (9.37 Kio) Consulté 5001 fois
4. Saisir "Avantime-Passion" dans les champs "Nom" et "Balises"

5. Dans le champ texte, copier-coller le texte suivant:

Code : Tout sélectionner

@-moz-document url-prefix(http://forum.avantimepassion.fr/) {
	.content, .rules .block-inner, .block-cp .block-inner, .panel .block-inner, .post .block-inner, .profile-details, .profile-details p {
		background-color: #EEEEEE !important;
		color: #010101 !important;
	}
	.ca-bbcode {
	    background-color: #DDDDDD !important;
	    color: #010101 !important;
	}
}
6. Cliquer sur Enregistrer (on voit bien le nouveau style sur la capture d'écran ci-dessous)
stylish_config3.png
Test :

1. Aller sur forum.avantimepassion.fr et ouvrir un topic :
test.png

Et pour aller plus loin...
- l'extension Stylish est disponible pour chrome et Firefox. Donc si vous voulez essayer avec Chrome, why not. (mais j'ai pas testé)
- Le texte bizarre qu'on copie/colle (la feuille de style CSS) est une description du style à appliquer. On peut l'affiner pour grossir les polices, changer les autres couleurs, etc. Il suffit à chaque fois de retourner dans la configuration de stylish et de copier / coller le nouveau style.

Re: @ Personnaliser le thème Avantime-Passion sur son propre

Publié : 31 déc. 2013, 19:53
par Spaza
Bravo pour ce tuto, il fallait le faire , mais le retour en arrière ?
Je viens d'essayer, mais maintenant même si j'avais eu un doute, je resterai longtemps dans l'ombre de AP . :mrgreen:
Pour revenir au noir, il suffit de désactiver le style créé ....

Re: @ Personnaliser le thème Avantime-Passion sur son propre

Publié : 01 janv. 2014, 22:11
par losange
Merci beaucoup, est-il possible de faire la même chose sur Safari par exemple?

Re: @ Personnaliser le thème Avantime-Passion sur son propre

Publié : 02 janv. 2014, 12:20
par nico78
Je n'ai pas safari, je n'ai donc pas testé mais cela semble possible. Essaye cette extension pour Safari: http://sobolev.us/stylish/ :wink:

Re: @ Personnaliser le thème Avantime-Passion sur son propre

Publié : 11 janv. 2014, 23:04
par MaitreTI
Bien joué ;)

Re: @ Personnaliser le thème Avantime-Passion sur son propre

Publié : 12 janv. 2014, 00:49
par yenyen92
Bravo !