Ajouter un lien cliquable sur une image

2 participants

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

Résolu Ajouter un lien cliquable sur une image

Message par jane34 Dim 27 Avr 2014 - 10:58

Bonjour,

J'ai ajouté sur la page d'accueil de mon forum une image:

http://lecharmedelabellelin.lebonforum.com/

Ceci grâce à un code que m'a indiqué Nightmare et que j'ai collé dans  "affichage > couleurs > onglet "feuille de style CSS" :voici le code:

1            .headerbar div.inner{
2            background-image:url(http://www.classic-charm.com/english/images/fully-fashioned-nylons-black-heel.jpg);
3            background-repeat:no-repeat;
4            background-position:center center;
5            }

Je souhaite ajouter un lien cliquable sur cette image qui me redirigerai vers le site et je ne sais comment faire, si quelqu'un peut m'aider cela serait sympa.

Voici l'adresse du site: http://www.classic-charm.fr/
Voici l'URL de l'image: http://www.classic-charm.com/english/images/fully-fashioned-nylons-black-heel.jpg

Merci d'avance pour l'aide.

 Question
jane34

jane34
*

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

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

Résolu Re: Ajouter un lien cliquable sur une image

Message par ipodjeremy Dim 27 Avr 2014 - 12:13

Bonjour,

c'est pas tout à fait pareil, mais sur mes forums j'ai mes des image cliquable et non le texte qu'on trouve sur tout les forum.

Pour que mon image me redirige comme avec le texte, j'ai du utiliser ce code dans la description :

Code:

<a href="http://LIEN DE LA PAGE OU TU VEUX TAPER" class="postlink"><img src="http://LIEN DE L'IMAGE" alt="" border="0" /></a>
avatar

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

Voir le profil de l'utilisateur http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien cliquable sur une image

Message par Invité Dim 27 Avr 2014 - 12:16

Salut jane34 ,

tu peux supprimer le style donné :

Code:

.headerbar div.inner{
 background-image:url(http://www.classic-charm.com/english/images/fully-fashioned-nylons-black-heel.jpg);
background-repeat:no-repeat;
background-position:center center;
}

Puis on va tout déposer dans un javascript  Wink  :

Tu pourras déplacer l'image en modifiant le margin-left qui
a comme valeur 40%
Code:

.css("margin-left","40%");


Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


Colles ceci:

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


Penses à cliquer sur le boutonAjouter un lien cliquable sur une image Boutonvalider



a++
Anonymous

Invité
Invité


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

Résolu Re: Ajouter un lien cliquable sur une image

Message par jane34 Dim 27 Avr 2014 - 14:47

Merci Milouze pour tes conseils et le code, cela fonctionne très bien, merci.

Juste un petit problème, l'image du logo de mon site et le titre se sont déplacés au milieux de la page (j'ai vérifié dans "Panneau d'administration" et le logo est bien coché sur la gauche et depuis cette manip en java le logo et le titre sont au milieux de la page) :

http://lecharmedelabellelin.lebonforum.com/

un truc pour les remettre sur la gauche  ?

Merci encore
Fichiers joints
Ajouter un lien cliquable sur une image Attachment
CC.JPG MaintenantVous n'avez pas la permission de télécharger les fichiers joints.(53 Ko) Téléchargé 2 fois
Ajouter un lien cliquable sur une image Attachment
!cid_3AF9FA20F964493BAC7C651BB1160540@JamilPC.jpg AvantVous n'avez pas la permission de télécharger les fichiers joints.(46 Ko) Téléchargé 2 fois
jane34

jane34
*

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

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

Résolu Re: Ajouter un lien cliquable sur une image

Message par Invité Dim 27 Avr 2014 - 17:18

Re,

désolé pour le retard ....

Édites le JavaScript et remplace le code par celui-ci:

Code:

$(function(){
$('<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%").insertAfter('.headerbar div.inner');
});
Penses à cliquer sur le boutonAjouter un lien cliquable sur une image Boutonvalider

a++
Anonymous

Invité
Invité


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

Résolu Re: Ajouter un lien cliquable sur une image

Message par jane34 Dim 27 Avr 2014 - 17:23

Merci pour ton message, maintenant cela marche super bien avec ton nouveau code.
Grand merci pour ton aide car j'étais bien perdue.
Bonne fin de journée et encore merci.

 Yes  Yes  Yes 
jane34

jane34
*

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

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

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

- Sujets similaires

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