WebSite X5Help Center

 
Francois B.
Francois B.
User

Insertion lien arrière plan d'une page  fr

Auteur : Francois B.
Visité 2302, Followers 1, Partagé 0  

Bonjour

J'utilise la V10, et je souhaiterais insérer un lien dans mon arrière plan de la page. J' ai pu intégrer une image, mais je souhaiterais également y ajouter un lien. Comment faire?

Il n' y a pas de possibilités d'insérer un lien vers une page web en plus de l'image, dans les fonctionnalités...

Donc si vous aviez une astuce pour le faire, SVP, ça m'aiderait grandement

Merci d'avance

Posté le
18 RéPONSES - 4 UTILE - 1 CORRECT
S. Arnaud
S. Arnaud
User

Bonjour François,

Dans Website X5 pro 10 il y a une fonction intégrée, dans l'étape 2 création du plan, (voir capture d'écran ci-joint) dans les propriétés des pages qui permet de placer des liens dans l'arrière plan et aussi de définir un arrière plan différent pour chaques pages choisies. J'ignore si cette fonction est présente dans Evolution 10 n'ayant pas cette version pour tester, à voir donc de votre côté 

A suivre ...

Cordialement

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Merci Arnaud,

Malheureusement cette fonctionnalité n'est pas disponible sur la V10 simple, sic....

Quelqu'un aurait-il une astuce ou un code html a me donner pour que cela soit possible?

C'est important,merci.

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

Malheureusement cette fonctionnalité n'est pas disponible sur la V10 simple, sic....

Aïe, dommage, elle aurait bien simplifié le tout .

En cherchant un peu sur le net, je suis tombé sur un forum où apparement une solution a été trouvé pour placer un lien dans une image de fond d'un site :

http://forum.webrankinfo.com/css-image-background-lien-t63845.html

Le code de l'utilisateur Narayana est fonctionnel, voici le code CSS pour éviter de chercher : 

<a href="...." class="lien"></a>

fichier css
a.lien{
display:block;
width:100px;
height:100px;
background:url("xxxxx.jpg") no-repeat;
}

En espérant que ce soit une solution fiable ... (je ne suis absolument pas calé en css) 

A suivre ...

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Merci Arnaud, mais ça m'aide pas vraiment car malheureusement je ne sais pas où modifier le fameux css ni comment l'insérer pour que ce soit fonctionnel.

Par contre, ce que tu peux faire, stp, qui pourrait m'aider ce serait

1) tu fais un essai sur la V10 pro sur une page vide, sans aucun arrière plan; tu visualise la source (clique droit quand tu fais l'aperçu), et tu fais un screenshot de "element" balise head.

2) tu reprends la même page sur la V10 pro, tu insères un arrière plan quelconque avec un lien url externe quelquonque par ex http://www.lequipe.fr et tu refait un screenshot de la balise head.

Les 2 différences de codes vont m'indiquer comment procéder pour insérer le lien hypertexte. Tu n'as pas besoin d'exporter le site sur le serveur, juste avec l'aperçu c'est suffisant

En espérant que cela marche

Merci d'avance

François

Lire plus
Posté le de Francois B.
Incomedia
Claudio D.
Incomedia

Hello François,

You can add the css code in Step 2 - Page Properties - in the Expert tab in the section " Before closing the head tag".

In this way this code will only be on one page.

Many thanks!

***** Google Translation:

BonjourFrançois,

Vouspouvez ajouter le codeCSSà l'étape 2-Propriétés de la page-dansl'onglet Expertdans la section «Avant de fermerla balise head".

De cette façon,ce codene serasur une page.

Merci beaucoup!

Lire plus
Posté le de Claudio D.
Francois B.
Francois B.
User
Auteur

Ok Thanks Claudio, but my problem is which code I have to insert to get the background with the link inserted

if you have this code, please provide it, it would be useful for everyone.

Many thanks

François

Lire plus
Posté le de Francois B.
Incomedia
Claudio D.
Incomedia

Hello Francois,

Unfortunately I cannot help you with the use of custom code, but if you have any doubts or issues on how to add it in the program you can write me.

Generally speaking since the functions do not depend on WebSite X5, you can search useful information about the custom code with search engines like google or wait until someone on the community of Answers can help you.

Many thanks!

***** Google Translation:

BonjourFrançois,

Malheureusement, jene peux pasvous aider avecl'utilisationdecode personnalisé,mais si vous avezdes doutes ou desquestionssur la façon del'ajouter dansleprogramme, vous pouvezm'écrire.

De façon généralepuisque les fonctionsne dépendent pas deWebSite X5,vous pouvez rechercherdes informations utiles surle code personnaliséavec les moteurs derecherche comme Googleouattendrejusqu'à ce que quelqu'unsurla communautéderéponsespeut vous aider.

Merci beaucoup!

Lire plus
Posté le de Claudio D.
Francois B.
Francois B.
User
Auteur

Hello Claudio,

I tried to write you but unfortunately I couldn't find the private message function.

I am still at the beginning point: I used the code provided by Arnaud, with my image and my link, I inbserted it in the page properties in head tag, and nothing happened, no background in my page and of course no links.

So if you have an idea or suggestion to indert my link in my background, please help me, this is important. I need the validation by the client.

Many thanks

François

Lire plus
Posté le de Francois B.
Francois B.
Francois B.
User
Auteur

PS: here you can see without link the background http://www.pariezmieux.com/parions_sport.html

If you want I can give you my image jpg, and my link and you just provide me the process to insert it.

Important

Thanks

François

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

Hello François,

J'ai placé sur mon site de test deux nouvelles pages sans aucun contenu l'une "No Link" sans fond et sans lien, et la seconde "Link" avec une image de fond et un lien sur cette même image pointant vers la page d'accueil du site.

Voici l'url pour voir ça en live : http://www.aito-studio.fr/test/index.html

Il ne reste plus qu'à examiner le code source ...

J'ai tout de même une petite interrogation quand à placer une image + lien en fond de site : Apparement l'image visible en fond du site est une pub Betclic, cependant et normalement lorsque l'on souhaite placer des intersticiels ou encore des habillages on les places directement dans le code CSS, et ce code devrait être fourni par l'annonceur lui-même... ce serait bien plus simple.

A suivre ...

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Merci Arnaud, c'est vraiment ultra-sympa de ta part

J'ai trouvé le script pour insérer le lien, d'après ce que j'ai compris tu as paramétré l'image en arrière-plan en "ne pas répéter".

Pourrais tu essayer d'ajouter une page supplémentaire avec les mêmes caractéristiques que ta page "link" mais en mettant ton image d'arrière-plan en mode "adapter aux dimensions de la cellule"

Merci encore pour ton aide précieuse et le temps que tu consacres.

La solution est proche...

Cordialement

François

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

Merci Arnaud, c'est vraiment ultra-sympa de ta part

Franchement y a pas de quoi, c'est avec plaisir ! 

Je pense que ce post pourrait en intéresser plus d'un, surtout si tu trouves une issue favorable.

J'ai ajouté une page supplémentaire sur le site de test "Link 2" avec les caractéristiques demandées.

http://www.aito-studio.fr/test/Link-2.html

Bon courage.

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Merci Arnaud

On y est presque.

Je vois que dans ta page "link2" le lien du background n'apparait que dans le header

1) est-ce que c'est un paramètre que tu as rentré dans ta V10 pro, ou est-ce un bug de la V10 pro? (je sous-entend que dès que tu mets un lien en arrière-plan et que tu mets l'option "adapter le contenu à la fenêtre" cela fait se fait automatiquement)

2)Peux-tu refaire une 3ème page avec une image en background option" adapter le contenu à la fenêtre" et un lien hypertexte externe genre http://www.lequipe.fr Si tu as la fonctionnalité sur V10 pro (faire apparaitre le lien sur l'ensemble de la page???) je peux pas t'aider la dessus je ne l'ai pas

Si rien ne change et que le lien est toujours uniquement dans le header c'est que c'est un bug de la V10 pro....

Ne t'inquiètes dès que ça colle je mettrais sur le forum le script à afficher, pour que toute la communauté en profite, même si Incomedia va certainement faire la gueule vu que c'est une fonctionnalité réservée sur la pro   Mais bon ils abusent, vu le prix, et ça devrait être accessible sur la V10 simple...

Merci encore

A bientot

François

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

J'ai procédé aux modifications sur la page "Link 2", mais le résultat reste inchangé, le lien ne se positionne qu'au niveau du header et du footer (est-ce voulu ou bug?)

1)Il n'y a pas d'options spécifiques à régler, juste le positionnement de l'image, sa forme, et le type de lien à insérer (voir capture d'écran).

"même si Incomedia va certainement faire la gueule vu que c'est une fonctionnalité réservée sur la pro."

Incomédia reste une entreprise hors norme, qui se soucie grandement des désidératas de ses utilisateurs, leur viennent en aide comme ils le font via ce forum ou par message privés.

Effectivement, c'est une fonction réservée aux possesseurs de la V. Pro, personnellement je comprend la politique d'Incomédia, qui est de proposer plus d'options que dans la v10 standard, c'est assez logique quand on y pense aux vues de la différence de prix, bon nombre d'options sont présentes, (et le lien en background n'est qu'une toute petite option supplémentaire parmis tant d'autres qui justifient cet écart tarifaire) ce qui rend la V10 pro légitime et nécessaire (c'est mon avis).

A suivre l'évolution et la résolution du Lien sur le Background 

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Thanks Arnaud

C'est pas forcément un bug, je vois sur ta capture d'écran  que tu as mis pour l'arrière-plan "adapter le contenu à la fenêtre", alignement "haut" et tu as coché "image d'arrière plan fixe" Ceci explique que peut être que le lein n'apparaisse qu'en header et footer

Maintenant si tu peux stp, fair une nouvelle page identique que ta page "link" avec comme caractéristiques

1) lien externe: http://www.lequipe.fr

2) disposition " adapter le contenu a la fenêtre"

3)ne ppas cliquer  sur "image arrière-plan fixe" en clair désactiver cette option

C'est le dernier test que je te demanderais car même si ça ne marche pas tout ceci nous prend beaucoup de temps.

Après je verrais avec Betclic pour faire une nouvelle image qui intègre directement la totalité, mais c'est pas facile à calculer, vu que l'ordi redimensionne l'image, mais j' ai pas trop le choix pour obtenir la validation

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

Changements faits sur Link 2", mais à priori ça ne change rien ... Il n'y a que lorsque on ne touche pas au redimensionnement d'image que le lien fonctionne sur l'image (cf Link)

Par contre je me souviens qu'à une époque où je m'occuppais (avec d'autres) d'un site d'actu de jeu vidéo PC, nous disposions d'intersticiels et d'habillages complets de site en provenance d'éditeur (NC Soft, Ubisoft, etc ...), et l'intégration de ceux-ci se faisait assez simplement et contenaient musique, lien, image et quelquefois de la vidéo.

Tout était fourni par les éditeurs, essaye de voir effectivement avec l'annonceur, normalement ils fournissent ce genre de codes / scripts publicitaires.

Bref, pas simple tout ça, j'espère que tu arrivera à atteindre ton but ! 

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud
Francois B.
Francois B.
User
Auteur

Ok merci Arnaud, ça veut dire que c'est un bug de la V10 pro

En attendant pour tous ceux qui voudraient insérer un lien dans leur arrière-plan avec la V10 simple, et aussi surement avec la V9 ou V8 voici comment faire

Dans les "propriétés de la page", il faut mettre le script ci dessous, dans la balise head:

<script type="text/javascript">
x5engine.boot.push(function () { x5engine.eventBinder('body, #imHeaderBg, #imFooterBg', function() { x5engine.utils.location('Url choisie '); }, function () { $('body, #imHeaderBg, #imFooterBg').css('cursor', 'pointer'); }, function () { $('body, #imHeaderBg, #imFooterBg').css('cursor', 'default'); }); });
</script>

L'url sera celle que vous souhaitez insérer.

Ensuite, dans les propriétés graphiques du modèle (pour que cela apparraisse sur tout le site) ou de la page

Arrière-plan de la page

votre fichier image

disposition "ne pas répéter" (ne pas mettre adapter au contenu de la fenêtre: bug!!)

Image arrière-plan fixe: activer

Avec l'aide d'Arnaud , ça a marché pour nous

Lire plus
Posté le de Francois B.
S. Arnaud
S. Arnaud
User

Bonne nouvelle que ça ai fonctionné, bravo !

Merci de partager cette expérience avec la communauté ...

Si le sujet est clos, n'hésite pas, lors d'un prochain passage ici même, de passer ce sujet en mode "résolu"  simplement en cochant la case "correct".

Cordialement,

Arnaud

Lire plus
Posté le de S. Arnaud