CSS Modification de Image et Lien automatique
Bonjour,
J'aurais une petite question en CSS.
Voilà, j'ai un emplacement dans mon site pour afficher des bannières publicitaires d'autres sites.
Ce que j'aimerais, c'est que quand je dois changer une bannière, elle se change automatiquement sur toutes les pages du site et que le lien vers lequel elle pointe change également. Est-ce que c'est faisaible en CSS? Car j'ai plus d'une cinquantaine de pages et changer à la main sur chacune...
Comment fait-on?
Merci d'avance,
WebGirlie
J'aurais une petite question en CSS.
Voilà, j'ai un emplacement dans mon site pour afficher des bannières publicitaires d'autres sites.
Ce que j'aimerais, c'est que quand je dois changer une bannière, elle se change automatiquement sur toutes les pages du site et que le lien vers lequel elle pointe change également. Est-ce que c'est faisaible en CSS? Car j'ai plus d'une cinquantaine de pages et changer à la main sur chacune...
Comment fait-on?
Merci d'avance,
WebGirlie
6 réponses
-
Contributeursalut,
pour l'image tu pourrais changer l'image par une autre sur le serveur en lui donnant le même nom ça suffirait.
mais pour l'url, il faudrait ajouter un petit bout de PHP et donc changer l'extension de tes pages.
ça pourrait ressembler à :<?php include( 'param.php' ); echo( '<a href="'.AD_URL.'"><img src="'.AD_IMG.'" /></a>' ); ?>
et dans 'param.php' :<?php define( 'AD_URL', 'http://www.domaine.tld' ); define( 'AD_IMG', 'images/fichier.png' ); ?>
comme ça en modifiant 'param.php' tu modifies tout.
-
Merci Dalida,
Néanmoins, je voudrais savoir si en CSS tout simplement, on pourrait ajouter quelque chose dans ce code (qui est dans la feuille de style) pour définir un lien vers lequel l'image pointerait ?
.buttonImg {
width: 75px;
height: 46px;
border: medium none;
cursor: pointer;
ICI, ON PEUT METTRE QUOI? url('http://www.XXXXX.com);
background: url('images/XXXXXX.gif') no-repeat left top;
}
Merci d'avance, -
Tout ça car mon hébergeur ne gère pas le PHP alors je cherche une solution en CSS
-
Contributeurah vi…
pour les CSS, ça fonctionne pour l'image et tu n'as que la feuille de style à modifier mais tu ne peux pas modifier la cible du lien…
-
Dommage, mais merci quand même !
WebGirlie -
Contributeuravec un bon éditeur de texte et si le lien est identique sur toutes les pages tu peux faire ta modif en quelques clics.
avec Notepad++ par exemple tu peux faire un Rechercher/Remplacer sur tous les fichiers ouverts puis tout enregistrer d'un coup.
mais si tu essaies n'oublies pas de faire une sauvegarde des fichiers avant.
-
ou bien une solution qui utilise le javascript :
<a id="pub" href="https://www.haven2.com/index.php/domains"> <img id="pub_img" src="img/xxx.png" alt="" /> </a> <script type="text/javascript"> document.getElementById('pub').href = 'http://autrepub.net'; document.getElementById('pub_img').src = 'img/autre_pub.png'; </script>
-
