[Astuce] Owncloud - Personaliser les textes sur l'interface Web Fr

Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

[Astuce] Owncloud - Personaliser les textes sur l'interface Web Fr

Toad

Bonjour à tous.

Voici une petite astuce mais qui peut être bien sympa pour les amateurs de personnalisation d'OwnCloud.

Les textes de l'interface Web Française proviennent d'un fichier .json (Java Script Object Notation) qui à pour but de mettre des étiquettes (chaines de caractère françaises) sur du contenu (chaines de caractère anglaises)

Les entrées se présentent comme ceci

"chaine anglaise":"chaine francaise"

Quand l'interface web FR est lancée, elle se sert de se fichier pour convertir les chaines anglaise en français.

Vous pouvez maintenant utiliser ce fichier pour "feinter le système" et mettre votre propre contenu.

Exemple de modification de la chaîne "Services Web sous votre contrôle"

Dans cette exemple nous allons modifier la chaîne de caractère "Service Web sous votre contrôle" qui se situe sur la page de Login

Interface de Base

Nous allons maintenant modifier le fichier contenant les traduction Française se situant ici

./owncloud/lib/l10n/fr.json

Apres avoir repéré la ligne souhaitée

Fr.json de base

Nous allons modifier la traduction française

FR JSON Modifié

En actualisant la page la traduction a été mise à jour

Interface Modifiée

Voilà une petite astuce qui sera utile si vous aimez la personnalisation d'Owncloud. Vous pouvez aussi ajouter du contenu pour des textes non traduit et pourquoi pas, si vous êtes intéressé, de les proposer à la communauté OwnCloud.

@Bientôt

Flip

Merci pour l'astuche.

Personne n'as fait de theme sombre pour owncloud 8.1 ?
j'ai essayé mais je suis un vrais boulet en css si quelqu'un a un lien

Toad

Les couleurs sont en effet définies dans les fichiers CSS et sont écrit en Hexadécimal

Tout d'abord un outil pratiques pour définir tes couleurs c'est La boite à couleur. T'as un petite pipette, tu la sélectionne, puis tu clique sur une couleur et ça te donne le code Hexadécimal.

Pour savoir où changer les couleurs tu peux utiliser les outils de dev des navigateurs (pour chrome faut faire ctrl+maj+C pour les activer.)

Tu clique un endroit que tu aimerais modifier (en l’occurrence le fond) et les outils de dev vont t'indiquer le fichier Css et la ligne où c'est défini.

Ensuite tu joues avec tes codes Hexa pour adapter à la couleur que tu veux.

Gosso Modo mon CSS pour la couleur

background: -moz-linear-gradient(left, #55739a 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, right, left, color-stop(0%,#55739a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #55739a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #55739a 0%,#000000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #55739a 0%,#000000 100%); /* IE10+ */
background: linear-gradient(left, #55739a 0%,#000000 100%); /* W3C */
filter: progid😀XImageTransform.Microsoft.gradient( startColorstr='#55739a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

Les couleurs en Hexa sont les paramètres qui commence par #
Il y a plusieurs lignes car il y a un effet de transition (pour moi du bleu au noir) et que cet effet se défini différemment selon les navigateur.

PS : C'est le même effet qui est utilisé dans le thème par défaut de Owncloud.

Ayenon

Pas mal !

Merci de l'astuce

zer

Pas mal, oui. Merci

Astuce à refaire à chaque MAJ je suppose ?

Toad

Effectivement c'est possible que lors d'une mise à jour Owncloud ils redéploient le fichier .json.

Maintenant tu peux aussi le sauvegarder et du coup simplement le remettre t'as sauvegarde lors d'une maj

Totof

Merci pour l'astuce je vais tester ça ce soir