Zen Cart è open-source software carrello della spesa che chiunque può utilizzare e modificare . Zen Cart ha alcuni elementi che danno l'aspetto di un riquadro intorno all'area sito principale e il carrello logo Zen . Modifiche per modificare il codice del foglio di stile CSS che controlla gli elementi visivi è facile una volta che si sa dove guardare e come fare modifiche . Cose che ti serviranno
Fonte editor di codice ( come Notepad + + o Crimson ) per programma di disegno ( come Photoshop o GIMP ) economici Mostra più istruzioni
Logo Borders
1
Open " small_zen_logo.gif " in un programma di disegno . L'immagine può essere trovato seguendo il percorso del file NAME_OF_YOUR_ADMIN_FOLDER /images /small_zen_logo.gif . Questo è il più piccolo dei due Carrello loghi Zen che appaiono nell'area amministrativa. All'interno del software , inclusi gli Zen Cart loghi hanno un bordo che rendono l'immagine apparire vincolata da una scatola. La rimozione di questo box crea un aspetto più gradevole .
2
vernice sopra il bordo scuro con il bianco.
3
Salva l'immagine modificata . Caricare sul server , e sovrascrivere il carrello logo Zen esistente.
4 Ripetere i passaggi da 1 a 3 per la spesa Zen logo che appare nella parte superiore dell'area amministrativa . È molti sceglie di sovrascrivere questo logo con il logo della società con lo stesso nome del file di immagine e percorsofile : NAME_OF_YOUR_ADMIN_FOLDER /images /logo.gif
Colore sfondo
5
Apri foglio di stile . css in un editor di codice sorgente. Il file può essere situato nel file originale impostato seguendo questo percorso : /includes /templates /classic /css /stylesheet.css
6
Modificare il colore di sfondo dal blu al bianco . Modello "classico" di Zen Cart ha uno sfondo blu pallido . Questo può essere cambiato sul stylesheet.css nell'editor del codice sulla linea 16 : L'attuale codice colore esadecimale HTML per il blu è # e5edf5 . Modificare questo codice per # ffffff per creare uno sfondo bianco.
7
Salvare il file . Tenere stylesheet.css aperto nell'editor di codice e passare alla sezione successiva .
Rimuovere i bordi verticali
8
Locate linea 186 nel codice di stylesheet.css . Il codice in linea 186 si presenta così: border : 1px solid # 9a9a9a ;
9
Cancella Linea 186
10
Salvare le modifiche a questo file . . Carica stylesheet.css al server. Utilizzare lo stesso percorso del file come si trova nel file impostato per trovare la posizione corretta per sovrascrivere il file CSS esistente .