[Résolu] Icône navigateur

[chrisnvidia]

Hello Fred

Dit moi dans la présentation c'est possible d'ajouté l'icône du navigateur

icône navigateur.png

Merci d'avance pour ton aide

[CAForum-bot]

Nous donnerons suite à ce sujet dans les plus brefs délais.


Merci de prendre note de ce formulaire de demande d'aide afin de détailler au mieux ce qui peut être utile pour cerner le problème.

Modèle de demande d'assistance

Quelle est la version de ton forum ?
Quelle est l'URL du forum concerné pour cette demande ?
Chez qui est hébergé le forum ?
Comment a été installé ce forum (avec le pack complet ou automatique) ?


Quelle est l'action la plus récente effectuée sur ce forum ?
Une inscription est-elle nécessaire pour reproduire ce problème ?
Est-ce que des extensions sont installées sur ce forum ?
Si oui, lesquelles ?


À partir de quelle version de phpBB3 la mise à jour a été faite ?
Quels styles sont installés sur le forum ?
Quelle est la langue par défaut du forum ?
Quel est la version de php du forum ?

Quelles mesures ont été prises (mise à jour du forum, installation d'une extension, d'un style, etc...) avant que ce problème ne devienne perceptible ?

[Fred]

Salut Chris
Pour cela il te faut créer un champ de profil personnalisé, rends toi ici :

► PCA > UTILISATEURS ET GROUPES > UTILISATEURS > Champs de profil personnalisés

En bas de page choisit Liste déroulante et clique sur Créer un nouveau champ



Pour la configuration rempli comme sur cet exemple



Pour les Options de visibilité coche selon tes besoins




Ensuite clique sur Options spécifiques au type de profil et choisi la valeur par défaut du champ et clique sur Options spécifiques à la langue

Et rempli comme sur cet exemple



Puis clique sur Enregistrer


Après avoir créé le champ de profil personnalisé nous allons voir comment y ajouter une image.

Premièrement, se rendre ici en FTP : ./forum/images

Et créer un dossier navigateur et y placer toutes les images des navigateur internet

Les images doivent avoir une dimension de 30x30 pixels au maximum



Ouvrir le template viewtopic_body.html de ton style perso et rechercher ceci :

Code: Tout sélectionner

<!-- BEGIN custom_fields -->
			<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
				<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
			<!-- ENDIF -->
		<!-- END custom_fields -->

Supprimer et remplacer par ceci :

Code: Tout sélectionner

<!-- BEGIN custom_fields -->
         <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong>{postrow.custom_fields.PROFILE_FIELD_VALUE}
		 <!-- IF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Safari" --> <br> <img src="url du forum/images/navigateur/safari.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Opéra" --> <br> <img src="url du forum/images/navigateur/opera.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Google Chrome" --> <br> <img src="url du forum/images/navigateur/chrome.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Internet Explorer" --> <br> <img src="url du forum/images/navigateur/explorer.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Brave" --> <br> <img src="url du forum/images/navigateur/brave.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Firefox" --> <br> <img src="url du forum/images/navigateur/firefox.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "SRWare Iron" --> <br> <img src="url du forum/images/navigateur/iron.png" />
		 <!-- ENDIF --></dd>
      <!-- END custom_fields -->

Si le template viewtopic_body.html n'est pas présent dans le dossier template de ton style il suffit de l'importer depuis Prosilver !
Ensuite il faudra vider le cache


Le résultat donne ceci

[chrisnvidia]

J'ai toujours pas l'icône :confused:

[Fred]

Et bien relis le tuto point par point.

[chrisnvidia]

j'ai recommencé depuis le début et voilà le résulta

profil4.png

[Fred]

Merci de détailler ici ce que tu as fait précisément.

[chrisnvidia]

J'ai supprimé le template et remis l'ancien

profil chris.png

[Fred]

Oui c'est bien là d'où venait le problème.
Recommence la partie modification de template, et remplace "url du forum" par le lien de ton forum dans le code HTML.

[chrisnvidia]

Dès que je met le template

Code: Tout sélectionner

<!-- BEGIN custom_fields -->
         <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong>{postrow.custom_fields.PROFILE_FIELD_VALUE}
		 <!-- IF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Safari" --> <br> <img src="url du forum/images/navigateur/safari.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Opéra" --> <br> <img src="url du forum/images/navigateur/opera.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Google Chrome" --> <br> <img src="url du forum/images/navigateur/chrome.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Internet Explorer" --> <br> <img src="url du forum/images/navigateur/explorer.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Brave" --> <br> <img src="url du forum/images/navigateur/brave.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Firefox" --> <br> <img src="url du forum/images/navigateur/firefox.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "SRWare Iron" --> <br> <img src="url du forum/images/navigateur/iron.png" />
		 <!-- ENDIF --></dd>
      <!-- END custom_fields -->

Sa me fait ceci et sans l'image

profil4.png

[Fred]

Relis ce que je te dis, de remplacer "url du forum" dans le code HTML !

[chrisnvidia]

Template modifier plus après avoir vidé le cache

Code: Tout sélectionner

<!-- BEGIN custom_fields -->
         <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong>{postrow.custom_fields.PROFILE_FIELD_VALUE}
		 <!-- IF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Safari" --> <br> <img src="https://sos-pc-depannage.fr/images/navigateur/safari.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Opéra" --> <br> <img src="https://sos-pc-depannage.fr/images/navigateur/opera.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Google Chrome" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/chrome.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Internet Explorer" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/explorer.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Brave" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/brave.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Firefox" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/firefox.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "SRWare Iron" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/iron.png" />
		 <!-- ENDIF --></dd>
      <!-- END custom_fields -->

Et voici ce que sa donne

profil4.png

[Fred]

Chris
Tu fais n'importe quoi !
ton code HTML :

Code: Tout sélectionner

<!-- BEGIN custom_fields -->
         <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong>{postrow.custom_fields.PROFILE_FIELD_VALUE}
		 <!-- IF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Safari" --> <br> <img src="https://sos-pc-depannage.fr/images/navigateur/safari.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Opéra" --> <br> <img src="https://sos-pc-depannage.fr/images/navigateur/opera.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Google Chrome" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/chrome.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Internet Explorer" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/explorer.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Brave" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/brave.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "Firefox" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/firefox.png" />
		 <!-- ELSEIF postrow.custom_fields.PROFILE_FIELD_VALUE eq "SRWare Iron" --> <br> <img src="https://sos-pc-depannage.fr//images/navigateur/iron.png" />
		 <!-- ENDIF --></dd>
      <!-- END custom_fields -->

Pourquoi le double slash après le .fr ?

Code: Tout sélectionner

<img src="https://sos-pc-depannage.fr//images/navigateur/iron.png" />

Ensuite, les fichiers images sont renseignés en minuscule dans le code, ce qui est parfait.

Par contre en allant dans le dossier navigateur du répertoire images en FTP, voici comment sont renseignées ces images :




Ne t'étonnes pas que rien ne s'affiche puisque rien ne correspond dans ta façon de faire.

Il me semble t'avoir déjà informé qu'il fallait oublier les lettres majuscules et les espaces entre les mots, mais mettre un tiret bas, certaines images commence par une majuscule.
Et Google Chrome ne comporte pas de tiret bas !

Pourquoi renseigner Google Chrome dans le dossier navigateur alors que dans le code HTML il est renseigné chrome ?
Pourquoi mettre des majuscules dans le dossier navigateur alors que dans le code HTML tout est en minuscule ?

[chrisnvidia]

Je suis reparti à zéro

1 les image c'est comme sa ?

icône navigateur 1.png

2 titre des icônes

navigateur 1.png

[Fred]

Pour la partie images sur le serveur, si tu tiens à mettre des noms composés c'est OK. Ça ne sert pas à grand chose mais soit.
Pour contre dans le code HTML du template il faut qu'il y ait les mêmes noms d'images.

Pour la partie champ de profil dans le PCA, garde à l'esprit que cela sera visible sur le forum, alors ne pas inscrire google_chrome mais Google Chrome
Dans le PCA tu peux renseigner tes images comme fait dans l'exemple donné

[chrisnvidia]

Dès que je met ce template à chaque fois sa fait ceci

profil4.png

[Fred]

Chris
Il suffit de relire mon dernier message concernant les noms d'images. Les noms d'images doivent être identiques dans le code HTML et dans le dossier navigateur
De plus tu n'as pas corrigé ce double slash après le .fr