Forums Développement Multimédia

Aller au contenu

En réponse à icon sur une image


Options du message

  • Anti-spam : un petit exercice
  ou Annuler


Résumé du sujet

Monsieur Spi

Posté 02 December 2015 - 11:44 AM

Bonjour,

Sans voir votre code difficile de vous en dire plus, il faudrait un lien vers votre page pour bien faire.

smit

Posté 02 December 2015 - 07:48 AM

Bonjour Monsieur Spi!

Merci pour votre code!
Toute fois c'est incompréhensible mais il ne fonctionne pas dans mon cas! je viens d'y passer encore une heure, je vois le css qui apparaît dans firebug mais qui ne s'affiche pas.

Auriez vous une idée pour moi??

Merci encore!!!

Monsieur Spi

Posté 01 December 2015 - 21:06 PM

Re,

J'ai fais un test avec du full CSS et la pseudo classe ":before", ça fonctionne et c'est encore ce qu'il y a de plus simple. On peut facilement ajouter une image devant une balise choisie et lui passer des paramètres, tu as un rapide exemple ci-dessous.

A toi de trouver la balise qu'il faut pour chaque vidéo affichée.
Puis il faudra trouver un moyen masquer l'image et de lancer la vidéo au clic, là tu aura sans doute besoin de Javascript.

Monsieur Spi

Posté 01 December 2015 - 16:32 PM

Citation

Ne peut on pas avec du css seulement ajouter un icon à l'image??

Dans ton cas il faut que tu ajoute un élément HTML pour afficher ton icone puis le positionner en CSS par dessus la vidéo.

En réfléchissant deux secondes je vois trois solutions :

1 - Modifier directement le code PHP (qui génère le code HTML) du widget et lui ajouter un élément (ton icone)
Lire : https://openclassroo...eer-des-widgets

2 - Ajouter ton élément (icone) en se servant de Javascript, une fois la page chargée
Lire : https://developer.mo...t/createElement

3 - Utili...

smit

Posté 01 December 2015 - 16:02 PM

Merci pour votre reponse!

Mon widget permet simplement de m'afficher dans la sidebar une video provenant d'un flux. elle s'affiche très bien et fonctionne parfaitement.
mon probleme viens du faite que je veux inserer un icon au centre pour indiquer que c'est bien une video en ne touchant qu'au css car je n'ai pas réussi a trouver ou été défini le code html (je me demande si il est pas généré automatiquement)

le code html source est le suivant:



<aside class="widget widget_youtube_wpress_widget">
<span class=Bonjour,

Citation

J’espère que j'ai été claire et que vous avez compris mon probleme!
Pas tout à fait en fait....

Citation

je travail sur wordpress
Ok

Citation

j'ai un widget qui me permet d insérer des video
Où et pourquoi un widget ?
Ce qui n'est pas clair ici c'est que pour insérer une vidéo dans un article on a normalement pas besoin d'un widget.
Qui dit widget dit barre latérale ou adaptation perso, du coup il faudrait nous en dire plus sur son utilité et son fonctionnement.

Citation

Quand la video aparait, j aimerais pour faire la difference avec les article simple
Elle doit apparaît...

smit

Posté 01 December 2015 - 14:10 PM

Bonjour,

je travail sur wordpress et j'ai un widget qui me permet d insérer des video.
Quand la video aparait, j aimerais pour faire la difference avec les article simple mettre sur l'image de la video un petit icon de video qui permet de montrer que c'est une video.

Je suis dessus depuis ce matin et n'arrive pas a le faire.

Est ce que quelqu'un aurez une piste pour moi??

J’espère que j'ai été claire et que vous avez compris mon probleme!

Merci beaucoup!!

Voir le sujet complet (ouvre une nouvelle fenêtre)