• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Creare Widget 'Che tempo che fa'

Plugin

Utente bannato
Autore del topic
28 Novembre 2011
234
0
Miglior risposta
0
I widget del CMS di vBulletin (e in genere) sono piccoli elementi grafici inseribili nello spazio spazio libero del portale. Creare widget può diventare un lavoro a tempo pieno, considerato che l'inserimento delle informazioni in uno spazio ristretto e combinare tutto allo scopo di rendere vBulletin più funzionale e utile per i visitatori non è semplicissimo. Dall'altra parte, il frontespizio di un sito è la porta di ingresso, e se resta sempre uguale, non attira più la curiosità innata do ognuno di noi.


Perfavore, Entra oppure Registrati per vedere i Link!



Questo articolo mostra come creare un widget che dimostra "Che tempo fa", sempre sincronizzato con un database presente sul sito offerente (host). Prima di tutto dobbiamo recarci su uno dei siti che offrono il codice pubblicamente accessibile e possibilmente gratuito. Uno di questi siti è
Perfavore, Entra oppure Registrati per vedere i Link!
, che alla pagina indicata mostra come ottenere il codice per il widget che si trova su questo portale.


Perfavore, Entra oppure Registrati per vedere i Link!



Sulla pagina sono presenti diversi collegamenti, fra i quali scegliamo la località desiderata, per noi: Bologna città. Si possono scegliere perfino piccoli comuni, che rende questo sito piuttosto unico.


attachment.php



Una volta che abbiamo scelto la località, passiamo allo stile (layout) del widget. A secondo la destinazione finale ci sono disponibili diversi formati, che essenzialmente si dividono per visualizzazione orizzontale e verticale. Nei portali, lo spazio è diviso per colonne ed è più probabile che si scelga il formato verticale. Altezza e larghezza quindi dipendono dal numero di dati e dal formato scelto in questo riquadro:


attachment.php




Nel riquadro accanto è possibile scegliere i contenuti e il formato dei dati visualizzati ed eventuali informazioni aggiuntive:



attachment.php



Infine bisogna dare a tutto l'aspetto che combacia bene con lo stile grafico del nostro sito, in modo che non contrasti troppo:


attachment.php



Nell'ultimo riquadro si genera il codice da inserire nel nostro widget:



Perfavore, Entra oppure Registrati per vedere i Link!



Ora andiamo nell'ACP per creare il widget:


attachment.php



Nella maschera che elenca i widget già disponibili, andiamo in basso e clicchiamo sul pulsante Crea nuovo widget:

attachment.php


Nella maschera che si apre inseriamo il titolo (così come appare agli utenti) e una descrizione che servirà a noi a ritrovare il sito per eventuali modifiche e altre informazioni:



Perfavore, Entra oppure Registrati per vedere i Link!



Dopo il salvataggio appare in lista a tutti gli altri widget:


Perfavore, Entra oppure Registrati per vedere i Link!



Clicchiamo sul collegamento "Modifica" alla destra. Si apre una finestra che ci permette di incollare il codice. Per migliorare l'aspetto grafico, mettiamo il codice fra i due tag div con align="center":


attachment.php


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Salviamo ed utilizziamo ^^