RSS
 

Posts Tagged ‘immagini’

Icone e piccole immagini per le proprie applicazioni web

07 Aug

Solitamente quando mi metto a fare un programmino con php mi ritrovo sempre in quel punto dove ho bisogno di trovare delle immagini particolare. Vuoi quella per cancellare un recordo, per modificarlo… Icone che rendano più colorata l’applicazione. A forza di cercare pochi minuti fa ho trovato un sito bellissimo. Il sito si chiama http://icons-search.com/. Si presenta come un motore di ricerca. Cercate “save”, per esempio, e trovere dei floppy disk: immagini in formato .png di diverse misure. Peccato non ci sia l’svg =(.

Non è troppo fornito ma c’è quello che serve. Peccato sia solo in lingua inglese =(.

E poi di siti interessanti dello stesso genere ce ne sono diversi, questi sono quelli che mi sono capitati per le mani:

  • http://www.vistaicons.com
  • http://www.iconarchive.com

Poi vabbè, c’è sempre il nostro amatissimo google.

Condividi questo post sui tuoi social network preferiti:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Twitter
  • Wikio IT
  • Live
  • RSS
  • StumbleUpon
  • Technorati
 
View Comments

Posted in tutto

 

Lightbox 2

19 Jun

Credo sia uno dei migliori script per rendere una propria pagina web degna del web 2.0. Con questa libreria, infatti, potete ricreare dei veri e propri popup che nulla hanno a che invidiare a delle applicazioni flash. Sapete il bello qual’è? Funziona con javascript ed ha una compatibilità enorme con tutti i browser. Io personalmente non l’ho visto mai fallire.

Il codice sorgente (assolutamente gratuito quanto assolutamente valido) lo trovate a questo indirizzo:

http://www.lokeshdhakar.com/projects/lightbox2/

Come si usa?

Prima di tutto si scarica il codice. Il tutto comprende anche una cartella con dei css e delle immagini.  Quindi si includono le librerie javascript ed i fogli di stile.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Ora, quando abbiamo un’immagine (diciamo image #1) se vogliamo che al click compaia un popup dovremo scrivere:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Automaticamente lightbox creerà il codice necessario per avere il popup, ma se volete un esempio concreto andate direttamente sulla pagina di lightbox a vedere un esempio all’opera.
http://www.lokeshdhakar.com/projects/lightbox2/#example

Condividi questo post sui tuoi social network preferiti:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Twitter
  • Wikio IT
  • Live
  • RSS
  • StumbleUpon
  • Technorati
 
View Comments

Posted in tutto