Farbanpassung im Design Professional
Hier ein paar Ideen, wie man im Design Professional die Farben anpassen kann.
CSS-Code:
hier ist der passende CSS-Code dazu, um die Farben im Design entsprechend anzupassen.
Wenn ihr mal nicht wisst, wie ein Selektor heißt (also wie ihr das richtige Element ansprecht) könnt ihr die Homepage (also die mit de.tl am Ende) aufrufen und auf F12 drücken (zumindest im Chrome) dort dann in der linken oberen auf den Auswahlpfeil gehen, und über das Element drüber fahren, von dem ihr wissen wollt, wie es heißt, das wird dann direkt angezeigt.
.page-top {
Wenn ihr mal nicht wisst, wie ein Selektor heißt (also wie ihr das richtige Element ansprecht) könnt ihr die Homepage (also die mit de.tl am Ende) aufrufen und auf F12 drücken (zumindest im Chrome) dort dann in der linken oberen auf den Auswahlpfeil gehen, und über das Element drüber fahren, von dem ihr wissen wollt, wie es heißt, das wird dann direkt angezeigt.
.page-top {
background-color: #FAFBFC; /* Das legt die Hintergrundfarbe fest, der Farbcode kann einfach getauscht werden */
color: #01080A; /* Hier wird die Schriftfarbe angepasst */
padding: 10px;
}
.footer {
background-color: #C3CFD4;
background: linear-gradient(to bottom right, #C3CFD4, #bec6c9); /* Hiermit wird ein Farbverlauf von oben links nach unten rechts erreicht, beide Farbcodes können geändert werden */
border-top: 1 px #132226; /* Hier wird die Linie, die den Footer begrenzt festgelegt, auf 1 Pixel in der entsprechenden Farbe */
border-bottom: 1 px #132226;
}
.subfooter {
background-color: #132226;
}
Passende Farben könnt ihr zum Beispiel hier finden: www.w3schools.com/colors/colors_picker.asp