Skipstorm

La soluzione che vi propongo oggi riguarda la creazione di una mappa immagine dove le aree vengono evidenziate al passaggio del mouse, qualcosa di simile all’immagine qua sotto.

Per farlo senza ricorrere ad html5 esistono principalmente due modi:

1. Utilizzare un’overlay con un div e css. Elegante ma limitato alle forme rettangolari.
2. Sostituire l’immagine. Un po macchinoso soprattutto quando ci sono molte aree cliccabili.

Prosegui la lettura…

Mi era stato chiesto se fosse possibile dare una dimensione in percentuale ad un’immagine di sfondo in modo da far adattare l’immagine alla finestra. Al momento non è possibile fare una cosa del genere con i css e per questo ho creato questo piccolo script javascript che risolve il problema.

Lo script è disponibile in due versioni, nella prima l’immagine viene deformata per adattarsi alla finestra:

Nella seconda l’immagine occupa lo spazio disponibile senza deformarsi e in caso facendo apparire le barre di scorrimento del browser:

Prosegui la lettura…

Non trovando un plugin per wordpress che si adattasse alle mie necessità ho creato questo plugin che visualizza un widget con gli ultimi articoli di un forum phpbb3.

Per farlo funzionare bisogna caricare un file nella home del vostro forum dove come unica configurazione dovete scrivere l’indirizzo del forum che viene utilizzato per la creazione dei link.

Il widget supporta istanze multiple quindi potete inserirne diverse versioni per varie sezioni del forum o per vari forum e potete impostare le sezioni dalle quali prendere i post e quanti link visualizzare direttamente dalle impostazioni del widget nel pannello di wordpress.

Se vi serve supporto per l’utilizzo del plugin o se volete utilizzarlo per un forum diverso da phpbb3 potete fare richiesta nella relativa pagina del forum.