Seite 1 von 1

Definieren einer Farbe?

Verfasst: Do 25. Jan 2024, 08:20
von stobi_de
Morgen!
Noch jmd anders wach als Tommy?

Ich habe für die Sporternährung so einen seltsamen Lila-Ton.
Kann ich mir den nicht irgendwie fest definieren?
Ist ja jetzt eine Grundlagen-Frage, aber scheinbar habe ich das noch nie gemacht.

#define myHighlightColor: #94145c;

Irgendwie sowas...

Re: Definieren einer Farbe?

Verfasst: Do 25. Jan 2024, 08:55
von Tommy Herrmann
Moin,

meinst Du diese "box-shadow" Farbe, die einige Titel unterstreicht? Finde eigentlich, dass das Lila zum Thema ganz gut passt.

Ich glaube die wird in jedem Block einzeln bestimmt. Vielleicht könntest Du diese in die globale CSS mit einem !important definieren, damit die CSS der Blöcke nicht mehr wirkt.


Box-Shadow.jpg

Re: Definieren einer Farbe?

Verfasst: Do 25. Jan 2024, 09:33
von stobi_de
Ja, genau das.
Klar geht das mit einer globalen Klasse.
Aber irgendwie hatte ich fälschlicherweise im Kopf, dass man in HTML irgendeinen Tag definieren konnte

Code: Alles auswählen

<myunderline>abc</myunderline>
Oder halt besser eine Farbe als Definition, so wie RED, GREY, BLACK etc.

Re: Definieren einer Farbe?

Verfasst: Do 25. Jan 2024, 09:38
von Tommy Herrmann
man kann jedes Wort als Tag deklarieren - das ist aber falsch (auch wenn es geht).

Verwendet besser nur von HTML deklarierte Tags:

https://www.w3schools.com/tags/

... und wenn man das macht, dann eher ein vorhandenes Tag mit einem Bindestrich zu einem Custom-Tag machen.

<code> ... </code>

Könnte individuell z.B. benannt sein:

<code-rot> ... </code-rot>

Dadurch verliert aber ein Tag (HTML Element) alle vorgegebenen Eigenschaften.

Ich sehe darin auch eigentlich keinen Sinn, wenn man das doch viel besser mit CSS-Klassen gestalten kann und ein eigenes Tag sowieso noch eine CSS erhalten muss.


... und das ist ja eben ein "box-shadow" und kein "underline"

https://www.w3schools.com/css/css3_shadows_box.asp

Re: Definieren einer Farbe?

Verfasst: Sa 27. Jan 2024, 00:23
von Werner-Zenk.de
Bei den Custom-Tags sollte man aufpassen, Suchmaschinen kennen diesen Tag nicht. Eine Verschlagwortung der Seite wird dann schwierig.

Re: Definieren einer Farbe?

Verfasst: Di 13. Feb 2024, 12:40
von Andyneu
Hallo,
Falls noch Bedarf.
Ich würde es mit CSS Variablen lösen:

Code: Alles auswählen

:root {
  --myhighlightfarbe: #94145c;
  --akzentrahmen: solid
}
h1 {
  border: thin solid var(--akzentrahmen);
}
h1::before {
  color: var(--myhighlightfarbe);
  content: "Wichtig: ";
}
Das würde ich in die mbr-additional.css von Mobirise einfügen. Damit sollte es im gesamten Projekt verfügbar sein.

Re: Definieren einer Farbe?

Verfasst: Di 13. Feb 2024, 13:12
von Tommy Herrmann
Moin,

damit Variablen im gesamten Projekt verfügbar sind, müssen diese in die globale CSS eingefügt werden.

… das weiß aber ein Webseiten-Profi wie unser Stobi :)

Dazu gibt es in Mobirise den globalen CSS-Editor, der über den "Design-Pinsel" (rechts unten auf der Arbeitsseite) erreichbar ist:

Globaler Style-Editor.jpg

Re: Definieren einer Farbe?

Verfasst: Mi 14. Feb 2024, 08:05
von stobi_de
Hi Andy,
klasse, genau sowas habe ich gesucht.
Die Syntax fehlte mir komplett :D

Klappt!:

Code: Alles auswählen

style="color:var(--myhighlightfarbe)"
Frank

Re: Definieren einer Farbe?

Verfasst: Mi 14. Feb 2024, 11:26
von Tommy Herrmann
Gucke mal auch hier für CSS-Variablen:

https://wiki.selfhtml.org/wiki/CSS/Cust ... Variablen)