Der Kunde ist König,
denn der hat sich gerade überlegt, dass es doch ganz cool wäre, wenn die Farbe des Textes unter den einzelnen Elixiren der Farbe des Elixirs entspricht. Geht das?
Das Problem ist, dass eine Regel mit einem „p“ Selektor den Style auf alle <p>-Elemente anwendet.
Hier kommen nun die „Klassen“ ins Spiel. Und was eine Klasse nun genau ist, kannst du dir am Besten in dem Besispiel anschauen. Dir ist zum Glück auf geheimnisvolle Art und Weise eine css-Datei vom Konkurenzteam auf die Festplatte gefallen, die die Idee des Kunden bereits umgesetzt haben.
Aufgabe 1.
Lade die Datei bar-geheim.zip von server und entpacke den Inhalt in extra Verzeichnis.
Du arbeitest weiterhin mit den Dateien, die du bereits erstellt hast.
Du benutzt den neuen Inhalt nur, um dein bereits bestehendes Projekt zu erweitern. Es ist also geschicktes copy & paste angesagt.
Schau dir die Bar von der Konkurenz genau an im Explorer an.
Studiere den html code genau. Die meisten Veränderungen, insbesondere bzgl. der Klassen finden in /getraenke/elixir.hmtl statt. Hier siehst du, wie eine Klasse aufgerufen wird.
Untersuche die bar.css, denn hier werden die Klassen bestimmt. Lass dir Zeit und arbeite gründlich, damit du die Aufgabe 2 bearbeiten kannst.
Aufgabe 2.
Der Kunde ist König,
eben kam der Anruf, ein weiteres Produkt, der „Zitronen-Rachenpolierer“ soll in das Exlixir Sortiment aufgenommen werden. Leider gibt es noch kein Bild, du musst also eins besorgen, das zu den anderen passt.
Ebenso ist die genau Beschreibung des Getränks zu ergänzen. Die Schriftfarbe soll natürlich gelb sein.
Viel Erfolg!
Schreibe einen Kommentar