Ajouter un lien cliquable sur une image

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 le 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
*

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: Ajouter un lien cliquable sur une image

Message par ipodjeremy le 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>

ipodjeremy
**

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

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 Milouze14 le 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 bouton



a++

Milouze14
+ Hyperactif +

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

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

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

Message par jane34 le 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
CC.JPG MaintenantVous n'avez pas la permission de télécharger les fichiers joints.(53 Ko) Téléchargé 2 fois
!cid_3AF9FA20F964493BAC7C651BB1160540@JamilPC.jpg AvantVous n'avez pas la permission de télécharger les fichiers joints.(46 Ko) Téléchargé 1 fois

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: Ajouter un lien cliquable sur une image

Message par Milouze14 le 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 bouton

a++

Milouze14
+ Hyperactif +

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

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

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

Message par jane34 le 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
*

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

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


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