Tutrix.dedeine Community für wpForoinoffizieller deutschsprachiger wpForo Support
Hallo zusammen, ich starte dieses Thema, nachdem mein Freund Tutrix hier vorgeschlagen hat, Bilder zu verwenden, um Bänder zum Titel der Kategorie hinzuzufügen.
Dann habe ich ein im Internet gefundenes Bild angepasst.
Der Effekt ist so gut wie er ist, aber mir ist aufgefallen, dass einige Titel länger sind als andere, also musste ich ein Bild lang genug für alle Titel machen. Die eigentliche Frage an dieser Stelle ist, warum kurze Titelkategorien kürzere Bands benötigen würden. Wie könnte ich mich bewegen?
1) Ein benutzerdefiniertes Bild für jeden einzelnen Kategorietitel erstellen? Ich denke, ich könnte es schaffen.
2) Teilen Sie das Bandbild in 3 Teile, bleiben Anfangs- und Endteil fest, wiederholt sich der mittlere Teil über die gesamte Länge des Textes? Ich glaube nicht, dass ich das kann, und ich fürchte, der gute alte Tutrix hat einige Hinweise für uns.
Im Moment werde ich versuchen, mich für die erste Lösung zu entscheiden. Jetzt starte ich einige Experimente, deren Ergebnis ich hier in Form von Screenshots bringen werde
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Hallo @systemcrac
du kannst das Endstück über CSS "::after" flexibel anfügen
CSS Code Beispiel (bei after natürlich als Background dann das Endstück)
über margin-left kannst du das Endstück verschieben, wie oben im Video zu sehen
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Ok.. also sollte die Verwendung von 2 unterschiedlichen Bildern funktionieren, aber nur, wenn keine Farbverläufe darin sind, sonst sehen Sie die Trennlinie. Danke Tutrix!!!
Im Moment habe ich jedes Bild entsprechend dem Titel angepasst. Mit Photoshop habe ich das Band modifiziert, um 5 verschiedene Längen (180px, 200px, 240px, 260px) zu geben, aber mit der gleichen Höhe: h 50x
Nach dem Mittagessen werde ich einige Experimente mit Ihrer Methode durchführen.
Ich hänge benutzerdefinierte Bilder unterschiedlicher Länge an. Sie sind in Qualität und Definition besser und ich habe sie in ein leichtes Webp-Format umgewandelt.
![Tutrix Tutrix](http://www.tutrix.de/wp-content/uploads/wpforo/avatars/tutrix_1.png)
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Wie bereits im vorherigen Beitrag erwähnt, hat das Spiel des zweigeteilten Bildes leider kein gutes Ergebnis, wenn es eine Nuance enthält. Sie verwenden also entweder ein Bild mit einer Volltonfarbe oder Sie verwenden benutzerdefinierte Bilder.
An dieser Stelle denke ich, dass ich dabei bleiben werde. Der Effekt ist dieser und er scheint mir nicht schlecht zu sein, aber urteilen Sie selbst:
Auch die Smartphone-Ansicht ist ganz nett:
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
In Ordnung. Ich wollte Ihren Raum nicht mit Bildern füllen. Jetzt wollte ich das gleiche im Forum Menü probieren aber das Bild wird dort gegessen wo das Menü aufhört. Ich kann den Grund nicht finden, ich sehe kein Element mit einem "Overflaw: Hidden" und ich habe auch versucht, "z-index: 1000" zum Element hinzuzufügen, aber es hat nichts gebracht.
Ich bin also gezwungen, die Höhe des Menüs zu erhöhen, und das gefällt mir nicht. Haben Sie irgendwelche Tutrix-Vorschläge?
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
wollte mir das auf deiner Seite gerade mal ansehen, aber ich sehe nichts neues in deinem Menü
eventuell arbeitest du an Menüpunkten die ich als Gast nicht sehen kann
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Hallo Tutrix, ich hatte die Modifikation entfernt. Jetzt habe ich es zurückgelegt und unter den CSS-Code platziert, den ich verwendet habe.
Tut mir leid, du hattest recht. Jetzt können Sie das FAQ-Symbol auch dann sehen, wenn Sie kein Mitglied sind.
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Hallo @systemcrac verwende mal
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)
Tolle Tutrix!!! Ohne euch hätte ich das glaube ich nicht geschafft. Danke sehr!
![](https://www.tutrix.de/wp-content/uploads/foren-icons/wpforo-logo.png)