Retirer le texte dans la barre de navigation

par **Febreen** » 16 Juil 2018 à 00:58

Bonjour à tous,

J'ai ce style que j'apprécie, mais le problème est qu'en installant 2 extensions, qui sont les règles et le Tchat...Dans la barre de navigation, nous avons le texte "Tchat" et "Règles" qui apparaît.

Je voudrais qu'ils disparaissent.

Ensuite, je voulais savoir s'il était possible d'y changer les icones pour le tchat notamment, si oui, comment ? Car dans mon ftp, je ne trouve les images nulle part, donc impossible de les remplacer...

Merci à vous,

Voici le lien du forum (ce n'est qu'un projet donc pas encore ouvert): http://disneytownsquare.com/

par **Steph** » 16 Juil 2018 à 10:30

Salut,

Ce n'est pas au niveau du style qu'il faut modifier cela, mais au niveau des extensions, car le texte vient de là.

Donc pas le bon endroit pour la demande au final.

Aussi, ce ne sont plus des icônes sous forme d'images comme c'était le cas avec phpBB 3.0.x, c'est fontawesome qui est utilisé

par **Febreen** » 16 Juil 2018 à 10:45

Pour les extensions, ok j'irais poster là bas alors.

Pour fontawesome, il y a moyen de modifier les icones à partir du site, du coup ? Car en fait mon icone pour "Tchat" est la même que pour "Membres" du coup, j'aimerais modifier celle de "Membres" pour dire de les distinguer.

Pour le verrouillage de mon autre sujet, je pensais qu'ici c'était réservé pour les problèmes d'installation de style et de l'autre coté pour les modifications de style, j'ai donc voulu supprimer ce sujet pour ouvrir l'autre, désolé.

Merci de ta réponse, en tout cas !

par **Steph** » 16 Juil 2018 à 14:18

Tu recherches ton icône ici : https://fontawesome.com/v4.7.0/icons/ et tu récupères le code qui ressemble à f0c0 (à droite d’Unicode: sur la page de l'icône)

Ensuite dans le fichier elegance\theme\stylesheet.css cherche (ligne 474)

Code: Tout sélectionner: .navbar .nav-tabs .members .nav-link:after { content: '\f0c0'; }

Et tu change f0c0 par ce dont tu as besoin en conservant \

Une fois fait, vide le cache pour constater le résultat

par **Febreen** » 16 Juil 2018 à 15:50

Merci à toi, un problème de réglé déjà !

par **Febreen** » 17 Juil 2018 à 00:48

Désolé pour le double post.

Je viens de voir que cela a changé la 1ère image mais la 2ème: https://i.gyazo.com/d7d42af48b3bb18b9e5 ... 7a2aa0.png

L'icone a bien changé devant le 1er "Membres", mais pas devant le 2ème.

Et j'ai regardé en faisant dans styleshee CTRL + F et entrer le code de l'ancien icone, et elle n'est nullepart. Du coup, c'est sans doute dans une autre feuille CSS qu'il faut aller...

par **MrGaby** » 17 Juil 2018 à 09:05

Salut

Comme expliqué ici, le style Elegance (et les autres styles adaptés des styles d'Arty) fonctionnent avec un système de compilation de fichiers scss (Sass). Il est donc fortement déconseillé de modifier directement les fichiers css, qui ne sont que le résultat de la compilation.

La démarche lorsque l'on souhaite modifier ces styles est de créer dans un premier temps un style enfant (ou hérité) du style principal, ensuite de modifier le ou les fichiers scss, et enfin de recompiler le style avec l'extension d'Arty SCSS Compiler (à installer si ce n'est déjà fait).

Dans ton cas, il faut modifier le fichier elegance/theme/common/_common.scss.

Trouver :
content: '\f0c0'; // fa-groups

Remplacer f0c0 par le code fontawesome de ton choix.

Enfin, recompiler le style.

par **Febreen** » 17 Juil 2018 à 10:47

Coucou et merci de ton aide.

J'ai bien modifié, et toujours le même problème.

Le 1er est bien modifié mais pas le second.

par **MrGaby** » 17 Juil 2018 à 12:18

En effet, l'autre icône est gérée directement dans le code html du style.

Donc, il faut ouvrir 'elegance/template/navbar_header.html'. Puis :

Trouver :
{L_MEMBERLIST}

Remplacer par :
{L_MEMBERLIST}

Vider les caches.

Je t'encourage vivement à créer un style enfant. Si tu ne le fais pas, à ta prochaine mise à jour de style, tes modifications seront supprimées.