Magazine High tech

Ajouter une bordure transparente à la manière de Aero de Windows Vista à un bloc de votre page

Publié le 20 mars 2008 par Dave Lizotte
GlassBox est une librairie Javascript utilisant Prototype et Script.aculo.us pour les effets. Avec GlassBox, il vous sera possible de générer une impressionnante bordure transparente à la manière de Aero de Windows Vista autour d'un bloc dans votre page HTML.
  GlassBox

Comment utiliser GlassBox

  • Télécharger et décompresser GlassBox
  • Inclure le script entre vos balises <head> de votre page.
<script src="http://www.pckult.net/glassbox/glassbox.js" type="text/javascript"></script>
  • Créer un bloc (div) dans votre page qui contiendra votre contenu.
<div id="MonContenuGlassBox">
  <!-- Contenu -->
</div>
  • Insérer ensuite le code suivant afin d'appliquer le style GlassBox à votre bloc. Ajuster les paramètres en fonction de vos besoins.
<script type="text/javascript">
   var myGlassBox = new GlassBox();
   myGlassBox.init( 'MonContenuGlassBox', '400px', '300px', 'auto' );
   myGlassBox.apos( '290px', '35px' );
</script>

Retour à La Une de Logo Paperblog

A propos de l’auteur


Dave Lizotte 57 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte