Zen Cart è open-source carrello software che chiunque può utilizzare e modificare. Zen Cart ha alcuni elementi che danno l'aspetto di una casella intorno all'area del sito Web principale e il logo di Zen Cart. Modifiche per alterare il codice del foglio di stile CSS che controlla gli elementi visivi è facile una volta che sai dove guardare e come apportare modifiche.

Istruzioni

Bordi di logo

1

Aprire "small_zen_logo.gif" in un programma di disegno. L'immagine può essere trovato seguendo il filepath NAME_OF_YOUR_ADMIN_FOLDER/images/small_zen_logo.gif. Questo è il più piccolo dei due loghi di Zen Cart che compaiono nell'area amministrativa. All'interno del software, i loghi di Zen Cart inclusi hanno un bordo che rendono l'immagine appaiono vincolata da una scatola. La rimozione di questa casella Crea un aspetto più gradevole.

2

Dipingere il bordo scuro con bianco.

3

Salvare l'immagine modificata. Caricare sul server e sovrascrivere il logo esistente di Zen Cart.

4

Ripetere i passaggi da 1 a 3 per il logo di Zen Cart che appare nella parte superiore dell'area amministrativa. Hai molti scelgono di sovrascrivere questo logo con il logo dell'azienda utilizzando la stessa immagine file nome e filepath: NAME_OF_YOUR_ADMIN_FOLDER/images/logo.gif

Colore di sfondo

5

StyleSheet. css aperto in un editor di codice sorgente. Il file può trovarsi nel file originale impostato seguendo questo percorso: /includes/templates/classic/css/stylesheet.css

6

Cambiare il colore di sfondo dal blu al bianco. Modello "classico" di Zen Cart ha uno sfondo blu pallido. Questo può essere modificato sullo StyleSheet. CSS nell'editor di codice su linea 16: il codice di colore esadecimale HTML corrente per il blu è #e5edf5. Modificare questo codice in #ffffff per creare uno sfondo bianco.

7

Salvare il file. Tenere StyleSheet. css aperto nell'editor di codice e procedere alla sezione successiva.

Rimuovere i bordi verticali

8

Individuare la riga 186 nel codice di StyleSheet. CSS. Il codice in linea 186 assomiglia a questo: border: 1px solid #9a9a9a;

9

Elimina riga 186.

10

Salvare le modifiche a questo file. Caricare sul server StyleSheet. CSS. Utilizzare lo stesso percorso di file come si trova nel file impostato per trovare la posizione corretta per sovrascrivere il file CSS esistente.