Comment mettre une image de chaque coté de ma barre?

[Héléonoras]

Bonjour tout le monde!! Moi j’aimerais bien savoir comment faire pour placé une petite image de chaque coté de ma barre ban une image vaut mille mots alors voici un exemple! image numéro 1

Pour faire ceci, j’ai utilisé un petit programme pour ajouter les images!! mais en réalité voici ce que j’ai fait dans mon tableau d’administrateur je suis allée sur affichage et ensuite en tête et navigation j’ai ajouté un menu personnalisé j’y ai placé une image pour la gauche et une image pour la droite que j’ai bien disposées pour que ces images soient à chaque extrémité, mais ça me donne des petits X donc voici ce que je veux dire


Alors pourquoi ça me donne des X
Je vous remercie beaucoup d’être là pour nous! je suis une une débutante, mais avec vos bons conseils j’apprends beaucoup merci!! Héléonoras

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums.

Votre souci me semble extrêmement simple.

Quelle est l'adresse complète que vous avez utilisée pour votre label gauche s'il vous plait ?

Pour l'image de droite le code correct est :

Code:

https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif

Pour celle de gauche mettez :

Code:

https://i.servimg.com/u/f21/15/41/64/57/image010.gif

[Héléonoras]

Bonjour je viens juste de mettre les codes et ça me donne encore un petit carré blanc avec un X en rouge? ban c'est peut-être mon ordinateur qui fait ça et les autres membres peuvent voir mes images? ça m'arrive des fois quand je regarde mon avatar sur le forum ban ça me fait ça? merci de prendre de votre temps pour me répondre j'apprécie beaucoup à bientôt!!

[Neptunia]

Je vais vous demander une petite capture d'écran.

Il me semble que vous remplissez mal vos champs disponibles

► Panneau Admin
► Onglet Affichage
► Menu Page d'accueil ► En tête et navigation.
► en bout de ligne de l'option devant afficher le balai à gauche.
► Faire une capture écran de cette page.

Edit : L'url de votre forum est mal renseignée sur votre profil
https://forum.forumactif.com/profile.forum?mode=editprofile pour la corriger.

[AenigmA]

Tu vas dans overall_header, tu cherches

Code:

{GENERATED_NAV_BAR}

et tu le remplaces par

Code:

<img src="https://i.servimg.com/u/f21/15/41/64/57/image010.gif" >  {GENERATED_NAV_BAR} <img src="https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif" >

[Héléonoras]

Bon voici Aof-Neptune ma capture d'écran!! encore merci pour votre aide!!

[Héléonoras]

Bonjour AenigmA!! merci pour ta réponse je vais aller voir si je peux trouver, mais comme je suis novice peux-tu m'expliqué overall_header en français ça serait quoi? Merci beaucoup pour votre patience je vous admire!!!

[AenigmA]

On voit sur ta copie d'écran l'endroit

Tu vas dans templates > General > overall_header et tu fais ce que je t'ai marqué plus haut

[Neptunia]

C'est bien ce qui me semblait !

Dans la case URL de redirection, vous ne mettez rien
Dans la case image vous mettez les codes que j'ai indiqué plus haut.

Edit :
- Soit vous suivez mes infos et ignorez celles de AenigmA
- Soit vous suivez celles de AenigmA et vous devrez supprimer les 2 options que vous avez rajoutées à votre barre de navigation.

[Héléonoras]

Oups!! je suis navrée et je m’excuse Je pensais que vous étiez deux à m’aider en travaillant dans la même direction pour clore ce sujet!! Ho!! Mille excuses je suis très mal à l’aise vous savez!! Et en plus j’ai fait ce que Aenigma m’a dit de faire et ça me donne mes images, mais beaucoup trop grandes ban encore mille excuses je ne veux pas abuser de votre temps vous savez c’est la première fois que je poste alors soyez indulgent envers moi! Merci beaucoup pour votre aide et pardonnez-moi, car je suis débutante et j’apprends à bientôt!! Héléonoras

[Neptunia]

Vous les voudriez de quelle taille vos images ?

Parce que là elles sont affichées à leur taille d'origine !

[AenigmA]

Pas de problèmes, ne t'inquiète pas Héléonoras, que ce soit moi ou Neptune c'est pour t'aider et c'est ça le principal.

Je te laisse faire Neptune sinon on va l'embrouiller

[Héléonoras]

Merci de me répondre ban j'aimerais bien les avoir en demi-taille S.V.P. et vous me dites que j'ai mal placé les codes que vous m'avez envoyés? Pouvez vous spécifiez l'endroit exactement ou je dois les placés merci beaucoup je sais que ce n'est pas drôle de répondre aux débutantes comme moi encore mille mercis!!!

[Héléonoras]

Merci beaucoup pour ton aide Aenigma tu es très gentil en tout cas je peux dire que nous avons du service !! merci de vous préoccupé de nous les débutantes!!

[Neptunia]

Oki merci, je te fais un test et tu me dis si la taille te convient.

Je vous envoie un message privé avec l'url de mon forum test.

Si la taille vous convient, je vous communiquerai ici les modifs à effectuer.

[Héléonoras]

oui oui c'est exactement ça!! encore merci je vous apprécie!!

[Neptunia]

Alors dans votre template overall_header vous remplacez le code d'AenigmA

Code:

<img src="https://i.servimg.com/u/f21/15/41/64/57/image010.gif" >  {GENERATED_NAV_BAR} <img src="https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif" >

par le mien

Code:

<img src="https://i.servimg.com/u/f21/15/41/64/57/image010.gif" width="120" height="160" > {GENERATED_NAV_BAR} <img src="https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif" width="120" height="160" >

Je n'ai fait qu'ajouter des balises pour redimensionner vos images.

Pour terminer, dans Affichage/Page d'accueil/En-tête et navigation il vous faudra supprimer les deux options que vous aviez ajoutées.

***** ***** ***** *****

et vous me dites que j'ai mal placé les codes que vous m'avez envoyés? Pouvez vous spécifiez l'endroit exactement ou je dois les placer

Sur votre capture d'écran il y a quatre champs.
Menu
Image
Texte
URL de redirection

L'image sert à contenir l'url de votre image. C'était là qu'il fallait insérer le nom de votre image
L'url de redirection sert à dire vers quelle page, on doit conduire l'utilisateur s'il clique sur l'image.

Mais maintenant ces boutons ne servent plus, donc il faut les effacer.

[Héléonoras]

OK, mais j’ai fouiné beaucoup pour essayer toute sorte de choses et j’ai placé l’URL dans image et ça me donne mes petites images ban que j’ai diminuées je vous envoie une capture d’écran! Alors, je dois supprimer ça et refaire ce que vous m’avez envoyé, mais la question que je me pose c’est quoi la différence entre les deux options? Merci beaucoup de me renseigner ha! Je vais finir par être bonne hihi!!! Ban grâce à vous!!

[Neptunia]

Pour commencer, moi je n'ai pas le même visuel que vous.

En tant qu'invité j'ai moins de boutons que vous
et je vois sur une seule ligne dans cet ordre
Accueil - Calendrier - S'enregistrer - portail - Faq - Image gauche - Connexion - Image droite

Pour la différence entre les deux techniques.
Venez refaire un tour sur mon forum test et survolez les images.
Ensuite faites de même sur votre forum pour saisir la différence.

La technique de AenigmA est beaucoup plus propre que la nôtre mais conduit au même résultat visuel.
Vous avez la chance d'être en phpBB2 et de pouvoir modifier vos templates, mais si vous aviez été en phpBB3 ou Invision, votre technique était la seule approche à envisager.

Pour revenir à votre question, supprimez les 2 "boutons" que vous avez crée et suivez la technique d'Aenigma avec la correction que j'ai apporté dans mon dernier message.

[AenigmA]

Oui c'est mieux, car on est sûr que les images rajoutées sont de chaque côté quel que soit l'ordre des boutons de la barre. Et ça permet de rajouter des boutons au milieu si besoin.

[Héléonoras]

Ha! Que vous êtes des amours!! Merci beaucoup pour vos bons conseils je suis contente du résultat et je vais faire comme vous me l’avez mentionné je vais passer, par les templates ouf je vous dirais, que c’est du chinois pour moi, mais bon je vais y arrivé et je vous reviens avec une autre capture d’écran OK encore merci je vous adore!!! à bientôt!!

[Héléonoras]

Bon voici ma capture d’écran et je voie que mes petites sorcières sont l’une au début et l’autre à la fin, mais elles ne sont pas sur la même ligne?? Bon j’ai du me tromper?? Bon pour mettre votre code j’ai été dans les templates général puis overall_header puis j’ai trouvé GENERATED_NAV_BAR donc entre les deux parenthèses j’ai enlevé le mot generate_nav_bar et je l’ai remplacé par vos codes j’ai bien fait ou pas?? C’est peut-être pour cette raison que les deux petites sorcières ne sont pas sur la même ligne?? Ha! Je vous dis encore merci pour votre aide une chance que je vous aie!! À bientôt!! :thanks:

[Héléonoras]

Voici une capture d'écran de mon generated_nav_bar merci beaucoup de votre aide

[Scoubifitz]

Bonsoir,

excusez-moi d'intervenir , mais ce n'est qu'une question de tableau , comme d'habitude ...

Dans votre template , vous essayez de tout ranger dans une seule et même cellule (td)

alors que dans ce tableau , il suffit de créer une cellule de chaque coté de la barre de
navigation pour y mettre les photos ... donc trois cellules alignées ...

remplacer ceci dans "Templates - Général - overall_header" :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
    <tr>
        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
    </tr>
</table>

par ceci :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td><img src="https://i.servimg.com/u/f21/15/41/64/57/image010.gif" width="120" height="160"></td>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
<td><img src="https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif" width="120" height="160"></td>
</tr>
</table>

la barre de navigation pourra se "superposer" suivant la résolution d'écran
de vos membres sans pour autant influencer la position de vos photos ...

bon week-end,
Scoubifitz ( n'hésitez pas à répondre par un )

[Neptunia]

Bonjour,

Avant de tenter la manipulation suggérée par Scoubifitz je vous conseille d'essayer ceci avant.

► Panneau Admin
► Onglet Affichage
► Menu Page d'accueil ► En-tête et navigation
► Section En-tête des pages
► Forcer la barre de navigation à rester sur une ligne : Oui / Non.
Choisissez Oui et

Si cela ne fonctionnait pas, procédez à l'édition du template comme indiqué juste au dessus.

[Scoubifitz]

bonjour,

L'idée serait bien , si ce n'est :

une barre de navigation en connecté + 2 photos = 1475 pixels ...

ça déformera le forum ...

[Neptunia]

N'ayant pas de moyen de contrôler moi même je me demandais plutôt si on risquait pas de se retrouver avec la navbar sur une ligne seule, ou avec une sorciere, et la deuxième soso toute seule sur une 2e ligne.

[Scoubifitz]

sur un forum essai ...

j'ai juste remplacé le bout de code , et laissé :
► Forcer la barre de navigation à rester sur une ligne : Oui / Non.

j'ai surligné pour une meilleure vue ...



j'ai rétréci le cadre de mon navigateur pour voir le placement avec une résolution plus petite ...

[Neptunia]

Oui, maintenant je cerne mieux le souci.
Merci pour la démonstration.

Si on force la barre de navigation à rester sur une seule ligne :
- On ne "déformera" pas le forum.
- Les deux sorcières seront bien de chaque côté de la barre de navigation
- Mais les utilisateurs ayant un écran affichant moins de 1475 pixels en largeur auront une barre de défilement horizontale en bas de leur fenêtre.

Seule solution viable :
- Editer de nouveau votre template avec le code de Scoubifitz.

[AenigmA]

Effectivement Scoubifitz a raison, il a pensé au détail qui fait toute la différence (les td). Prends donc bien son code que je te recopie ici

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td><img src="https://i.servimg.com/u/f21/15/41/64/57/image010.gif" width="120" height="160"></td>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
<td><img src="https://i.servimg.com/u/f21/15/41/64/57/fille_10.gif" width="120" height="160"></td>
</tr>
</table>

Repère toi bien avec "table cellspacing" et "table"
Merci Scoubifitz