Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.3.2 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

Pages: 1 2

 

#1 07-02-2012 13:12:51

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Fond d'image gif animé

Bonjour,

- Version WordPress : WP 3.3.1-fr_FR
- Thème utilisé : Neonglow
- Nom de l'hebergeur : OVH


Problème(s) rencontré(s) : affichage d'un gif sur fond transparent

Bonjour,

J'ai choisi un gif animé sur fond transparent en guise de signature de mes posts. Il est effectivement sur fond transparent quand je l'ouvre par exemple avec Gimp.

Que je l'insère dans mes posts en tant qu'image en fin de texte ou directement dans le fichier php du thème le gif aparait sur un fond blanc ... ?

J'ai essayé avec un autre gif, idem.

Je ne comprends pas. Je cherche depuis 24 heures ... Il y a un truc qui m'échappe.

Merci d'avance, Ox

Hors ligne

 

#2 07-02-2012 16:42:38

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

bonjour,
il faudrait un exemple.
merci

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#3 07-02-2012 17:07:00

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Bonsoir,
Merci de répondre si vite. Ci-après un exemple de gif animé : http://kellly.free.fr/coquines/coquine104.gif. Quand je l'ouvre sur mon PC l'image est bien détourée mais dès que je l'insère dans WP elle s'afficha avec un fond blanc
Ox

Hors ligne

 

#4 07-02-2012 19:30:13

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

il manque peut être dans votre style.css, transparent,il faut voir avec firebug extension de firefox.

Dernière modification par noaneo (07-02-2012 19:30:40)

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#5 08-02-2012 08:01:15

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Bonjour ...
Je ne comprends toujours pas ...
J'ai trouvé une solution de contournement : appliquer à chaque calque de l'animation une couleur de fond identique à celle de mon fond sous wp.
Ca marche mais intellectuellement je reste frustré ...
Je ne ferme pas le topic au cas où une explication germe chez l'un de nous ...
Merci et bonne journée

Hors ligne

 

#6 08-02-2012 09:16:29

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

sans lien on ne pourra t'aider, mais l'explication de noaneo semble la plus cohérente.

Dernière modification par Guy (08-02-2012 09:16:44)

Hors ligne

 

#7 08-02-2012 10:53:54

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

dans votre fichier style.css,(voir avec firebug,extension de firefox) la partie qui concerne vos images,il doit manquer la motion "transparent"

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#8 09-02-2012 11:52:13

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Bonjour noaneo et Guy
Merci. Je ne suis pas certain de bien comprendre. La CSS, s'agissant des images, se présente ainsi :

Code: html

img{
padding: 0px;
background: #eee;
}

img.alignleft{
float: left;
margin: 10px 10px 10px 0;
}

img.alignright{
float: right;
margin: 10px 0 10px 10px;
}

img.aligncenter{
   display: block;
   margin: 10px auto;
}

Je ne sais pas très bien ce qu'il faudrait que je modifie je veux dire la syntaxe à associer à "transparent"

Je ne mets pas de lien vers mon blog car il est "privé". Merci de votre compréhension.
Ox

Hors ligne

 

#9 09-02-2012 12:02:53

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

Sans lien..... moi je ne me sens pas de partir dans une divination de sources, classes et ID. Tu peux te servir de firebug pour Firefox afin de trouver ce qui cloche.

Merci de ta compréhension.

Hors ligne

 

#10 10-02-2012 06:31:22

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Je comprends bien. Si quelqu'un veut quand même jeter un coup d'oeil à mon pb il suffit de télécharger le thème que j'emploie : Neonglow, et de faire un essai de publication avec un gif animé sur fond transparent dans un post. Rien que et tout mon problème réside là.
Merci d'avance
Ox

Hors ligne

 

#11 10-02-2012 11:44:36

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

donc pour vous aider,il faut installer votre thème sur un site,
http://wordpress.org/extend/themes/neonglow
un thème que je ne prendrais pas car 2008,même si on peut l'adapter pour recevoir les dernières fonctions de WordPress,je le trouve trop vieux,pour moi 2010 est le plus vieux possible pour l'instant.
trouver une image animée sur fond transparent,c'est sûr que c'est plus simple à faire tout ça que de donner l'adresse de votre site.

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#12 11-02-2012 07:18:23

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Ok, je vais tâcher de me débrouiller seul.

Je ne souhaite pas diffuser l'adresse de mon blog qui, par ailleurs, est protégé par htaccess.

Merci quand même et bon week-end

Ox

Hors ligne

 

#13 11-02-2012 09:14:24

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

noaneo t'a déjà donné une piste; il te faut également vérifier ton gif. J'ai déjà inséré pas mal de gifs animés avec fond transparents sans aucun problèmes et je suis étonné que tu rencontres de telles difficultés.

Si tu ne veux pas donner l'adresse du site, tu pouvais ouvrir un clone sur un hébergement gratuit nous permettant de te donner un avis ou t'orienter dans une direction que tu aurais eu beaucoup plus rapidement.

Hors ligne

 

#14 11-02-2012 12:57:27

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Bonjour Guy,

Pour mes gif je suis sûr de moi car quand je les ouvre avec The Gimp les calques sont bien sur fonds transparents et si je les "lance" avec l'explorateur windows ils s'affichent bien sans fond.

Mais je crois que noaneo (j'aime bien son pseudo car Nantes en Breton c'est Noaned, lol) a raison, le thème est vieux et il est probable qu'il y ait des conflits.

Cela étant j'ai trouvé de quoi contourner le pb et je sais depuis peu survivre avec l'idée que je ne comprends pas tout ...

Je vais continuer avec ma bidouille en attendant de changer de thème (et je retiens le conseil de ne pas prendre un truc trop "has been")

Merci encore
Ox

Dernière modification par oxford (11-02-2012 12:58:23)

Hors ligne

 

#15 11-02-2012 13:05:31

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

ba, je pense qu'il t'avait donné tout ce qu'il fallait, mettre un fond transparent sur les images, tu nous donnes ensuite le contenu de ta balise img, on voit qu'elle a un fond ayant une valeur #eee, ce qui est presque blanc.

sans pouvoir le tester, j'aurai simplement remplacé ce #eee par transparent. Après il faut voir ce que cela donne, et il est toujours difficile de donner un conseil quand on ne sait pas exactement quelle en sera la conséquence.

Code: html

img{
padding: 0px;
background: transparent;
}

Dernière modification par Guy (11-02-2012 13:06:01)

Hors ligne

 

#16 11-02-2012 13:52:43

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

Merci de l'info oxford,ayant du sang breton je ne savais pas de Nantes en breton c'était Noaned big_smile big_smile

style.css vers ligne 75

Code: html

img{
padding: 3px;
background: transparent #eee;
}

rajouter transparent  à background :

Dernière modification par noaneo (11-02-2012 13:54:29)

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#17 12-02-2012 11:29:34

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Bingo !

Merci à tous les deux : il suffisait de remplacer #eee par transparent dans la CSS. Voilà, j'ai encore appris un truc grâce à vous !

@ noaneo : Nantes c'est Naoned pas Noaned, j'ai dyslexiqué un chouia mais il n'empêche que ton pseudo est presque un anagramme de Nantes en Breton !

Bon dimanche à tous les deux et encore merci. Je vais clore le topic et indiquer [resolu]

Dernière modification par oxford (12-02-2012 11:30:21)

Hors ligne

 

#18 12-02-2012 11:35:29

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

pas le remplacer mais rajouter comme j'ai mis
background: transparent #eee;

Naoned   d'accord,pas de souci.

Dernière modification par noaneo (12-02-2012 11:35:40)

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#19 12-02-2012 11:48:22

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

Ah bon, on peut mettre les deux couleurs? à quoi cela sert il?

Hors ligne

 

#20 12-02-2012 12:00:37

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

Non : j'ai fait comme tu disais toi "transparent", pas "transparent #eee"

Hors ligne

 

#21 12-02-2012 12:03:13

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

oui, je savais qu'ainsi cela marchait, mais il y a peut être une utilité de mettre les deux, je ne sais pas. il va falloir attendre la réponse du "presque" nantais smile

Hors ligne

 

#22 12-02-2012 12:13:36

oxford
Connaisseur WP
Date d'inscription: 05-11-2009
Messages: 15

Re: Fond d'image gif animé

yes ange

Hors ligne

 

#23 12-02-2012 18:29:19

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

je ne suis pas un expert ,les 2 manières fonctionnes
background: transparent #eee;
et
background: transparent;

je disais juste que je n'ai pas dit de supprimer mais rajouter.

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

#24 12-02-2012 18:33:04

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: Fond d'image gif animé

je ne suis pas un expert css non plus, je pense que lorsqu"il y a deux couleurs, la seconde est ignorée, mais cela demandera confirmation.

Hors ligne

 

#25 12-02-2012 18:43:10

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 7061
Site web

Re: Fond d'image gif animé

oui et ? donc il est préférable de mettre background: transparent;
soit si vous le dites .

juste pourquoi quand on regarde avec firebug,des sites parfois ,je vois

Code: html

background: url("images/bluebg.png") repeat scroll 0 0 transparent;

Dernière modification par noaneo (12-02-2012 18:44:48)

rvzen   noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.

Hors ligne

 

 

Pages: 1 2

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.098 seconds, 32 queries executed ]