Tempo fa ho parlato di Sociable, utilissimo plugin per diffondere i propri articoli.
Una delle caratteristiche di Sociable è la possibilità di modificare le icone predefinite. Basta infatti caricare sul proprio spazio web una cartella contenente le icone personalizzate e specificarne poi l’URL nella pagina delle impostazioni. Tutto quà! Le nuove icone verranno utilizzate al posto di quelle standard (basta fare una semplice ricerca su Google per trovare molti set di icone già pronti all’uso..).
Modificare invece la dimensione è leggermente più complicato, ma non impossibile, basta infatti creare un foglio di stile CSS nella stessa cartella delle icone che avete scelto di utilizzare al posto delle standard, chiamandolo ad esempio sociable-style.css . Il codice da inserire all’interno del file è il seguente:
.sociable img { width: 48px !important; height: 48px !important; margin-top: 10px !important; margin-bottom: 10px !important; }
Naturalmente i valori sono modificabili a proprio piacimento, sia per quanto riguarda le dimensioni sia per la spaziatura sopra e sotto le immagini.
Ultimo passo da fare è l’inserimento di una riga nell’Header del vostro tema, nella sezione HEAD:
<link rel="stylesheet" href="http://www.pilloleinformatiche.it/icone/sociable/sociable-style.css" type="text/css" />
Naturalmente se per il foglio di stile creato in precedenza avete scelto un nome diverso, dovrete adattare questa riga affinchè possa richiamarlo correttamente, lo stesso vale per il percorso delle icone!
Tutto quì! Facile no?
Loading ...
