GreyBox è un framework javascript che permette di inserire nel proprio sito web Pop – up modali dall’aspetto gratificante e d’effetto. Molto facile d’usare, qui di seguito mostriamo un piccolo esempio:

Clicca per lanciare la Pop-up GreyBox

L’installazione

Passo 1

Nel corpo del tag <head> del vostro sito dovrete dichiarare la variabile GB_ROOT_DIR valorizzandalo con l’url dove sono contenuti i files js relativi al frameworl GreyBox.

  1.  
  2. <script type="text/javascript">
  3.     var GB_ROOT_DIR = "http://mydomain.com/greybox/";
  4. </script>
  5.  

Passo 2

Aggiungere i riferimenti agli script e stylesheet di GreyBox

  1.  
  2. <script type="text/javascript" src="greybox/AJS.js"></script>
  3. <script type="text/javascript" src="greybox/AJS_fx.js"></script>
  4. <script type="text/javascript" src="greybox/gb_scripts.js"></script>
  5. <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
  6.  

Il file AJS_fx.js è opzionale, se volete alleggerire il caricamento della pagina web, potete eliminare questo riferimento.

Installare GreyBox su WordPress

GreyBox può essere installato naturalmente anche sul vostro blog wordpress. Per fare ciò, dovrete copiare i file js e css di greybox all’interno della vostra directory wp-content. Per comodità create una sottodirectory con tutti i files di greybox.

Fatto ciò, dovrete andare ad editare del vostro template ed aggiungere le line di codice segnalate nel Passo 1 e Passo 2.

Se avete problemi nell’installazione, non esitate a contattarmi.

Popularity: 6% [?]

  • Share/Bookmark