http://blog.roccoagostino.eu/2009/09/06/uso-di-jquery-per-creare-una-semplice-interfaccia-tab-con-immagini-per-etichette/ Il mio blog personale in cui si discute di libri,musica,scrittura,poesia,video,foto,news,attualità,informatica e tecnologia. Un "corner" da condividere con voi che commentate,criticate o apprezzate. Tue, 20 Jul 2010 16:19:08 +0000 hourly 1 http://wordpress.org/?v=3.0.1 http://blog.roccoagostino.eu/2009/09/06/uso-di-jquery-per-creare-una-semplice-interfaccia-tab-con-immagini-per-etichette/comment-page-1/#comment-20 admin Sun, 06 Sep 2009 10:36:13 +0000 http://blog.roccoagostino.eu/?p=225#comment-20 Ciao Andrea, grazie per essere intervenuto. Per integrare il pannello in Wordpress l'operazione è abbastanza semplice. Individua sul server la cartella del tuo tema e fai una copia di backup (non si sa mai). Essa conterrà anche una cartella di immagini. Copia in questa cartella le etichette del panello (il contenuto di "images" tanto per intenderci). Fatto questo vai in "Aspetto" -> "Editor" e copia il CSS del pannello alla fine del CSS del tuo blog. Quindi nel file "hearder.php" (l'intestazione del tuo blog) inserisci le righe seguenti all'interno dell' "< head >". < script src="js/jquery.js" type="text/javascript" > < script src="js/script.js" type="text/javascript" > controllando la cartella che contienen i file ".js" (nel m io caso /js all'interno della cartella del tema). A questo punto non resta che modificre il file della sidebar (solitamente "sidebar.php"), copiando la struttura "div" del pannello. Questa è la parte più delicata della moifica perchè ovviamente quando integri devi tenere conto delle dimensioni della sidebar e l'ereditarietà degli stili, ma con un pò di pazienza aggiusti tutto. Per semplicità, se usi firefox, ti segnalo un'ottima estensione "<a href="http://getfirebug.com/" rel="nofollow">firebug</a>" che ti permette il debug, la modifica e il monitoraggio di tutti gli aspetti di una pagina web, come i fogli di stile, il codice HTML, la struttura DOM e il codice JavaScript. Spero di essere stato esaustivo, se ci sono problemi chiedi pure. Considerata la tua domanda magari ci scrivo su un articolo più dettagliato! :) Ciao e a presto. Ciao Andrea, grazie per essere intervenuto.
Per integrare il pannello in WordPress l’operazione è abbastanza semplice.
Individua sul server la cartella del tuo tema e fai una copia di backup (non si sa mai). Essa conterrà anche una cartella di immagini. Copia in questa cartella le etichette del panello (il contenuto di “images” tanto per intenderci).
Fatto questo vai in “Aspetto” -> “Editor” e copia il CSS del pannello alla fine del CSS del tuo blog.
Quindi nel file “hearder.php” (l’intestazione del tuo blog) inserisci le righe seguenti all’interno dell’ “< head >“.
< script src="js/jquery.js" type="text/javascript" >
< script src="js/script.js" type="text/javascript" >
controllando la cartella che contienen i file “.js” (nel m io caso /js all’interno della cartella del tema).
A questo punto non resta che modificre il file della sidebar (solitamente “sidebar.php”), copiando la struttura “div” del pannello.
Questa è la parte più delicata della moifica perchè ovviamente quando integri devi tenere conto delle dimensioni della sidebar e l’ereditarietà degli stili, ma con un pò di pazienza aggiusti tutto.
Per semplicità, se usi firefox, ti segnalo un’ottima estensione “firebug” che ti permette il debug, la modifica e il monitoraggio di tutti gli aspetti di una pagina web, come i fogli di stile, il codice HTML, la struttura DOM e il codice JavaScript.
Spero di essere stato esaustivo, se ci sono problemi chiedi pure.
Considerata la tua domanda magari ci scrivo su un articolo più dettagliato!
Ciao e a presto.

]]> http://blog.roccoagostino.eu/2009/09/06/uso-di-jquery-per-creare-una-semplice-interfaccia-tab-con-immagini-per-etichette/comment-page-1/#comment-19 [Ajax - JQuery] Uso di jQuery per creare una semplice interfaccia tab con immagini per etichette Sun, 06 Sep 2009 08:29:47 +0000 http://blog.roccoagostino.eu/?p=225#comment-19 [...] See more here: [Ajax - JQuery] Uso di jQuery per creare una semplice interfaccia tab con immagini per etichette [...] [...] See more here: [Ajax - JQuery] Uso di jQuery per creare una semplice interfaccia tab con immagini per etichette [...]

]]> http://blog.roccoagostino.eu/2009/09/06/uso-di-jquery-per-creare-una-semplice-interfaccia-tab-con-immagini-per-etichette/comment-page-1/#comment-18 Andrea Sun, 06 Sep 2009 02:06:53 +0000 http://blog.roccoagostino.eu/?p=225#comment-18 Ciao, grazie per l'utile segnalazione ma come faccio a richiamare lo script in un punto preciso del mio blog? Vorrei inserirlo dove lo hai messo tu, carico tutti i file via FTP nella root del blog e poi che codice devo inserire nella sidebar per richiamare il tab? Grazie! Ciao,
grazie per l’utile segnalazione ma come faccio a richiamare lo script in un punto preciso del mio blog?
Vorrei inserirlo dove lo hai messo tu, carico tutti i file via FTP nella root del blog e poi che codice devo inserire nella sidebar per richiamare il tab?
Grazie!

]]>