Die von Dir verlinkten Seiten wurden mit "Typo3" erstellt. Das ist ein serverbasiertes CMS System in dem clientseitig die Programmiersprachen PHP, JavaScript und SQL benutzt werden.
Die Möglichkeiten, die ein Website Entwickler damit hat, sind deutlich umfangreicher, als die, die ein Benutzer eines WYSIWYG Editors hat, wie z. B. der WD einer ist...

Aber, mit ein paar Zeilen Programmcode kannst Du im WD Effekte nachrüsten, die Deinen Wünschen schon sehr nahe kommen.

In diesem Thread habe ich z. B. detailliert erklärt, wie eine NavBar so angelegt werden kann, dass sie beim Scrollen bis zum oberen Fensterrand wandert und dann dort fixiert bleibt.
Das Beispiel kannst Du natürlich auch benutzen, um einen farbigen Balken am oberen Rand zu stoppen...

Dass ein so fixiertes Objekt beim Erreichen des oberen Fensterrands die Farbe wechselt, das ist mit den Möglichkeiten der "Web-Animation" machbar, die der WD standardmäßig zur Verfügung stellt.
Die Realisierung ist allerdings etwas "tricky", weil der WD zunächst nur die Möglichkeit bietet Objekte einzublenden, wenn ein sogenanntes Triggerobjekt im Fenster sichtbar wird. Du benötigst aber die (nicht vorhandene) Funktion, ein Objekt einzublenden, wenn ein anders Objekt den sichtbaren Fensterbereich verlässt. Aber auch der Effekt ist möglich...

Probier' mal, ob Du mit den Tipps weiterkommst. Wenn nicht, einfach wieder fragen...

Viel Erfolg