user@linuxtrack:~ $ python -c 'print("Soyez les bienvenus !")'

Vous n'êtes pas identifié(e).

Pages : 1

#1 14-03-2015 22:45:16

WarLocG
#! modo de compet

[Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

L'astuce en question concerne l'extension Stylish sous firefox (juste entrer stylish dans la recherche devrait suffire).

Elle permet de réécrire au dessus de le CSS - Cascade Stylesheet - des sites et de les relooker a votre gout.

Attention, ceci n'a absolument rien à voir avec des défaces, les modifications ne fonctionnent que coté client et n'affecteront que votre client firefox/iceweasel à vous.

Pour se créer un nouveau "template", juste cliquez sur la petite icone en 'S' sur fond blanc et "Créer un nouveau style" et dans le menu suivant choisissez le domaine qui en sera affecté.

1426366616.png

Petite modification du forum par mes soins en guise d'aperçu:
1426360426.png

Voici ma css modifiée pour obtenir ce nouveau style personnalisé que j'ai nommé "Anthracite":

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("linuxtrack.net") {
  
.pun a, .pun a:link, .pun a:visited {
    color: #FFFFFF;
}
	
.pun .blocktable .box {
    background: none repeat scroll 0% 0% #202020;
    border-color: #404040;
}
	
.pun .blocktable th {
    background: none repeat scroll 0% 0% #101010;
    border-color: #404040;
    color: #C0C0C0;  /* text color */
}
	
.pun .blocktable td {
    border-color: #404040;
}
    
.pun label, .pun legend, #adminconsole fieldset th {
    color: #FFFFFF;
}
    
.pun .blockpost .usercontacts .website {
    /*background: url('./midnight-images/ext.png') no-repeat scroll left 65% transparent;*/
    background: transparent;
    padding-left: 18px;
    display: inline-block;
    line-height: normal;
}
    
.pun .quotebox cite {
    color: #FFFFFF;
}
    
.pun .blockpost h2 {
    color: #FFFFFF;
}

}

Lorsqu'un style sera présent pour le site que vous visiterez, l'icone se changera pour avertir qu'un style est utilisé.

1426366711.png

Vous pourrez modifier ce style en cliquant droit sur le nom puis en cliquant sur modifier.

1426366294.png

Finalement, cliquez sur le bouton enregistrer lorsque vos modifications sont terminées et les effets seront directement appliqués.

Avant de poser vos questions, jeter un oeil ici
Mon CodeVault et Wiki : ici
Les messages privés envers le staff sont uniquement pour les cas d'urgence ou affaires privées (personnelles). Les demandes se feront exclusivement sur le forum. Merci de respecter cette clause sous peine de sanctions.

Hors ligne

#2 14-03-2015 23:20:21

penthium2
Modérateur

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

ya bon ca big_smile c'est fun comme extenssion big_smile THX big_smile

vi est mon ami pour la vie
Viperr
Ph'nglui nglw-nafh Cthulhu R'lyeh wgah-nagl fhtagn

Hors ligne

#3 14-03-2015 23:24:05

azgarech
Crazy one

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Merci ça c'est cool

Security is always excessive until it’s not enough. — Robbie Sinclair

Hors ligne

#4 04-04-2015 02:36:32

Cabsud
Membre

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Ça fait un petit moment que j'utilise cette extension en bidouillant comme je peux.
Et depuis peu, grâce à elle j'apprends ,à mon rythme et quand j'en ai besoin, les règles html et css.

J'apporte ma petite contribution au forum en vous faisant partager ce que j'ai fais,et vous trouverez le complément sur le site userstyle.org ici.
Vous pourrez ainsi installer le thème facilement en suivant les consignes indiquées sur la page (que vous devez certainement connaître déjà mais bon je le dis quand même hihi ).

Des 'tites images pour voir à quoi ça ressemble:
1428106920.png
1428107417.png


Voili voilou smile

Hors ligne

#5 04-04-2015 08:23:43

IceF0x
#! Gourou Linux

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

C'est possible de me faire ce thème pour fluxxbb sans utiliser stylish afin de l'inclure par défaut sur mon forum ?
Je suis une brèle ne CSS et j'ai des souci chaque fois que je tente d'améliorer le thème.

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

Hors ligne

#6 04-04-2015 14:01:47

Cabsud
Membre

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Je pense que c'est possible oui je peux essayer, mais étant plus un bidouilleur qu'un professionnel je ne te promets pas que ce sera fait rapidement par contre, mais si tu n'es pas pressé ça devrait pouvoir se faire.

Il faudra sûrement que tu me communiques une URL où je pourrais uploader le CSS afin de pouvoir le tester en direct.

Hors ligne

#7 06-04-2015 16:14:15

Cabsud
Membre

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Je n'ai pas réécris l'ensemble du CSS, j'ai uniquement ajouté mon code à la suite de celui d'origine , ça n'est pas très propre mais c'est plus rapide à faire et ça devrait fonctionner tout pareil.

J'ai fait le ménage dans le CSS d'origine puisqu'il fait maintenant ~1500 lignes au lieu de ~3000 lignes (il y avait 2 fois le même CSS avec 2 ou 3 modifs mais ça ne méritait pas 3000 lignes à mon sens).

http://pastebin.com/GyaZKgdC

En espérant que ça fonctionne sinon je réécrierais le CSS plus tard .

Dernière modification par Cabsud (06-04-2015 16:22:50)

Hors ligne

#8 06-04-2015 16:36:47

IceF0x
#! Gourou Linux

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Il y a un truc bizarre, je l'ai installé et rien n'a changé ???

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

Hors ligne

#9 06-04-2015 16:46:10

Cabsud
Membre

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Pourtant de chez moi ça a l'air de fonctionner .

Hors ligne

#10 06-04-2015 17:12:09

IceF0x
#! Gourou Linux

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Oui il fallait le temps que le cache serveur se renouvelle.

Par contre j'ai perdu mon image d'entête et les bord sont trop large sad

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

Hors ligne

#11 06-04-2015 17:32:38

Cabsud
Membre

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Ben oui le css correspond exactement à ce que tu as vu via Stylish, j'avais viré pas mal de choses, t'avais pas fait gaffe à ça ? (Sinon je modifierai plus tard)

Quant aux bords trop larges je ne comprends pas bien des quels tu parles, un screen peut-être pour que je vois ce que ça donne de chez toi.

Hors ligne

#12 06-04-2015 17:53:12

IceF0x
#! Gourou Linux

Re : [Astuce]Le skin d'un site, blog, forum.. ne vous plait pas? Changez le

Le vide à droite et a gauche, j'ai un écran large ça se voit pas mal.
Je verrai plus tard j'ai pas mal de taf en cour pour le moment.

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

Hors ligne

Pages : 1

Pied de page des forums

Propulsé par FluxBB