Blog de dada

DevOps, bidouilleur et routard plein de logiciels libres

Attention, ce billet se traine depuis plus de 3 mois. Les informations qu'il contient ne sont peut-être plus à jour.


Utiliser diaspora* avec classe : flat design

Rédigé par dada / / 13 commentaires


Ce réseau évolue, c'est indéniable : l'équipe de dev s'acharne sur Github pour faire avancer le code principal en prévision de la prochaine version, en approche rapide (la 0.5 RC est disponible), mais il n'y a pas que ça ! Il existe des bidouilleurs qui s'amusent à changer le style de notre réseau adoré : Dorian Millasseau est un de ceux là.

Il vient de nous sortir une version flat design de diaspora*. Le boulot vaut le coup d’œil :



Pas mal quand même ! Personnellement, j'utilise son travail avec le plus grand plaisir. Vous le voulez aussi ? Suivez le guide !

- Installer Stylish

Simple, cliquez ici pour installer l'extension.

- Récupérer le code du thème

Le code du thème est disponible ici.

- Adapter le thème pour votre pod

Ensuite, pensez à changer la ligne 101 du thème, via l’éditeur de Stylish, pour faire apparaitre en clair le nom de votre pod.

- Appliquer le thème

Enregistrez le tout, et c'est terminé.

Voila, tout simplement. Les goûts et les couleurs, j'en parlerai pas, mais je serais ravi de pouvoir utiliser un thème de ta création, toi, lecteur doué en CSS.

A tantôt sur d*, un lien vers mon profil est disponible en haut à droite de ce blog et si tu veux suivre mes posts publics, il y a un flux Atom pour ça. ;-)

13 commentaires

#1  - Olivier a dit :

Suer Boulot ! C'est vraiment très beau.

Cela me donne envie de monter mon propre Pod.

Répondre
#2  - Augier a dit :

> Cela me donne envie de monter mon propre Pod.

Fuis... Pauvre fou... :p

Répondre
#3  - dada a dit :

@Roo Augier, ne décourage pas les gens !

@Olivier : Si t'as des questions, j'suis là. mais mon petit doigts me dit que tu n'auras pas vraiment besoin d'aide ;)

Répondre
#4  - Olivier a dit :

Merci pour ta proposition, je n’hésiterai pas à contacter ton petit doigt ;)

Répondre
#5  - SpF a dit :

Il me semble que qu'en allant directement sur userstyles, il te propose d'installer Stylish si tu ne l'as pas encore installé (le bouton *installer le Style* est d'abord *Installer Stylish*). Mode fainéant inside :)

> mais je serais ravi de pouvoir utiliser un thème de ta création, toi, lecteur doué en CSS.

Mouais, t'as jamais parlé des miens ! Hipikipu !

(Note : c'est pas la peine de le faire maintenant, ils ne sont plus à jour :P )

Répondre
#6  - dada a dit :

C'est bien la peine de la ramener @SpF ! Tu peux en faire un aussi grand public et j'en parlerai ;-)

Répondre
#7  - Phipe a dit :

Hello dada,

Pour bien comprendre, cela change l'aspect esthétique de d* de notre côté (client/navigateur) ou sur le pod/serveur qui nous distribue çà alors?

Ha oui, tu as un MP sur d* aussi... ;)

Répondre
#8  - Angristan a dit :

J'utilise aussi son CSS et j'aime beaucoup :)

Répondre
#9  - dada a dit :

@Phipe : ça ne change le design que du côté client. Rien ne se passe du côté serveur. Pour une fois, j'ai rien a faire !

Merci pour le MP, j'ai encore du mal à comprendre comment je fais pour laisser des boulettes pareilles.... et plus la peine de notifier les notifications, ça marche sans problème maintenant !

@Angristan : Reste à savoir si d'autres vont se motiver pour produire un CSS avec plus de couleurs ? SpF pourrait nous faire un truc de hippie aux mélanges flashy :o)

Répondre
#10  - SpF a dit :

> SpF pourrait nous faire un truc de hippie aux mélanges flashy :o)

Tu veux un truc flashy, qui remet en cause tes perceptions pour plusieurs jours ? Tiens (port de lunettes obligatoires) : https://userstyles.org/styles/87356/diaspora-comics :D En plus, comme il n'a pas été mis à jour depuis un an, ça va faire des pods picasso.

Répondre
#11  - wilfried18 a dit :

Pas besoin d'installer l'extension , si tu a greasemonkey c'est possible de passer par lui
c'est une extension en moins c'est pas plus mal
Par contre j'ai rien modifier du tout

Répondre
#12  - dada a dit :

@Wilfried : c'est une petite astuce pour personnalisé le thème, ce n'est pas si nécessaire :)

@SpF : J'suis bon pour un rendez-vous chez l'ophtalmo -_-

Répondre
#13  - Adrien a dit :

Ce sont de très vieilles captures d'écran, le thème a été amélioré depuis

Répondre

Fil RSS des commentaires de cet article

Écrire un commentaire

Quelle est le dernier caractère du mot pem3f ?