Firebug è un editor CSS "on the fly" che gira su Joomla! e altre piattaforme di gestione dei contenuti Web basato su Linux. Firebug consente di modificare il codice CSS per una determinata pagina, ma non salvare in modo permanente le modifiche all'interno del sito; Firebug consentono solo di testare le modifiche, ma non li salva nel file di template. Tuttavia, è ancora possibile utilizzare Firebug per generare il codice che si desidera per la tua pagina, quindi copiare e incollare il codice nella pagina attuale di PHP.

istruzione

1 Aprire la pagina per modificare con Firebug in un browser Web.

2 Fare clic sul pulsante "Ispettore" nella barra degli strumenti Web Developer. La scansione e visualizza il codice CSS ispettore.

3 Apportare le modifiche desiderate al formato CSS nella casella di immissione del codice.

4 Fare clic sulla scheda "CSS" nella barra degli strumenti. Verrà visualizzato un elenco di file. Se si utilizza il file CSS standard e non hanno rinominato il file e non si utilizza un supplente, il file "template.css" contiene il codice CSS.

5 Aprire uno strumento di gestione FTP / file come WSFTP o utilizzare un altro metodo per accedere ai file di codice PHP. Per esempio, in cPanel, selezionare l'opzione "File Manager" dal menu principale per visualizzare i file di codice sul server.

6 Fare clic sul file "template.css" per aprire il file in un editor di testo.

7 Tornare all'editor Firebug e trascinare il cursore su tutto il codice nella casella di immissione. Assicurarsi di selezionare tutto il codice.

8 Pulsante destro del mouse sul codice selezionato e fare clic su "Copia" dal menu contestuale. Non usare "Ctrl" e "A", come questo seleziona tutto il codice di debug pure. selezionare manualmente il codice da copiare.

9 Fare clic all'interno del file "template.css" nell'editor di testo.

10 Tenere premuto il tasto "Ctrl" e premere il tasto "A" per selezionare tutto il testo nel file "template.css". Premere il tasto backspace o "Del" per rimuovere tutto il testo.

11 Pulsante destro del mouse all'interno del file "template.css" e fare clic su "Incolla". Il nuovo codice viene incollato nel file.

12 Selezionare l'opzione "File", poi cliccare su "Salva" per salvare il nuovo codice al file "template.css".

13 Carica il file "template.css" ritorna al sito, sovrascrivendo il vecchio file "template.css".