Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Schriftzug in Regenbogenfarben

Empfohlene Antworten

Hallo zusammen,

ich bin gerade dabei eine Homepage für eine Behinderten Schule zu bauen.

Dabei ist mir die Idee gekommen, dass ich die Headlines in Regenbogenfarben anzeigen könnte.

Heisst also ich hätte gern jedes wort in einer anderen farbe, aber vielleicht in nem schönen passenden übergang.

Geht sowas mit css direkt oder muss ich da per


<div>

<span>Wort1</span>

<span>Wort2</span>

<span>Wort3</span>

<span>Wort4</span>

<span>Wort5</span>

</div>

und jedesmal eine klasse pro span rann gehen?

Danke und Gruß,

Markus

hm naja, javascript lösungen sind eher unerwünscht, aber trotzdem danke!

Für jede Farbveränderung mußt du leider eine neue Farbe angeben, da es keine Möglichkeit gibt, z.B. nur eine Anfangs- und eine Endfarbe anzugeben. Du könntest die Wörter als Grafiken darstellen, das geht z.B. im Photoshop, indem man den gesamten Schriftzug mit einem Verlauf versieht. Falls du im Sinne eines barrierefreien Designs nicht auf die Buchstaben verzichten möchtest, könntest du dir http://www.stopdesign.com/articles/replace_text/ zu Gemüte führen, vor allem die Anmerkungen am Ende des Artikels.

Für jede Farbveränderung mußt du leider eine neue Farbe angeben, da es keine Möglichkeit gibt, z.B. nur eine Anfangs- und eine Endfarbe anzugeben. Du könntest die Wörter als Grafiken darstellen, das geht z.B. im Photoshop, indem man den gesamten Schriftzug mit einem Verlauf versieht. Falls du im Sinne eines barrierefreien Designs nicht auf die Buchstaben verzichten möchtest, könntest du dir http://www.stopdesign.com/articles/replace_text/ zu Gemüte führen, vor allem die Anmerkungen am Ende des Artikels.

danke für den Tipp.

Schön ist das auch berrierefreie Methoden beschrieben werden, da ich dies benötige.

Aber ich möchte dem User durch ein CMS einfach die Möglichkeit geben einen Text einzugeben, welcher dann in "regenbogen-schrift" angezeigt werden soll.

Da kann ich dem User natürlich nicht zumuten, dass er erst noch ein Bild im Photoshop erstellen muss.

Naja ich werd dann wohl mit meiner ersten Idee arbeiten müssen.

Gruß,

Markus

da du eine seite für hauptsächlich behinderte menschen erstellst solltest du deine seite auch evtl. auf farbenblindeheit testen.

da gibts einiges im netz, aber das hier ist ganz cool, kannste ein image hochladen und simulieren wie es für einen farbenblinden (auszuwählen sind die drei arten der farbenblindheit) aussieht.

denke dass das schon probleme geben könnte mit den regenbogenfarben.

schaust halt mal:

http://www.vischeck.com/vischeck/vischeckImage.php

das ganze gibts links dann in der navi auch für webpages aber das hat bei mir noch nich geklappt.

gruss

da du eine seite für hauptsächlich behinderte menschen erstellst solltest du deine seite auch evtl. auf farbenblindeheit testen.

da gibts einiges im netz, aber das hier ist ganz cool, kannste ein image hochladen und simulieren wie es für einen farbenblinden (auszuwählen sind die drei arten der farbenblindheit) aussieht.

denke dass das schon probleme geben könnte mit den regenbogenfarben.

schaust halt mal:

http://www.vischeck.com/vischeck/vischeckImage.php

das ganze gibts links dann in der navi auch für webpages aber das hat bei mir noch nich geklappt.

gruss

danke für den Link ;)

Da ich nur Überschrift in diesen Farben anzeigen lassen möchte, denke ich dass das kein Problem darstellt. Ich werde die Farben nicht ganz so hell wählen, damit diese noch deutlich sichtbar sind.

Da die Seite für eine "Behinderten-Schule" ist wollte ich das ganze etwas farbig und somit "kindlicher" gestalten.

Gruß,

Markus

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.