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

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Héléonoras le Ven 24 Sep 2010 - 14:33

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






Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 14:36

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:
http://i21.servimg.com/u/f21/15/41/64/57/fille_10.gif

Pour celle de gauche mettez :
Code:
http://i21.servimg.com/u/f21/15/41/64/57/image010.gif

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 15:00

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? scratch scratch Interrog merci de prendre de votre temps pour me répondre j'apprécie beaucoup à bientôt!! ok

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 15:21

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.
edit 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
http://forum.forumactif.com/profile.forum?mode=editprofile pour la corriger.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par AenigmA le Ven 24 Sep 2010 - 15:43

Tu vas dans overall_header, tu cherches
Code:
{GENERATED_NAV_BAR}
et tu le remplaces par
Code:
<img src="http://i21.servimg.com/u/f21/15/41/64/57/image010.gif" >  {GENERATED_NAV_BAR} <img src="http://i21.servimg.com/u/f21/15/41/64/57/fille_10.gif" >

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 18:17

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

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 18:22

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!!! Very Happy

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par AenigmA le Ven 24 Sep 2010 - 18:48

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

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 18:49

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 19:17

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 Embarassed Embarassed Embarassed Sad Sad Sad

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 19:30

Vous les voudriez de quelle taille vos images ?

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par AenigmA le Ven 24 Sep 2010 - 19:39

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 Smile

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 19:41

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!!! Very Happy

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 19:43

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!! Very Happy ok

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 19:44

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 19:56

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

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 20:00

Alors dans votre template overall_header vous remplacez le code d'AenigmA
Code:
<img src="http://i21.servimg.com/u/f21/15/41/64/57/image010.gif" >  {GENERATED_NAV_BAR} <img src="http://i21.servimg.com/u/f21/15/41/64/57/fille_10.gif" >
par le mien
Code:
<img src="http://i21.servimg.com/u/f21/15/41/64/57/image010.gif" width="120" height="160" > {GENERATED_NAV_BAR} <img src="http://i21.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 suppr les deux options que vous aviez ajoutées.

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


@Héléonoras a écrit: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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 20:16

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!!

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Ven 24 Sep 2010 - 20:44

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par AenigmA le Ven 24 Sep 2010 - 21:02

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.

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Ven 24 Sep 2010 - 23:49

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!! cheers

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Sam 25 Sep 2010 - 0:05



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!! ok Thanks

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Héléonoras le Sam 25 Sep 2010 - 0:22



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

Héléonoras
*****

Féminin
Messages : 903
Inscrit(e) le : 06/09/2010

http://conjointesmilitaires.unforumgratuit.com/login
Héléonoras a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Scoubifitz le Sam 25 Sep 2010 - 1:56

Bonsoir,

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

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

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" : Pc

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="http://i21.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="http://i21.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 merci ) Rolling Eyes

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Sam 25 Sep 2010 - 2:49

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 :enreg:

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Scoubifitz le Sam 25 Sep 2010 - 3:59

bonjour,

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

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

ça déformera le forum ...


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Sam 25 Sep 2010 - 4:06

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Scoubifitz le Sam 25 Sep 2010 - 4:20

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 ...


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par Neptunia le Sam 25 Sep 2010 - 4:36

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre une image de chaque coté de ma barre?

Message par AenigmA le Sam 25 Sep 2010 - 7:07

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="http://i21.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="http://i21.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

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum