28172 sujets

CSS et mise en forme, CSS3

Changer une image <html> grace au .css ?

Bonjour,

Je dois modifier une page standard pour un événement précis.
La contrainte est que je ne peux pas modifier le fichier .html
Hors il se trouve que souhaite changer la couleur de mon logo qui se trouve dans mon fichier html....

Puis-je le modifier ?
Via le CSS ? ou autres...

Help !
Thank's
Faudrait voir le code HTML en question, mais en bidouillant, c'est toujours possible de faire certaines choses oui (mais qu'on soit bien d'accord, ça sera de la bidouille).
Si vous n'avez pas d'autres moyens que la bidouille, allons-y pour la bidouille !

Voici le site en question : http://www.youphil.com
Et l'image en question est celle du logo Youphil 

<div id="logo">
<a rel="home" title="Accueil" href="/fr?ypcli=ano">
<img id="logo-image" alt="Accueil" src="/sites/all/themes/youphilT/images/logo-fr.jpg">
</a>
</div>

Modifié par Ehyo (16 Nov 2011 - 16:34)
Ehyo a écrit :
Si vous n'avez pas d'autres moyens que la bidouille, allons-y pour la bidouille !

Voici le site en question : http://www.youphil.com
Et l'image est celle du logo Youphil 

&lt;div id=&quot;logo&quot;&gt;
&lt;a rel=&quot;home&quot; title=&quot;Accueil&quot; href=&quot;/fr?ypcli=ano&quot;&gt;
&lt;img id=&quot;logo-image&quot; alt=&quot;Accueil&quot; src=&quot;/sites/all/themes/youphilT/images/logo-fr.jpg&quot;&gt;
&lt;/a&gt;
&lt;/div&gt;
Après, tu dis "ou autres" ... là en JS c'est enfantin

jquery

$('#logo-image').attr('src','url_nouvelle_image');


JS

document.getElementById('logo-image').src = 'url_nouvelle_image';


CSS (bidouille, approximativement)

#logo-image { display:none; }
#logo a {
  display:block;
  width:XXpx;
  height:YYpx;
  background:url(url_nouvelle_image) no-repeat 0 0;
}


A adapter/tester, mais ça doit pas être loin
Ok,

Alors je ne connais pas du tout JQuery, ni Javascript, mais Merci !
Je vais apprendre, et je reviens une fois la commande testée : )

Merci pour la rapidité ; )

(...Une solution existe ! )
Sujet clos
Aller à