Personalizzare LIGHTBOX e WP-SLIMBOX2

personalizza lightbox e wp-slimbox2Personalizza i bottoni closelabel, prevlabel, nextlabel e loading in LIGHTBOX e WP-SLIMBOX.
Su GVLAB è disponibile da oggi il DOWNLOAD di uno ZIP contenente 8 DIVERSE PERSONALIZZAZIONI dei BOTTONI in italiano.

 

 

Sostituite le immagini di default con quelle presenti nello ZIP.

personalizza lightbox e wp-slimbox2
Le cartelle dello ZIP.

 

Potete farlo in LIGHTBOX all’ interno della cartella IMAGES.
Nel foglio di stile ( css/lightbox.css ) trovate invece tutti i parametri per personalizzare i colori della FOTOGALLERY, compreso l’ OVERLAY per modificare lo sfondo nel colore e nel livello di trasparenza.

 

Se invece siete su WORDPRESS e utilizzate il plugin wp_slimbox2, trasferite le quattro immagini sostituendole via FTP a quelle esistenti nella cartella wp-content/plugins/wp-slimbox2/images/default.
Per modificare lo sfondo della FOTOGALLERY andate in pannello di controllo/impostazioni/WP-Slimbox2. Da qui potete anche tradurre in italiano la scritta con il numero delle foto nel campo Counter Text.
Nel CSS all’ interno di wp-content/plugins/wp-slimbox2 trovate il file slimbox2.css nel quale modificare gli altri parametri.

 

Da qui potete SCARICARE l’ ultima versione di WP-SLIMBOX2 »
Andate qui se invece volete SCARICARE l’ ulitma versione di LIGHTBOX »

 

Scarica lo zip contenente le 8 PERSONALIZZAZIONI in formato GIF per i bottoni closelabel, prevlabel, nextlabel e loading in italiano.

download Download

Articoli correlati



5 Commenti

  1. Ciao,
    è possibile spostare i bottoni di navigazione di slimbox
    nella cornice ai piedi della foto?

    grazie
    antonio

  2. Ciao Antonio intendi i bottoni next e prev per far scorrere le foto?
    Puoi spostarli più in basso in questo modo:
    Vai dentro la cartella del plugin e aggiungi al css slimbox2.css top: “la misura che vuoi”px;
    Ti allego qui sotto il blocco di codice con il top in +:
    #lbPrevLink {
    background:none no-repeat scroll 0 15% transparent;
    left:0;
    top:20px;
    }

    Stessa cosa per #lbNextLink, uno è il bottone di destra e uno quello di sinistra.
    Mentre per spostarli proprio dentro la cornice ai piedi della foto devi modificare il codice spostando i div e poi riadattare il css.

    Ciao
    Guido

  3. Grazie Guido,
    intendevo proprio i bottoni per far scorrere le foto.. vorrei proprio riuscire a metterli dentro la cornice ai piedi della foto!

    Ho provato a modificare il file slimbox2.js nello specifico
    queste due righe di codice:

    – codice rimosso –

    funziona poi però poi in alcune gallerie visualizza le foto con proporzioni sbagliate.

    il mio obiettivo finale in realtà è ancora più ambizioso :)

    vorrei sostituire le immagini.gif (next, prev, close) con semplici parole di testo, per formare un piccolo menù navigazione posizionato centralmente nella cornice ai piedi della foto.

    secondo te è possibile??

    grazie in anticipo per il tuo aiuto!

    antonio

  4. Ciao
    ho dovuto rimuovere il codice perchè faceva casino..
    il tuo obiettivo mi sembra intreressante!
    Secondo me è possibile…
    Ci proverò! Teniamoci aggiornati e se puoi prova a ripostarmi il codice precedente in qualche altro modo..
    Grazie
    Ciao
    :mrgreen:

  5. niente da fare :(
    fa sempre casino..ho provato a copiare il codice da un’altro editor di testo..
    ma non va

Lascia un commento

Uses wordpress plugins developed by www.wpdevelop.com Top