Forums Développement Multimédia

Aller au contenu

Embed & image dans un bouton >> Html5

Astuce avec le composant text CMS Silex

3 réponses à ce sujet

#1 stuff

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 87 messages

Posté 20 April 2012 - 09:29 AM

Bonjour Silexien, je pense que c'est deux "choses" vont vous intéresser.


1er "Chose":
J'ai découvert que l'on peut embeder plein de trucs sur un site Silex en mode html (rien quand mode html, c'est totalement invisible en flash). J'avais beau essayer d'en-capsuler un objet tel qu'une vidéo viméo , de la musique, etc.. avec le composant frame mais aucun résultat en html.

Donc pour en-capsuler toutes sortes de choses (avec un code embed compatible html5) sur un site Silex Html il suffit :
• d'ajouter un composant texte sur votre site, de cliquer sur "éditer" et de cliquer ensuite sur "html" (en haut à droite près de "texte") [c'est très important]
• Ensuite vous copier-coller le code embed et normalement rien ne se passe ... Comme je vous l'ai dit ce n'est pas visible en flash donc cliquez sur l'icône HTML5 sur la barre de menu Silex (en bas à droite / il faut que le plugin Html5 soit activé). Voila, là ça devrai marcher.
Un petit problème à ce sujet c'est que c'est visible qu'en html, mais c'est visible en html sur iphone, ipad, Firefox, Safari, Chrome (je n'ai pas pu tout tester)
> résultat : http://allersimple.o....valise/concert


2eme "Chose"
Pour faire un bouton HTML à 3 états avec 3 images (un peut plus interactif qu'un label button avec du texte / Interessant pour utiliser des "typos en image" sur un menu) il vous faut 3 images des états de votre bouton et de les placer ensuite dans le dossier "média" de votre Silex_serveur.
Sur Silex ajouter un label_button et éditez les 3 états du bouton (normal/sélectionner/cliquer) avec le code suivant :

<IMG SRC="media/nom_de_votre_image01.jpg">
<IMG SRC="media/nom_de_votre_image02.jpg">
<IMG SRC="media/nom_de_votre_image03.jpg">

Ceci est visible qu'en HTML, pour que se soit visible en flash il faut ajouter du texte avant ou après ce code (suivant la dimention de l'image).
> résultat : http://filmenforme.com/

#2 koala_silex

    Ceinture Orange

  • Silex Lab
  • PipPipPip
  • 35 messages

Posté 20 April 2012 - 10:10 AM

Hello Stuff !

Merci bcp pour ces trucs & astuces. Tu vas bientôt devenir ceinture noire :)

#3 Pol - Silex

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 178 messages

Posté 20 April 2012 - 10:12 AM

Léo,

as always !!! Tu nous ravis avec tes "expériences" !

Félicitations et merci de faire avancer le schmilblic avec Silex.

Bonne journée
Pol

#4 codam

    Ceinture Orange

  • Silex Lab
  • PipPipPip
  • 33 messages

Posté 24 April 2012 - 12:30 PM

Yes merci Léo pour le fait de repousser les limites de Silex et de le partager avec la communauté !



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP