Ajouter un lien cliquable sur une image
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Ajouter un lien cliquable sur une image
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.
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.
Re: Ajouter un lien cliquable sur une image
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 :
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>
Re: Ajouter un lien cliquable sur une image
Salut jane34 ,
tu peux supprimer le style donné :
Puis on va tout déposer dans un javascript :
Tu pourras déplacer l'image en modifiant le margin-left qui
a comme valeur 40%
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci:
Penses à cliquer sur le bouton
a++
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 :
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++
Invité- Invité
Re: Ajouter un lien cliquable sur une image
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
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
Re: Ajouter un lien cliquable sur une image
Re,
désolé pour le retard ....
Édites le JavaScript et remplace le code par celui-ci:
a++
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');
});
a++
Invité- Invité
Re: Ajouter un lien cliquable sur une image
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.
Grand merci pour ton aide car j'étais bien perdue.
Bonne fin de journée et encore merci.
Sujets similaires
» Remplacer le lien cliquable d'une catégorie par une image, elle-même cliquable.
» Ajouter un lien cliquable
» Loupe sur image et Lien sur image cliquable : PB
» comment mettre un lien dans une image pour qu'elle devienne cliquable?
» ajouter une image sur le lien
» Ajouter un lien cliquable
» Loupe sur image et Lien sur image cliquable : PB
» comment mettre un lien dans une image pour qu'elle devienne cliquable?
» ajouter une image sur le lien
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum