Ciao.
Si l'editor php consente di modificare anche i file css. Tutto sommato sono xempre file di testo! Il vantaggio magari è che ti evidenzia con i colori la sintassi.
Però usare un editor specifico per i css può essere utile per i seguenti motivi:
- possibilità di visualizzare un'anteprima delle modifiche al css;
- possibilità di avere l'elenco di tutti gli attributi che si possono assegnare ad una classe (non si possono ricordare tutti a memoria)
- possibilità di avere un elenco in ordine alfabetico di tutte le classi e gli identificatori in modo da poterci navigare senza dover scorrere il testo del css
- possibilità di verificare la validità del css attraverso il W3C CSS validator
Diciamo che topstyle lite funziona meglio di css spy
Se il problema è la lingua inglese (mi pare che anche tu abbia un intrinseco rifiuto anglofono
) mettiti il cuore in pace... non sempre il software lo si trova tradotto in italiano. Ci vuol pasienza!
Per quanto riguarda la grafica devi salvare il file NON con Salva ma con Salva con nome...
o eventualmente usare la funzione Esporta...
Facciamo un altro passo:
Creiamo una nuova classe nel CSS e assegnamola ad una elemento della pagina.
L'immagine di sfondo dell'header di chiama header_bg.jpg.
E' stato adottato un piccolo "tucco" per l'instazione della pagina: praticamente l'intestazione è formata da 3 celle di una tabella:
- la prima cella (la prima a sinistra) contiene l'immagine header_logo.png
- la seconda cella (centrale) ha come sfondo l'immagine header_bg.jpg
- la terza cella (a destra) contiene l'immagine header_right_corner.png
Tutte e tre le immagini hanno la stessa grafica in modo da sembrare un'unica immagine.
Perchè tutto questo?
Perchè così facendo se si aumenta la dimensione della pagina l'intestazione le immagini a sinistra e destra non cambiano (visto che hanno dimensione fissa) mentre l'immagine centrale viene ripetuta pe tutta la larghezza della cella in cui è contenuta.
Chi ha creato il template ha inserito direttamente nel codice il caricamento dell'immagine. Se apri il file index.php del template troverai (circa alla riga 38) questo tag:
<td valign="bottom" background="templates/<?php echo $cur_template; ?>/images/header_bg.png">
il tag <td> indica che stiamo guardando la cella di una tabella, l'attributo background definisce l'immagine o il colore di sfondo della cella.
In questo caso l'immagine di sfondo viene caricata usando un'istruzione php che recupera il nome del template in uso
"templates/<?php echo $cur_template; ?>/images/header_bg.png"
equivale a
"templates/jt_simplicity_green/images/header_bg.png"
Prova ad eliminare il tag:
background="templates/<?php echo $cur_template; ?>/images/header_bg.png"
e a ricaricare la pagina del sito, tanto per capire dove stai mettendo le mani.
Cambia adesso il tag in questo modo:
<td valign="bottom" class=Header>
Così abbiamo assegnato la classe Header alla cella ma non l'abbiamo ancora creata.
Apri il foglio di stile template_css.css e, in fondo alla pagina, scrivi una nuova classe denominata header:
.header {
background: url(../images/header_bg.png) repeat-x;
}
L'attributo
repeat-x serve a dire al browser che l'immagine usata per lo sfondo deve essere ripetuta
in orizzontale per tutta la larghezza della cella.
a questo punto fai il refresh della pagina del sito e la vedrai ritornare com'era.
Chiaro l'uso dei fogli di stile?
Infine ti consiglio la lettura di questo sito:
http://www.gdesign.it/pages/principi/principi.phpe anche della sezione how-to dello stesso sito
http://www.gdesign.it/pages/howto/howto.phpAnche dalla sezione link ci sono un sacco di cose interessanti da leggere.
Per il resto, continuiamo sul forum finchè il moderatore non decide che abbiamo superato il limite
Era solo uno scrupolo che mi facevo io.
