02
DEC

Transformez vos titres HTML en titres design avec jQuery sIFR Plugin !

Publié le 02/12/08 à 12h08 par DJo

Vous voulez changer la police de vos titres HTML pour rendre votre site plus design, mais cette police n'est pas native dans les OS, donc vos visiteurs ne la voient pas !

Qui n'a pas déjà eu ce problème ?

jQuery sIFR Plugin est la solution !

Le script ajoute une fonction jQuery permettant de changer à la volée du texte en utilisant du Flash.

Voilà concrétement comment il fonctionne:

jQuery sIFR Plugin

Vous pourrez choisir parmi de très nombreuses options pour rendre vos titres ou texte design:

  • font
  • width
  • height
  • color
  • link
  • underline
  • textTransform
  • textAlign
  • hover
  • Etc ...

 

Démonstration

Télcharger le script

Site officiel

 

Baraguiné par le 27/03/09 à 08h57
GENIAL : ça c'est une info qui tombe pile poil !
Je vais tester de ce pas :)
Merci !
Baraguiné par dircom13 le 28/12/09 à 17h43
dircom13 sur La Ferme du Web
En bon paysan français ne magnant pas la langue de Shakespeare je cherche désespérément quelques mots d'explication en français ou un exemple en ligne à décortiquer pour mise en oeuvre.

Merci d'avance
Baraguiné par Yvanoph le 05/07/11 à 22h33
Yvanoph via Twitter
Bonjour, Bonsoir,
pour ceux qui ne savent pas manier couramment les JQuerry, le Code de ce Bouton de Démo inclus dans cette Page, Code pourtant facilement accessible...







La Ferme du Web


Mais il est vrai que plutôt que donner simplement un exemple, ce Site aurait pu être un peu plus explicatif ?

Cordialement, Yvanoph---
Baraguiné par Yvanoph le 05/07/11 à 22h39
Yvanoph via Twitter
Le Code ayant "disparu", je tente de re publier ?
p>
script src="/js/demo/javascript/jquery.min.js" type="text/javascript" charset="utf-8"> /script>
script src="/js/demo/javascript/jquery.flash.min.js" type="text/javascript" charset="utf-8"> /script>
script src="/js/demo/javascript/jquery.sifr.min.js" type="text/javascript" charset="utf-8"> /script>
!--
$.sifr({ path: '/js/demo/fonts/', color: '#5B2B2B' });
// --> /script>
/p>
div id="gunmetal" style="font: 4em 'Arial'; ">La Ferme du Web /div>
p> input value="Transformer !" onclick="$('#gunmetal').sifr({font: 'Gunmetal' }); " type="button" /> input value="Annuler l'effet" onclick="$('#gunmetal').sifr(false); " type="button" /> /p>
en ayrant replacé tous les "plus petit que" par un espace...

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web