Jump to content
ElementaryOS France
Seb

Tuto: Remplacer le mot application par un logo.

Recommended Posts

Remplacer le mot application par un logo.

 

1. Ouvrir Pantheon-files en admin et mettre votre icone ici. /usr/share/themes/nom de votre theme/gtk-3.0

2. Ouvrir le fichier /usr/share/themes/name-of-your-theme-folder/gtk-3.0/apps.css, trouver .panel-app-button et remplacer comme suit

.panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0px 24px 0px 0px; font-size: 0px; background-image: url("elementary-white.svg"); background-repeat: no-repeat; }

3. Killall wingpanel

 

Icones Elementay

https://heathpaddock.com/wp-content/uploads/2014/01/elementary-white.svg
https://heathpaddock.com/wp-content/uploads/2014/01/elementary-black.svg

 

mexSh3a.png

 

  • Like 1

Share this post


Link to post
Share on other sites

Ce n'est pas très explicite, dis-donc... C'est pour Super Wingpanel?

Et tu aurais pu aussi indiquer tes sources... C'est la moindre des choses.

C'est pas https://heathpaddock.com?

Share this post


Link to post
Share on other sites

https://www.reddit.com/r/elementaryos/comments/3fzd6s/tutorial_how_to_replace_the_applications_text_on/

 

Open file manager up as administrator and go to: /usr/share/themes/name-of-your-theme-folder/gtk-3.0

 

Place the icon you want to use in that folder.

 

Make sure the icon has proper permissions by right clicking on it, choosing properties > more > and making it 644-777 (read, write, and executable by owner, group, everyone) or else wingpanel may not load.

 

Open up /usr/share/themes/name-of-your-theme-folder/gtk-3.0/apps.css in Scratch, scroll down to the panel settings, find .panel-app-button, and change what's in the {brackets} to what's below.

.panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0px 24px 0px 0px; font-size: 0px; background-image: url("icon.svg"); background-repeat: no-repeat; }

 

Change the background image url to the name of the icon that you placed in the gtk-3.0 folder.

 

The padding above is adjusted for a 24x24 icon but you can adjust it to fit something bigger/smaller/wider, just change "24px" to the width of your image.

 

In terminal type: killall wingpanel to see the changes.

Share this post


Link to post
Share on other sites

Salut !! Merci pour cette astuce :)

j'ai juste un petit probleme : je n'arrive pas à récupérer l'image svg du logo elementary...

Donc si tu sais comment faire ce serait cool de me débloquer :blink:

Share this post


Link to post
Share on other sites

Bonsoir,

 

Chez moi, ça fonctionne très bien avec le logo noir, en revanche lorsque j'essais le blanc, le wingpanel disparait. Il fonctionne puisque j'ai les notifications mais il est invisible  :blink: 

Merci pour votre aide précieuse 

Share this post


Link to post
Share on other sites

Bonsoir,

 

Chez moi, ça fonctionne très bien avec le logo noir, en revanche lorsque j'essais le blanc, le wingpanel disparait. Il fonctionne puisque j'ai les notifications mais il est invisible  :blink: 

Merci pour votre aide précieuse 

 

Arf, j'ai pareil, du coup j'ai changé la police du mot "Applications" pour le faire disparaitre.

 

En plus j'ai piqué ton post sur Hfr pour le mettre ici :D

Share this post


Link to post
Share on other sites

 

 

Arf, j'ai pareil, du coup j'ai changé la police du mot "Applications" pour le faire disparaitre.

 

En plus j'ai piqué ton post sur Hfr pour le mettre ici :D

:D

Share this post


Link to post
Share on other sites

Bonjour, Je ressors ce tuto qui date mais est-ce toujours d'actualité pour Juno? J'avoue que ça rendrait le menu application plus sympa.

Merci.

Share this post


Link to post
Share on other sites

Je reviens sur ce sujet parce que ça ne marche plus comme ça pour Loki et Juno.

Je n'ai rien inventé, j'ai suivi un tuto sur stackexchange : how-to-replace-wingpanels-applications-text-with-a-icon-in-freya, qui est à l'origine de l'exemple plus haut et j'ai juste modifié des petites choses.

1) Modifier le fichier /usr/share/themes/elementary/gtk-3.0/Apps.css comme suit, il faut éditer le fichier en mode sudo par exemple avec code sur Juno :

sudo io.elementary.code apps.css

Modifs.png.18d3aa2bf39c774d08f7b94e9a15e265.png

ATTENTION il y a une erreur dans le tuto d'origine il n'y a pas de point avant menubar

2) Copier une icone elementary de 25*25 dans le répertoire:  /usr/shar/themes/elementary/gtk-3.0/

Par exemple 

sudo cp origine/elementaryicon.png /usr/share/themes/elementary/gtk-3.0/elementaryicon.png

3) Relancer le wingpanel

killall wingpanel

On obtient ça :

473215299_LogosansApplication.png.bcef4b45108def3a54e665b2adb95fb7.png

 

Share this post


Link to post
Share on other sites

Il y a une autre possibilité c'est de garder Application et le logo à côté comme ça :

228415013_LogoetApplication.png.9d8c088dc682a94dc7db81cbae983ffb.png

Dans ce cas vous le mettez pas les lignes
 

.panel menubar:first-child {
	font-size:0px;
}

 

Share this post


Link to post
Share on other sites

Merci !

Par contre je pense qu'il faut sauvegarder quelque part la feuille de styles CSS modifiée, car le hack a de fortes chances de sauter à la première mise à jour officielle de l'interface elementary, en tout cas si celle-ci met à jour les feuilles de styles.

Share this post


Link to post
Share on other sites

@Aris, tu as carrément raison, il faudra certainement le refaire si les feuilles de style sont mises à jour

@Wolf117Warrior, je me demande si cette petite loupe  est une référence à" Elementary, mon cher Watson " mais c'est une pure supposition de ma part.

Je vais chercher où elle est définie, en attendant on peut décaler notre logo pour qu'il colle moins à la loupe

background-position: 5px 0px;

ici 5 pixels vers la droite, 0 vers le bas

Share this post


Link to post
Share on other sites

Version finale : En espérant que vous allez vous y retrouver sans tout mélanger, le tuto pour obtenir le logo et le mot application mais pas de loupe comme ça:

1347816031_applicationsansloupe.png.681d1647032a25cb63e5ebe04467d8b4.png

Modifiez le fichier app.css comme suit

 

962016260_iconesansloupe.png.e7115e852333732dde1cde48902acbdd.png

et suivre les mêmes étapes qu'avant : copier un logo dans le bon répertoire si ce n'est déjà fait et relancer le panel :

killall wingpanel

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...