|
Zen Cart est un logiciel open source que n'importe qui peut utiliser librement pour fonctionner caddies de commerce électronique pour la vente de biens matériels et numériques en ligne. En Juillet 2011 , et la version Zen Cart 1.3.9h ( Resource Lien # 1 ), il n'y a pas de remplacements de modèle dans le panneau de contrôle administratif . Vous devez modifier le code des fichiers PHP ou CSS pour effectuer tous les changements réels à l'apparence du modèle. Les choses dont vous aurez besoin
éditeur de code source ( par exemple: Notepad + + , Crimson , etc )
Show More Instructions
remplacer les images
1 remplacer l'image de logo . Le logo et d'autres images de modèle sont situés dans les images dossier en utilisant le chemin du fichier suivant : /includes /templates /classic /Images de Pour modifier le texte de remplacement , la taille ou l'image nom associé au nouveau logo , utilisez un éditeur de code source pour ouvrir les header.php fichier situé dans le chemin d'accès suivant : includes /languages /french /header.php
apporter des modifications au code sur les lignes 21 à 25, entre le deuxième jeu de apostrophes , pour refléter les changements souhaités. Ne pas laisser d'espaces entre les informations et les apostrophes .
2 Ajouter une image sur le serveur de mêmes dimensions et le même nom d'écraser l'image actuelle de la tête . La taille de l'image d'en-tête est 760 pixels de large par 110 pixels de haut , et le nom est: . Header_bg.jpg
3 Téléchargez la nouvelle image nommée tile_back.gif pour écraser l'image de la barre de titre existant sur le serveur. Les barres de titre horizontaux observés sur le modèle par défaut du Zen Cart sont seulement 11 pixels de large par 30 pixels de haut et sont répétées au besoin pour construire ce qui apparaît comme un tube allongé . Créer une image similaire dans le logiciel de conception graphique d'une couleur désirée, avec ou sans le point culminant dimensions et l'ombrage.
Changer les couleurs et bordures
4 stylesheet.css ouvertes dans un éditeur de code source , située dans l'ensemble du fichier d'origine , en suivant ce chemin d'accès : /includes /templates /classic /css /stylesheet.css
5 Changez les couleurs de fond. Modèle "classique" de Zen Cart a un fond bleu pâle. Dans l'éditeur de code , repérez la ligne 16 : background- color: # e5edf5 ;
Les caractères " # e5edf5 " indiquer une couleur particulière de bleu dans le système de code couleur hexadécimal HTML. ( Ref 3) Pour un fond blanc , modifiez le code de # ffffff ou pour une utilisation noir # 000000 . Si l'on préfère , entrez le code de n'importe quelle autre couleur .
6 Changer le principal enveloppe corporelle. Le code trouvé sur la ligne 186 : marge: . 1px solid # 9a9a9a ; contrôler les lignes verticales grises qui bordent les côtés gauche et droit de Zen Cart
Personnalisation des options comprennent: Modifiez le code de couleur HTML à une couleur préférée. Rendre la frontière plus large en augmentant la taille du pixel. Si aucune frontière est préférable , supprimer cette ligne de code complètement , ou le rendre invisible afin que vous puissiez l'utiliser à une date ultérieure . Pour que la ligne de commande invisible pour le logiciel , à utiliser avec un "/*" ( slash, astérisque) au début de la ligne et "* /" (astérisque , barre oblique ) à la fin de la ligne.
< Br > 7 modifier le contenu bordures du conteneur . Ligne 553 : border : 1px solid # 9a9a9a ; contrôle les bords gauche et droit de l' leftBoxContainer et rightBoxContainer . La frontière de fond vert est contrôlé par la ligne 554 : border -bottom: 5px solid # 336633 ;
8 Téléchargez stylesheet.css au serveur. Utilisez le même chemin d'accès que dans le fichier mis à trouver le bon endroit pour écraser le fichier CSS existant.
|
