Modifier une image clicable de mon forum

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

Résolu Modifier une image clicable de mon forum

Message par jane34 le Lun 29 Sep 2014 - 18:26

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%");
});

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par MlleAlys le Lun 29 Sep 2014 - 18:34

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

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Lun 29 Sep 2014 - 20:06

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

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par MlleAlys le Lun 29 Sep 2014 - 20:09

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 ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mar 30 Sep 2014 - 0:03

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
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mar 30 Sep 2014 - 12:24

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:
http://www.servimg.com/image_preview.php?i=1066&u=17741026

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.

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mar 30 Sep 2014 - 15:50

Salut jane34,

pourtant les explications données par MlleAlys sont claires Wink .

Voici le code prêt à l'emploi Very Happy :
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mar 30 Sep 2014 - 16:27

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

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mar 30 Sep 2014 - 16:30

Re, ,
@jane34 a écrit:
Ce n'est pas MlleAlys qui n'est pas claire mais plutôt moi

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mar 30 Sep 2014 - 16:49

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


jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mar 30 Sep 2014 - 17:00

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

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mar 30 Sep 2014 - 21:11

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

Very Happy


jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mer 1 Oct 2014 - 3:59

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mer 1 Oct 2014 - 10:59

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

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mer 1 Oct 2014 - 14:58

Re,
@jane34 a écrit:
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 Very Happy .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par jane34 le Mer 1 Oct 2014 - 16:25

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

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

Very Happy Very Happy Very Happy

jane34
*

Messages : 33
Inscrit(e) le : 14/10/2012

http://lecharmedelabellelin.lebonforum.com/
jane34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Milouze14 le Mer 1 Oct 2014 - 17:46

Re,

@jane34 a écrit: je suis très contente

C'est le principale Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4567
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier une image clicable de mon forum

Message par Chacha le Ven 3 Oct 2014 - 9:50

..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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49811
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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