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

Diese Website nutzt Cookies, um unseren Besuchern die bestmögliche Funktionalität bieten zu können. Durch die weitere Nutzung unserer Seiten erklären Sie sich mit dem Einsatz von Cookies einverstanden. Erfahren Sie mehr zum Einsatz von Cookies und dem Umgang mit Ihren persönlichen Daten in unserer: Datenschutzerklärung

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen", um Ihnen das beste Surferlebnis möglich zu geben. Wenn Sie diese Website ohne Änderung Ihrer Cookie-Einstellungen zu verwenden fortzufahren, oder klicken Sie auf "Akzeptieren" unten, dann erklären Sie sich mit diesen.

Schließen