Artisteer 3: Den Hintergrund der Unterelemente vom horizontalen Menü transparent machen.

Direkt in Artisteer 3 kann der Hintergrund der Unterelemente vom horizontalen Menü aktuell nicht transparent gemacht werden. Der Hintergrund von Unterelementen im horizontalen Menü wird von der Datei ‘subitem.png’ im Ordner ‘images’ bestimmt und diese kann entsprechend geändert werden.

Für die folgenden Schritte muss das Projekt zuvor exportiert werden.

1. Volle Transparenz des Hintergrund:

Dafür gibt es zwei mögliche Wege. Entweder man bearbeitet die ‘style.css’ des Projektes, oder die Grafikdatei ‘subitem.png’ aus dem Ordner ‘images’.

Beim Bearbeiten der ‘style.css’ wird der Verweis auf die Hintergrundgrafik einfach entfernt. Den Verweis  findet man in der CSS-Datei unter der Klassendefinition ‘.art-hmenu ul a’. Dort ist die Zeile ‘ background-image: url(“images/subitem.png”);’ zu entfernen.

Alternativ kann auch die Grafikdatei ‘subitem.png’ bearbeitet werden. An der CSS-Datei müssen dann keine Änderungen vorgenommen werden. Dazu öffnet man das Bild zum Beispiel mit GIMP (Dem besten Open Source Tool zur Bildverarbeitung ;-)). Unter ‘Ebenen’ kann jetzt die Deckkraft auf ‘0’ gestellt werden und alles ist vollkommen transparent. Das veränderte Bild anschliessend wieder als ‘subitem.png’ im Ordner ‘images’ speichern (Sicherungskopie vom ursprünglichen Bild nicht vergessen) und fertig.

2. Halbe Transparenz des Hintergrund:

Dafür müssen in Artisteer die Hintergrundfarben für die Unterelemente vom horizontalen Menü definiert werden. Anschließend das Projekt wieder exportieren und die Grafikdatei ‘subitem.png’ bearbeiten. Das Vorgehen für die Bearbeitung wurde anhand des Bildverarbeitungsprogrammes GIMP oben schon beschrieben, lediglich die Deckkraft wird hier entsprechend der gewünschten Transparenz bestimmt.

Veröffentlicht unter Artisteer

Hinterlasse eine Antwort

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close