cybertaf

Support des images dans le menu

Messages recommandés

cybertaf    68

Hello,
Avant mise en ligne éventuellement, je vous propose à des fins de test une version originale de Zwii 8.2.5 avec le support des images dans le menu.

Elle fonctionne de la manière suivante, dans l'édition de l'image on peut choisir :

  • texte pour le fonctionnement standard - icône pour une image dans le menu
  • l'image à partir du RFM

Bien évidemment il faut choisir une image toute petite...

Exemple pour le page d'accueil une petite imagette en forme de maison :

 

5aa971c7d079d_Capturedu2018-03-1420-01-51.png.faed851eba4dce05d72e56266bf2079b.png

 

 

5aa9725a5a650_Capturedu2018-03-1420-04-44.thumb.png.b2c61256bebbe6c2fde5ad69a8e4385a.png

 

Pour la personnalisation de la position des images, il faudra passer par le CSS avancé.

 

A ne pas utiliser sur un site de prod, hein... je viens de le boucler, et il a sûrement des bogues.

 

Pour les curieux : https://github.com/fredtempez/ZwiiCMS

 

 

ZwiiCMS-menu_image-0.1.zip

Modifié par cybertaf (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Ca c'est vraiment un truc génial et une sacrée bonne idée pour agrémenter nos menus avec une " zolie zicone " alors là vraiment c'est unsuper petit plus pour le zwii .

 

héhé, merci Fred :)

 

Viens de voir sur github c'est une 812 que tu as là bas.

Tite question: " il sert à quoi le dossier i18n " y'a plus de trad dans la v8.2.5 car si tu as prévu le truc depuis une 8.1.2 vers la dernière version, je vais tester promis.

Partager ce message


Lien à poster
Partager sur d’autres sites
cybertaf    68
il y a 6 minutes, Roger nounours a dit :

Ca c'est vraiment un truc génial et une sacrée bonne idée pour agrémenter nos menus avec une " zolie zicone " alors là vraiment c'est unsuper petit plus pour le zwii .

 

héhé, merci Fred :)

 

Viens de voir sur github c'est une 812 que tu as là bas.

Tite question: " il sert à quoi le dossier i18n " y'a plus de trad dans la v8.2.5 car si tu as prévu le truc depuis une 8.1.2 vers la dernière version, je vais tester promis.

lol j'avais pas vu le dossier forké n'est pas le bon, mais le zip oui il l'ai. Je corrige ça de suite.

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Fred, c'est impossible de forker ta version, le dossier et " Looked "

https://github.com/fredtempez/ZwiiCMS.git

Donc ai téléchargé le zip, tu vois pourquoi je ne peur pas le forker depuis ton dépôt ( sauf bien entendu si c'est volontaire te ta part ).

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

tests effectués chez moi en recopiant directement depuis ton github les seules lignes de codes que tu as ajouté dans le zwii pour ce petit plus;

Verdict du nounours : 100% efficace et fonctionnel chez moi sur une version en ligne

 

Mais, car il y a toujours un mais avec le nounours grincheux :glasses:

 

Menu sous forme de texte c'est bien pour ceux qui aiment :)

 

Menu sous forme d’icône c'est bien pour ceux qui aiment :)

 

Menu sous forme de texte + icone c'est aussi bien pour ceux qui aiment ce genre de présentation d'un menu :P

 

M'sieur Cybertaff, serait possible de rajouter cette option en plus pour qu'il n'y ait plus aucuns mais de ma part? xD

( sinon j'en cause à " Madame " qui vous qui vous dira que... )

Modifié par Invité (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
cybertaf    68
Il y a 1 heure, Roger nounours a dit :

tests effectués chez moi en recopiant directement depuis ton github les seules lignes de codes que tu as ajouté dans le zwii pour ce petit plus;

Verdict du nounours : 100% efficace et fonctionnel chez moi sur une version en ligne

 

Mais, car il y a toujours un mais avec le nounours grincheux :glasses:

 

Menu sous forme de texte c'est bien pour ceux qui aiment :)

 

Menu sous forme d’icône c'est bien pour ceux qui aiment :)

 

Menu sous forme de texte + icone c'est aussi bien pour ceux qui aiment ce genre de présentation d'un menu :P

 

M'sieur Cybertaff, serait possible de rajouter cette option en plus pour qu'il n'y ait plus aucuns mais de ma part? xD

( sinon j'en cause à " Madame " qui vous qui vous dira que... )

Figure toi que j’avais prévu cette option au départ et que finalement je l’ai abandonnée.  Je vais revoir ça ;)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Et pour la taille des images, j'ai opté pour le format png taille 64px de haut , ensuite suivant la hauteur du menu que j'ai choisi dans le RFM j'édite alors le redimensionnement de celle ci en fonction de la hauteur du menu ( sur le site de test par exemple, les icônes font 18px sur 18px car j'ai laissé un menu texte  sur la même ligne );

Je trouve ton travail excellent car il " colle " en tout point  à la customisation d'un menu du plus dépouillé au plus expressif graphiquement parlant.

 

Et si tu recode cette option " icône+texte " vraiment les utilisateurs n'auront que l'embarras du choix pour agrémenter leur menu dans un zwiicms qui aujourd'hui n'a pratiquement plus rien à envier coté custom aux grandes et lourdes pointures du genre tout en restant léger au possible;

 

Cybertaf je le redis et ce n'est que mérité pour toi, joli travail que tu effectues pour améliorer encore plus zwii et magnifique partage de tes connaissances que tu offre à qui veut bien les recevoir pour en faire son propre usage.

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Voici ce que peut donner un menu avec uniquement les images au format png 36px H/L

 

acc.thumb.png.f8acaaf5d0f55318a6383348a3f798a8.png

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Concernant la possibilité d'obtenir ce troisième choix ( icone + titre menu ) je suppose que c'est ici qu'il faut répercuter le code et ensuite l'y ajouter dans page.php et edit.php

 

 
 // Menu image
 'typeMenu' => $this->getData(['page', $this->getUrl(0), 'typeMenu']),
 'iconUrl' => $this->getData(['page', $this->getUrl(0), 'iconUrl'])
 'iconUrlMenu' => $this->getData(['page', $this->getUrl(0), 'iconUrl', 'typeMenu'])  <---- ma supposition
 // Menu Image
 
 // Menu image
 switch ($this->getData(['page', $parentPageId, 'typeMenu'])) {
 case "" :
 $items .= $this->getData(['page', $parentPageId, 'title']);
 break;
 case "text" :
 $items .= $this->getData(['page', $parentPageId, 'title']);
 break;
 case "icon" :
 if ($this->getData(['page', $parentPageId, 'iconUrl']) != "") {
 $items .= '<img src="'. helper::baseUrl(false) .'site/file/source/'.$this->getData(['page', $parentPageId, 'iconUrl']).'" height=20px />';
 }
break;
case "icontext" :
 if ($this->getData(['page', $parentPageId, 'iconUrl']) != "") {
 $items .= '<img src="'. helper::baseUrl(false) .'site/file/source/'.$this->getData(['page', $parentPageId, 'iconUrl', 'title']).'" height=20px />';
 }else {
 $items .= $this->getData(['page', $parentPageId, 'title']);
 }
 break;
 }

 // Menu Image

Ps: je ne suis pas certain du code à utiliser avant le " else "....

 

Partager ce message


Lien à poster
Partager sur d’autres sites
cybertaf    68

En effet c’est ici que ça se passe mais il faut aussi modifier une constante. 

 

Je te vais te faire ça. Comment vois-tu la position du texte par rapport à l’icône ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 11 minutes, cybertaf a dit :

En effet c’est ici que ça se passe mais il faut aussi modifier une constante. 

 

Je te vais te faire ça. Comment vois-tu la position du texte par rapport à l’icône ?

 

Pour ma part la logique veut que l’icône soit placée avant ce qu'elle est censée illustrer en remplacement ( c'est à dire le texte ), donc ce devrait être dans la boite de dialogue:

 

choix : texte seul

choix : icône seule

choix : icône et texte ( l’icône étant placée avant le texte )

 

Dés que tu auras finis ce code, je le testerai aussitôt et viendrai en montrer le bénéfice comme ci dessus en image;

Merci cybertaf pour la réactivité, en fonction de nos remontées, que tu nous apporte pour améliorer encore plus ce que tu partages avec nous :thumbsup:

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité

Pour la hauteur,  je l'ai déjà enlevé du code ( j'aurais d'ailleurs du t'en faire la remontée plus tôt :$ ) puisque celle ci est réglé d'office par la taille de notre icône choisie

( à supprimer vers la ligne 1763 dans le core.php )

Partager ce message


Lien à poster
Partager sur d’autres sites
cybertaf    68

Comme promis, la modif, avec un bonus :

Icône et légende affiche le nom de la page en légende (au survol)

Icône et texte affiche l'icône suivie du nom de la page.

Au passage il y a une légère correction au niveau du switch.

 

ZwiiCMS-menu_image-0.2.zip

Modifié par cybertaf (Voir l’historique des modifications)

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité   
Invité
il y a 46 minutes, cybertaf a dit :

Comme promis, la modif, avec un bonus :

 

Peux tu me dire où je dois envoyer un cargo " Fedex " rempli de boite de chocolat pour Madame et un  " Tanker maritime " rempli de champagne pour te remercier de la part de tout les membres!!!!

 

Le résultat est sans appel et de consulte ci dessous en validant tout les petits plus apportés :)

 

acc2.thumb.png.23b9026f54ab0ccd746020ecde58703b.png

 

Bon sang si avec ceci les utilisateurs d'un zwii nous disent un jour " l'est moche le menu " je l'accroche à un croc de boucher tellement grâce à tes améliorations il est possible de personnaliser enfin ce menu dans toutes ses formes!!!

 

:PMILLE FOIS MERCI CYBERTAF :P

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant