Zen Cart is een open source webwinkel software die iedereen kan gebruiken en wijzigen . Zen Cart heeft een paar elementen die het uiterlijk van een kader rond de belangrijkste website gebied en de Zen Cart logo geven . Wijzigingen in de code van de cascading style sheet die visuele elementen controleert veranderen is makkelijk als je eenmaal weet waar je moet zoeken en hoe om veranderingen te maken . Wat je nodig hebt Broncode editor ( zoals Notepad + + of Crimson ) op Twitter Drawing programma ( zoals Photoshop of GIMP ) Toon Meer Aanwijzingen Logo Borders Open " small_zen_logo.gif " 1 in een tekenprogramma . De afbeelding kan worden gevonden door het volgen van de filepath NAME_OF_YOUR_ADMIN_FOLDER /images /small_zen_logo.gif . Dit is de kleinste van twee Zen Cart logo's die in het bestuurlijke gebied verschijnen . Binnen de software , de meegeleverde Zen Cart logo's hebben een grens die maken het beeld lijken beperkt door een doos . Het verwijderen van deze box zorgt voor een meer aangename uitstraling . Paint 2 over de donkere rand met wit. 3 Sla het gewijzigde beeld . Uploaden naar de server , en overschrijf de bestaande Zen Cart logo. Herhaal 4 stappen 1 tot 3 voor de Zen Cart -logo dat op de top van de Administratieve gebied verschijnt . Je velen ervoor kiezen om dit logo te overschrijven met uw bedrijfslogo met dezelfde bestandsnaam en filepath : NAME_OF_YOUR_ADMIN_FOLDER /images /logo.gif Achtergrond Kleur Open stylesheet 5 . css in een broncode-editor . Het bestand kan worden gevestigd in het oorspronkelijke bestand door het volgen van dit pad in te stellen: /includes /templates /classic /css /stylesheet.css 6 Verander de achtergrondkleur van blauw naar wit . Zen Cart 's " classic " template heeft een lichtblauwe achtergrond . Dit kan worden gewijzigd op de stylesheet.css in de code -editor op Lijn 16 : De huidige hexadecimale HTML- kleurcode voor de blauwe is # e5edf5 . Wijzig deze code naar # ffffff een witte achtergrond te maken . 7 Sla het bestand op . Houd stylesheet.css geopend in de code-editor en ga naar de volgende sectie . Verwijder Verticale Borders 8 Locate lijn 186 in de code van stylesheet.css . De code in Line 186 ziet er zo uit : border : 1px solid # 9a9a9a ; 9 Delete Line 186 10 Sla de wijzigingen in dit bestand . . Upload stylesheet.css naar de server . Gebruik hetzelfde pad als gevonden in het op de juiste plaats om het bestaande CSS- bestand wilt overschrijven vinden bestand .
|