• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Text mit Box transparent zu hintergrund

Werbung:
Werbung:
Hallo @MapHD ,

wenn du es per Bild haben willst und wie in Post #6 hier ein Tutorial für GIMP :
  • Erstelle ein Bild der gewünschten Box-Größe
  • Gebe ihm den gewünschten Hintergrund (Mit dem Tool Füllen* - in deinem Beispiel der Grünton)
  • Erstelle den Text auf dem Bild in Schriftfarbe weiß
  • Gehe bei den Tools auf "Nach Farbe auswählen"* und klicke damit auf einen der Buchstaben
  • Gehe auf Ebene* -> Transparenz* -> Farbe nach Alpha* (Falls ausgegraut zuerst Ebene* -> Transparenz* -> Alphakanal hinzufügen*)
  • Gehe bei der Farbeinstellung im sich öffnenden Fenster auf weiß (normalerweise Voreinstellung)
  • Klicke auf okay
  • Exportiere das Bild als PNG
*Bezeichnungen der Funktionen in Version 2.10.6 von GIMP - eventuelle Abweichungen in anderen Versionen
Füge das Bild dann einfach per img-Tag ein

HTML:
<img src="bild.png"> <!-- Natürlich deinem Speicherpfad und deinen Styleeinstellungen wie z.B. CSS-Klassen anpassen -->
und natürlich nicht vergessen, den Hintergrund umzustellen (in deinem Beispiel <style> body{ background: cyan; } </style> oder ein Farbton ähnlich dazu)
Aber das Einfügen bzw. Einpflegen in deinen eigenen Code wirst du eh alleine schaffen :wink:

Grüße,
Felixprogram
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben