Modifier une image clicable de mon forum

[jane34]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Avril 2014
Lien du forum : http://lecharmedelabellelin.lebonforum.com/

Description du problème

Bonjour,

J'ai installé ce script avec l'aide préciseuses de Milouze, je souhaite aujourd'hui modifier l'image et la remplacer par une autre, hélas je ne suis pas douée et j'ai peur de faire des bêtises.
Si quelqu’un peut m'aider cela serait sympa, merci d'avance:

Code:
$(function(){
$('.headerbar div.inner').append('<a href="http://www.classic-charm.fr/" target="_blank"><img src="http://www.classic-charm.com/english/images/fully-fashioned-nylons-black-heel.jpg"align="absmiddle"/></a>').css("margin-left","40%");
});

[MlleAlys]

Bonjour,
L'url de l'image est là :

$(function(){
$('.headerbar div.inner').append('<a href="http://www.classic-charm.fr/" target="_blank"><img src="URL DE L'IMAGE" align="absmiddle"/></a>').css("margin-left","40%");
});

Remplacez la par celle de l'image voulue ^^

[jane34]

Bonsoir,

OK, merci pour votre message et pour cette information, une autre question: comment fait-on pour retrouver les lignes de codes dans la panneau administration afin des corriger ?
Merci d'avance

[MlleAlys]

retrouver le code ?
eh bien, c'est un code javascript, donc je suppose qu'il devrait se retrouver dans module > gestion des codes javascripts ^^"
Sinon je suis désolée, je n'ai pas bien compris la question ^^"

[jane34]

Merci pour la réponse, en effet il est bien à l'endroit indiqué, demain je vais essayer de le modifier.
Encore merci pour l'aide.

[jane34]

Bonjour,

Je n'ai pas réussi à modifier mon code et l'image n'apparaissait plus sur mon site.
J'ai donc supprimer le java script et j'ai tenté de la réécrire avec l'adresse de la nouvelle image mais hélas je n'y arrive pas !

Voici l'adresse de mon site:
http://lecharmedelabellelin.lebonforum.com/

Je souhaite mettre cette image:
https://servimg.com/view/17741026/1066

Je voudrais ensuite lorsqu'on clique sur l'image être renvoyé vers ce site:
http://www.cervin-store.com/fr/boutique-officielle

Si quelqu'un peut m'expliquer très exactement ce qu'il faut faire cela serait très sympa.

D'avance merci.

[Invité]

Salut jane34,

pourtant les explications données par MlleAlys sont claires .

Voici le code prêt à l'emploi :

Code:


$(function(){
$('.headerbar div.inner').append('<a href="http://www.cervin-store.com/fr/boutique-officielle/" target="_blank"><img src="http://i39.servimg.com/u/f39/17/74/10/26/cervin10.jpg" align="absmiddle"/></a>').css("margin-left","40%");
});


a++

[jane34]

Bonjour Milouze,

Merci pour ton aide et tes conseils.
Ce n'est pas MlleAlys qui n'est pas claire mais plutôt moi qui ne suis pas douée pour ce genre de chose !!!
sans vous je n'arriverai à rien !

Merci encore, je vais mettre le code et voir ce que cela donne.
Bonne journée

[Invité]

Re, ,

Ce n'est pas MlleAlys qui n'est pas claire mais plutôt moi

c'est bien ce que je disais .
MlleAlys a très bien expliquée , tu as mal lu mon message .

a++

[jane34]

Tu as surement raison, mais j'avoue ne pas tout comprendre, par contre j'ai testé le code que tu m'as envoyé et j'ai deux problèmes:

1-l'image du site se décale vers la droite
2-le lien cliquable vers le site donne erreur 404, pourtant j'ai vérifié et copiée l'adresse sur le site cible.


J'ai encore du faire une bêtise !

Je remet le code afin que u puisses voir le problème.

Merci encore pour l'aide.

Jane

[Invité]

Re,

le décalage est du à ton image trop importante,
j'ai donc diminué ses dimensions en comparaison avec celle du dessus .
et pour le lien un slash était de trop .

Supprimes ce script est remplaces par celui-ci:

Code:


    $(function(){
        $('.headerbar div.inner').append('<a href="http://www.cervin-store.com/fr/boutique-officielle" target="_blank"><img src="http://i39.servimg.com/u/f39/11/26/21/37/cervin10.jpg" align="absmiddle"/></a>').css("margin-left","40%");
        });


a++

[jane34]

Super, merci Milouze, tout fonctionne parfaitement !

Un tout petit problème seulement l'image du site est maintenant au centre, comment la remettre sur la gauche comme sur la deuxième image ?






Si tu peux encore me consacrer un peu de temps cela serait très syma, sinon ce n'est pas grave.

Encore merci pour ton aide, tes conseils et ta disponibilité

Jane

[Invité]

Salut jane34 ,

oups désolé, le style s'appliquait à la div et non à l'image ,
voilà le code correcte en positionnant l'image en haut de ton forum et ton logo
à gauche :

Supprimes le code et remplaces par celui-ci:

Code:


$(function(){
$('.headerbar div.inner').append('<a href="http://www.cervin-store.com/fr/boutique-officielle" target="_blank"><img src="http://i39.servimg.com/u/f39/11/26/21/37/cervin10.jpg" align="absmiddle"style="position:absolute;margin-top:-260px;margin-left:30%;"/></a>');
 });


a++

[jane34]

Milouze, bonjour,

Merci, j'ai mis le nouveau code que tu m'as envoyé et mon lgo est de nouveau sur la gauche, super !!!
Seul petit problème mon titre est caché par l'image cliquable, si tu as une solution lorsque tu auras un peu de temps.



Merci encore pour tout, bonne journée.

Jane

[Invité]

Re,

Seul petit problème mon titre est caché par l'image cliquable, si tu as une solution lorsque tu auras un peu de temps.

Ah mince, je n'ai pas pensé au titre , il faut jouer avec le margin-top dans le script:

Code:

 margin-top:-260px;

Changes la valeur par -200px et tu devrais avoir un résultat bien plus esthétique .
a++

[jane34]

Merci Millouze, j'ai mis le margin à -160 et le résultat est super !

Merci encore pour ton aide, je suis très contente

[Invité]

Re,

je suis très contente

C'est le principale .

a++

[Chacha]

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif