background preloader

Johanna

Facebook Twitter

Word-spacing. Résumé La propriété CSS word-spacing définit l'espace entre les mots.

word-spacing

Valeur initiale normal S'applique à tous les éléments Héritée oui Pourcentages se rapporte à la largeur du glyphe concerné Média visual Valeur calculée trois valeurs, optimale, minimale et maximale, chacune consitant en une longueur absolue, un pourcentage ou le mot-clé normal Animable oui, comme une longueur Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle Syntaxe word-spacing: normal | <longueur> Valeurs normal L'espacement habituel entre les mots, comme défini par la police actuelle et/ou l'user-agent.

Voir <longueur> pour les unités possibles. Exemples. [Résolu] [css]espacement entre 2 mots. La propriété z-index place les élements sur différents plans. Pour déterminer la superposition des éléments l'un sur l'autre dans une page, CSS dispose de z-index.

La propriété z-index place les élements sur différents plans

Cependant il faut savoir certaines choses avant de l'utiliser. C'est une propriété simple dans son principe. Les applications sont nombreuses: boites que l'on peut faire apparaître de façon dynamique, superposition des onglets, agrandir des images quand on passe la souris... Syntaxe et principe L'attribut z-index prend pour valeur un nombre entier positif ou négatif. Ainsi si une balise <div> a un z-index de 1, une autre sera affichée au-dessus et la cachera si elle a un z-index supérieur, qu'il soit de 2 ou de 10.

Syntaxe: Exemple: Comment bien utiliser les animations en CSS3… Comment bien utiliser les animations en CSS3… Cet article a 3 années.

Comment bien utiliser les animations en CSS3…

Un slider en CSS3 uniquement. Ce slider est uniquement fait en CSS/HTML et sans javascript.

Un slider en CSS3 uniquement

Cela est possible grâce aux animations CSS et à la pseudo-class :target Démo simple Le code HTML Pour permettre le slide entre les images (ou les pages si on veut), on utilise bien la transition en CSS3 mais également la pseudo-class :target pour demander à notre ID de faire le transition <html><head> ... Les "a" sont à l'interieur de chaque "div" afin de permettre de donner un état au "a" quand il est la page courante. CSS3 – Créer un slideshow automatique et contrôlable. Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier.

CSS3 – Créer un slideshow automatique et contrôlable

Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Cependant, le code commenté reste – je l’espère – accessible. Avant propos La page de démonstration du slideshow full CSS3 vous propose des fichiers sources en téléchargement, profitez-en, notamment si vous souhaitez récupérer les images. Les codes CSS fournis ici sont légèrement différents de ceux fournis dans l’archive zippée téléchargeable. Les codes CSS3 présents sur ce tutoriel ne tiennent pas compte des préfixes parfois nécessaires (-webkit-, -moz-, -ms-, -o-) pour une question de gain de place dans le code.

Les défauts des versions précédentes. Home - A to Z CSS. Dewplayer lecteur mp3 en Flash - Alsacréations. Instructions et exemples de code HTML 1 Téléchargez l'archive zip tout-en-un2 Transférez le fichier .swf du lecteur que vous désirez utiliser sur votre site3 Copiez-collez le code HTML sur votre page web, en indiquant la bonne adresse de fichier MP3 à lire.

Dewplayer lecteur mp3 en Flash - Alsacréations

Si vous en avez la possibilité, l'idéal est d'utiliser swfobject pour toutes les animations Flash (exemple fourni).Utilisez des noms de fichier (URL du mp3) sans espace ni caractère accentué. Générateur de code HTML Le plus simple est d'utiliser ce générateur de code XHTML, qui va produire un code à copier-coller selon vos besoins. * dans le cas de la version multi, spécifiez les adresses des différents fichiers séparées par le caractère | (pipe).Exemple : /media/sons/test.mp3|/media/sons/test2.mp3 Mon lecteur ne s'affiche pas Vérifiez le code HTML utilisé, notamment le chemin indiqué vers le fichier .swf et vérifiez que le fichier .swf a bien été envoyé sur votre site (via FTP par exemple).

Mon lecteur ne fonctionne pas Compatibilité MP3. Dewslider diaporama photo en Flash - Alsacréations. Utilisez cette animation Flash pour faire défiler des images ou photos.

Dewslider diaporama photo en Flash - Alsacréations

Dewslider est libre d'utilisation et gratuit même dans un cadre professionnel ou commercial. Démo Utilisation Définissez une liste d'images et laissez Dewslider faire le reste. Il est possible d'indiquer un titre pour chaque photo, d'utiliser des boutons de défilement, la molette de la souris, des liens, des actions, et de préciser le temps d'affichage de chaque image. Son utilisation est très simple car il suffit d'utiliser le code HTML fourni pour une animation flash, en spécifiant les noms de fichiers images à lire (de type JPG), dans le code HTML ou via un fichier XML.