TUTORIAL

MODIFICARE IL CODICE DEL WIDGET PER PERSONALIZZARE IMMAGINI, TESTI E INDIRIZZI URL WEB

NELLA SEZIONE WIDGET ABBIAMO INDICATO COME MODIFICABILI LE PARTI IN ROSSO DEL CODICE HTML . QUESTE PARTI  SI RIFERISCONO ALLA PERSONALIZZAZIONE DEI WIDGET PER QUANTO RIGUARDA INDIRIZZI URL WEB A CUI PUNTANO PULSANTI, TESTI E IMMAGINI CHE VENGONO RICHIAMATE E VISUALIZZATE.


MODIFICARE  IL TESTO


PER QUANTO RIGUARDA I TESTI BASTERA' CANCELLARE I TESTI ESISTENTI E INSERIRE I PROPRI FACENDO MOLTA ATTENZIONE A CANCELLARE SOLTANTO IL TESTO E NON GLI ALTRI CARATTERI QUALI APICETTI " O >< ECC.. CHE RIGUARDANO IL FUNZIONAMENTO DEL CODICE.


SE DOPO AVER SOSTITUITO UN TESTO IL WIDGET NON COMPARE CORRETTAMENTE SIGNIFICA CHE ABBIAMO INVOLONTARIAMENTE CANCELLATO UN CARATTERE DI CODIFICA HTML E CI CONVIENE COPIARLO E INCOLLARLO DI NUOVO E RIFARE CON ATTENZIONE LE MODIFICHE AL TESTO.




INDIVIDUARE E MODIFICARE L'URL DI UNA IMMAGINE CARICATA.

1. IN MODALITA' AMMINISTRATORE CLICCARE "TEMPLATE" DALLA TENDINA DX DI JIMDO. 

3. SI APRIRA' LA SEZIONE "PROPRIO TEMPLATE". QUESTA SEZIONE HA TRE SOTTOSEZIONI: HTML CHE CONTIENE IL CODICE HTML DEL LAYOUT, CSS CHE CONTIENE IL CODICE CSS DEL LAYOUT E DATI. IN DATI SONO CARICATI TUTTI I FILES IMMAGINI CHE VANNO RICHIAMATI NEL CODICE HTML O CSS E TUTTI I FILES JAVA UTILI ALLA PROGRAMMAZIONE DELLE FUNZIONI.

E' IN QUESTA SEZIONE CHE, ATTRAVERSO IL PULSANTE IN BASSO POSSIAMO FARE IL CARICAMENTO DELLA NOSTRA IMMAGINE (MAX 500 KB). CARICHIAMO E SALVIAMO.

5. COPIATE L'INDIRIZZO URL DELLA IMMAGINE E COPIATELO NEL VOSTRO CODICE HTML. L'INIRIZZO URL DELLE VOSTRE IMMAGINI E' SEMPRE COMPOSTO DI UNA PARTE FISSA SEMPRE UGUALE PER OGNI IMMAGINE E DEL NOME.ESTENSIONE DEL FILE IMMAGINE SCELTO.

2. DALLA BARRA CHE SI APRE IN TESTA ALLA PAGINA SCEGLIERE "PROPRIO TEMPLATE".

4. DOPO AVER CARICATO L'IMMAGINE POSIZIONATEVI SUL SUO NOME NELL'ELENCO FILES, CLICCATE IL TASTO DX DEL MOUSE E, DALLA TENDINA CHE SI APRE, SELEZIONATE "APRI LINK IN ALTRA SCHEDA". SI APRIRA' UNA SCHEDA CON L'IMMAGINE SELEZIONATA.

PER QUESTO SITO WEB L'INDIRIZZO URL FISSO PER TUTTE LE IMMAGINI E':


http://u.jimdo.com/www400/o/sac917e869d215dcb/userlayout/img/


A CUI SEGUE SEMPRE IL NOME DEL FILES IMMAGINE CHE CI INTERESSA. SE AD ESEMPIO VOGLIAMO RICHIAMARE LA FOTO "PARALLAX.JPG" L'URL DA INSERIRE NEL NOSTRO WIDGET SARA':


http://u.jimdo.com/www400/o/sac917e869d215dcb/userlayout/img/parallax.jpg?t=1442682944


NON E' INDISPENSABILE COPIARE ANCHE I NUMERI/LETTERE CHE COMPAIONO DOPO L'ESTENSIONE DEL FILE (JPG PNG ECC) MA E' PIU' SICURO.


INDIVIDUARE E MODIFICARE L'URL DI UN PULSANTE CHE PUNTA AD UN SITO WEB ESTERNO O AD UNA PAGINA DEL NOSTRO SITO.

PER INSERIRE AD UN PULSANTE O TESTO L'URL VERSO UN SITO WEB ESTERNO BASTA APRIRE IL SITO NEL BROWSER E COPIARE/INCOLLARE L'INDIRIZZO CHE COMPARE SULLA BARRA INDIRIZZI DEL BROWSER.

SE INVECE VOGLIAMO AGGIUNGERE L'URL VERSO UNA PAGINA DEL NOSTRO SITO DOBBIAMO:

ANDARE IN MODALITA' ANTEPRIMA E COPIARE L'INDIRIZZO CHE COMPARE.

AD ESEMPIO IN QUESTO CASO, SE VOLESSIMO INSERIRE IN UN BOTTONE L'URL DELLA SEZIONE TUTORIAL DOVREMMO INSERIRE QUESTO:


http://www.valtrebbiaexperience.com/tutorial/


SE AL CONTRARIO NON ATTIVIAMO LA MODALITA' ANTEPRIMA E COPIAMO MENTRE SIAMO IN MODALITA' ADMIN CI APPARE QUESTO URL CHE NON DOBBIAMO USARE


http://www400.jimdo.com/app/sac917e869d215dcb/p098d32f499435c7e/?cmsEdit=1

UTILIZZARE IL TUTORIAL MATRIX PER MODIFICHE

ALL'APERTURA E' NECESSARIA UNA PASSWORD PER ACCEDERE ALLE VOCI DEL TUTORIAL 

IL LAYOUT E' DOTATO DI UN TUTORIAL ORIGINALE IN LINGUA INGLESE. LE PARTI ESSENZIALI UTILI ALLE MODIFICHE DEI WIDGET SONO RIEPILOGATE IN ITALIANO NELLE SEZIONI WIDGET E TUTORIAL DEL SITO. PER ACCEDERE AL TUTORIAL OCCORRE:

 

1. IN MODALITA' ADMIN CLICCARE SULLA TENDINA JIMDO A DX IL PULSANTE

MATRIX THEMES.

2. COMPARIRA' DALLA SX DELLO SCHERMO UNA VIDEATA GRIGIA CON TUTTI GLI ARGOMENTI PRESENTI NEL TUTORIAL INGLESE.


MODIFICARE IL FONT DEL LAYOUT

IL TIPO DI FONT UTILIZZATO E' INDICATO NELLA SEZIONE HEAD DEL SITO POICHE' PUNTA VERSO GOOGLE FONT PER MODIFICARLO, DOPO AVER INDIVIDUATO IN GOOGLE FONT IL CARATTERE DESIDERATO (OPPURE UTILIZZANDO L'UTILITY DEL TUTORIAL INGLESE SEZIONE FONT) COPIARE L'URL DEL FONT GOOGLE E PROCEDERE COME SEGUE:

1. IN MODALITA' ADMIN APRIRE LA SEZIONE "IMPOSTAZIONI" NELLA TENDINA JIMDO A DX E CLICCARE SU "MODIFICA HEAD".

2. SI APRE UN BOX TESTO DOVE POSSIAMO INCOLLARE L'URL DEL FONT GOOGLE AL POSTO DI QUELLO ATTUALE. SALVARE DOPO LA MODIFICA.


modificare i codici colore del layout nel css

riepilogo colori utilizzati:


FARE LE MODIFICHE NEL CSS

POSIZIONARSI SUL CODICE CSS, INDIVIDUARE IL CODICE COLORE DA SOSTITUIRE, INCOLLARE IL CODICE COLORE NUOVO ANTICIPATO DAL SIMBOLO "#" SE ESPRESSO COME CODICE HEX. 

AAA: IN ALCUNI CASI IL CODICE E' ESPRESSO COME RGB

IN QUESTI CASI OCCORRE MODIFICARE I VALORI NUMERICI

ALL'INTERNO DELLA PARENTESI DIVISI CON UNA VIRGOLA.


LINK VERSO UTILITY COLORE: CODICE HEX - RGB COLOR - CONVERTITORI HEX TO RGB O RGB TO HEX

hex
hex
rgb
rgb
hex to rgb
hex to rgb
rgb to hex
rgb to hex

cartella zip con codici originali bergen, codici personalizzati valtrebbia, file

Download
sito gabriele balordi valtrebbiaexperien
Archivio compresso in formato ZIP 4.4 MB

Valtrebbia Experience è un progetto di promozione turistica e valorizzazione della Val Trebbia. La realizzazione e il mantenimento del progetto è possibile grazie al contributo di attività commerciali della valle e sponsor istituzionali. Per inserzioni e/o maggiori informazioni sul progetto clicca qui.

Iscriviti alla Newsletter

Nota: I campi con l'asterisco sono richiesti

© 2017 Valtrebbia Experience - Tutti i diritti riservati