WebSite X5Help Center

 
Andrea M.
Andrea M.
User

Comment Superposer Des Images Dans Le Header ?  fr

Author: Andrea M.

Bonjour à tous,

je voulais simplement des suggestions pour un petit problème technique.

J'ai prévu d'installer sur mon site, actuellement accessible en phase de tests à l'adresse http://temp.web-city.Fr/ , une barre "amovible" permettant aux utilisateurs de se connecter ou de s'enregistrer.

Cette barre étant non intrusive, je voulais mettre une petite image indiquant aux visiteurs qu'elle était présente. Or je n'ai trouvé d'autre moyen pour l'instant que de mettre cette image avec celle de l'arrière plan de mon site, pour qu'elle apparraisse sur toutes les pages, sans devoir agrandir mon header. (Regardez le site, vous devriez comprendre)

Mais voilà, l'ajustement entre ma barre et l'image faite avec mon petit écran 13" ne va plus sur un écran 17", 20" voire 22". Comment faire alors pour plaçer cette image de sorte à ce qu'elle se déplaçe avec ma barre de connexion en fonction de la taille de l'écran du visiteur ?

D'avance merci pour vos lumières.

Posted on the
16 ANSWERS - 1 CORRECT
BmT 3000
BmT 3000
User

Votre image est placée en arrière-plan de la page ?

Essayez la dispositon #5, Adapter le contenu à la fenêtre.

Bernard

Read more
Posted on the from BmT 3000
Mimoune .
Mimoune .
User

Bonjour ,

Juste une idée en plus de celle conseillée par Bernard dans paramètres généraux, modèle personnalisé > Disposition n°5....

En plaçant votre image (flèche) tout au bord sur la droite sur l'image de votre background ?

@ Suivre...

Read more
Posted on the from Mimoune .
Andrea M.
Andrea M.
User
Author

Bonjour et merci de vos réponses.

Malheureusement je ne parviens pas à me dépatouiller dans cette affaire.

Pour la solution de Bernard, pourrai-je avoir plus d'explications ? J'ai regardé l'aide, mais je ne suis pas sur que cela puisse se faire avec mon bg.

Pour l'idée de Mimoune, le problème n'est-il pas le même ? En faisant cela l'affichage sera bon sur un grand écran, mais risque d'être décalé pour un plus petit non ?

Je continue les test dans l'attente de vos réponses.

Bonne journée.

Read more
Posted on the from Andrea M.
Mimoune .
Mimoune .
User

Bonjour,

Pour la solution de Bernard voir le fichier attaché à ce message pour plus de détails...

Quant à ma solution qui venait en complément à celle de Bernard, si nécessaire, vous pouvez en juger sur le lien que je vous ai remis dans mon précédent message, en diminuant la page, coin supérieur droit de votre fenêtre, en testant plusieurs dimensions...

@ Suivre....

Read more
Posted on the from Mimoune .
Andrea M.
Andrea M.
User
Author

Bonjour à vous deux,

me revoilà pour la suite de cette histoire. Pour la solution de Bernard, cela pourrait convenir mais malheuresement choisir cette disposition d'image modifie toute ma mise en page; or celle-ci est très importante à mes yeux.

Pour le reste, le problème reste le même où que je mette la flèche car tantôt cela ne va pas pour un petit écran, tantôt pour un grand. Je vais essayer de trouver un bon vieux "système D".

En revanche, comme cette question convient également vu le titre du post, Incomedia n'aurait pas prévu par hasard d'intégrer une fonction "arrière plan du header" prochainement, à l'instar de la fonction "arrière plan du pied de page" ? La personnalisation s'en trouverait grandement améliorée. En effet, dans mon cas précis, je n'ai aucun moyen d'afficher la bande de couleur de ma charte graphique (plus grande que mon "header" au sens premier du terme) ailleurs qu'en fond d'écran.

Ou existe-il un moyen à côté duquel je serait passé ?

Comme vous dites, @ suivre...

Read more
Posted on the from Andrea M.
Mimoune .
Mimoune .
User

Bonjour,

Désolée d'insister, mais je pense que je me suis effectivement mal exprimée..

Mon idée n'était pas de superposer les images mais d'intégrer votre flèche à votre fond ce que j'ai fait sur mon site test, le but étant aussi de placer cette image (flèche) le plus à droite directement pour que tous suivent le mouvement !

Mimoune.

PS : Cette image que j'ai reconstituée "système D" donc qui n'est pas très jolie vue que je n'ai pas l'original de votre arrière-plan...

Read more
Posted on the from Mimoune .
Andrea M.
Andrea M.
User
Author

Si si justement, j'avais bien compris. C'est ce système que j'utlise depuis le début, en intégrant la flèche à mon "bg". Et donc "le problème reste le même où que je mette la flèche car tantôt cela ne va pas pour un petit écran, tantôt pour un grand." J'ai essayé sur un 13" et sur un 20", et il y a un décalage. Cela vient notamment du fait que ma barre provient d'un script extérieur, et elle ne s'adapte pas à l'écran de la même façon que le "bg".

Cela marcherait peut-être en "adaptant le contenu à la fenêtre", mais il faudra alors que je trouve un moyen de retrouver la disposition milimétrée actuelle.

Sinon "existe-il un moyen à côté duquel je serait passé ?"

Encore une fois, @ suivre Wink

Read more
Posted on the from Andrea M.
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR

Hello vous tous ! Je ne suis pas très doué en scripts, mais je vois sur ta source :

 <scripttype='text/javascript'>

$(

function(){

  $.foobar({   

"positioning":"fixed", (Positionnement)

   "backgroundColor":"#424242",

   "display":"collapsed", (Affichage)

Alors une idée comme ça : peut-être qu'en jonglant avec le positionnement et l'affichage sur le script lui-même ? Place aux Pros du langage Laughing...J.P.

Read more
Posted on the from JiPeR 48
Andrea M.
Andrea M.
User
Author

Bonjour Jiper,

l'idée est bonne, mais ce script est celui de ma barre et n'a aucune influence sur le reste du site.

"Positionning" -> permet de configurer le comportement de la barre lorsqu'on fait défiler la page (En l'occurence, la barre ne défile pas: elle reste en vue même si on descend en bas de page par exemple)

"Display" -> permet de configurer le mode d'affichage de la barre à l'ouverture de la page (En l'occurence, affichage fermé et non intrusif)

J'ai comme l'impression d'être dans une impasse. Il va falloir que je positionne la flèche de sorte à ce que son emplaçement soit plausible (à peu près) pour tous les écrans... Ce n'est pas gagné.

J'essai toujours de trouver un code html à entrer dans les options avancées d'une page pour voir si je ne peux pas réussir à caser cette maudite flèche, mais là encore, pas gagné ! 

Read more
Posted on the from Andrea M.
Andrea M.
Andrea M.
User
Author

Au fait, il n'existerait pas par hasard une petite astuce underground pour modifier les animations en ".res" pour l'espace publicitaire par hasard ?  Parce que l'endroit où elles apparaissent serait parfait pour ma petite flèche ! Tongue out

Read more
Posted on the from Andrea M.
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR

Hello, me voilà "fixé" Wink... Et si tu décalais les boutons de ton menu vers la gauche entre Webcity et Accueil pour mettre ta flèche (ou info) au bout à droite après le bouton "Contact" ? La flèche ferait partie de ton menu et serait visible sur toutes les pages...J.P.

Read more
Posted on the from JiPeR 48
BmT 3000
BmT 3000
User

Une autre approche serait de changer la couleur de votre boite cliquable, pour la rendre plus évidente, ce qui éviterait d'avoir à utiliser la flèche.

Bernard

Read more
Posted on the from BmT 3000
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR
MARTELLETTI A.

Au fait, il n'existerait pas par hasard une petite astuce underground pour modifier les animations en ".res" pour l'espace publicitaire par hasard ?  Parce que l'endroit où elles apparaissent serait parfait pour ma petite flèche !

Frank (Cyber Cafe) m'avait "offert" un "SinglePeel" de sa composition l'année dernière, je te le mets en pièce jointe pour voir si cela peut t'aider. De mémoire ça ne doit fonctionner qu'une fois le site en ligne. Je te laisse étudier et tester la chose, des fois que...Wink...J.P. 

Read more
Posted on the from JiPeR 48
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR

Ma pièce jointe ne passe pas Cry. Tu me contactes via le formulaire de mon site et je te l'envoie perso...J.P.

Read more
Posted on the from JiPeR 48
Andrea M.
Andrea M.
User
Author

Merci pour vos idées à tous, mais la couleur et l'endroit de positionnement de la flèche sont voulus.

Le but est de faire une barre non intrusive, d'où la couleur. Et la flèche apportait à mon sens un petit plus par rapport à la charte graphique choisie. Je pense me contenter de positionner la flèche avec le c** entre deux chaises, et puis ça ira bien comme ça.

De plus après tests, les éléments publicitaires semblent imcompatibles avec ce script car les deux ne fonctionnent pas en même temps, c'est ou l'un, ou l'autre. En revanche Jiper je suis prenneur pour la création de Frank, et encore plus de la méthode pour arriver à cela.

J'envoie le mail de suite Wink

Merci à tous pour vos réponses. Je pense pouvoir mettre le sujet en résolu, mais si la résolution reste en partie négative.

Read more
Posted on the from Andrea M.
Andrea M.
Andrea M.
User
Author

En complément d'information, si quelqu'un se trouve dans la même situation que moi, je vais otper pour un affichage de la barre après quelques secondes sur la page d'accueil uniquement. Pour les autres pages, la barre sera fermée; mais les visiteurs en auront déjà connaissance.

Et pour l'élément publicitaire de Frank, il s'agit en fait d'un "page peel like" réalisé avec de l'huile de coude et une bonne connaissance en codage. Ce semble être une création de Franl de A à Z, et non pas une décompilation et modification du "pagepeel.res" d'Incomedia.

Je profite pour penser à plume haute qu'il serait intéressant de pouvoir modifier ou créer des animations publicitaires nous-mêmes pour pouvoir les partager.

On peut déjà aujourd'hui se faire passer des sites réalisés avec Websitex5, à quand les animations ?

Bonne soirée à tous !

Read more
Posted on the from Andrea M.