Definieren einer Farbe?

[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...

[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.

[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.

[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

[Werner-Zenk.de]

Bei den Custom-Tags sollte man aufpassen, Suchmaschinen kennen diesen Tag nicht. Eine Verschlagwortung der Seite wird dann schwierig.

[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.

[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:

[stobi_de]

Hi Andy,
klasse, genau sowas habe ich gesucht.
Die Syntax fehlte mir komplett

Klappt!:

Code: Alles auswählen

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

Frank

[Tommy Herrmann]

Gucke mal auch hier für CSS-Variablen:

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