Farbige-Blöcke: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 21: Zeile 21:
Über das Attribut background kannst du die Farbe einstellen.  
Über das Attribut background kannst du die Farbe einstellen.  


Über einen Color Picker https://imagecolorpicker.com/color-code/2596be kannst du dir den RGB (rot, grün, blau) Hex Code deiner Farbe holen und dann einfach im Quelltext Editor einfügen und speichern.
Über einen Color Picker https://imagecolorpicker.com/color-code/2596be kannst du dir den RGB (rot, grün, blau) Hex Code (zb #fbf646 für gelb) deiner Farbe holen und dann einfach im Quelltext Editor einfügen und speichern.


  <nowiki><div style="border:2px black solid; background: #fbf646; padding: 8px;"></nowiki>
  <nowiki><div style="border:2px black solid; background: #fbf646; padding: 8px;"></nowiki>

Aktuelle Version vom 15. Juli 2024, 18:12 Uhr

Einen blauen Block einfügen?

  1. Schritt: Markiere den gesamten Block
  2. Schritt: Strg + v um ihn zu kopieren
  3. Schritt: Füge ihn mit Strg+ v am gewünschten Ort ein

Vorlage blauer Block:

Ich bin ein Blauer Block

Wie ändere ich die Farbe des Blocks?

so sieht der Html Quelltext aus.

<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
Ich bin ein Blauer Block
</div>


Über das Attribut background kannst du die Farbe einstellen.

Über einen Color Picker https://imagecolorpicker.com/color-code/2596be kannst du dir den RGB (rot, grün, blau) Hex Code (zb #fbf646 für gelb) deiner Farbe holen und dann einfach im Quelltext Editor einfügen und speichern.

<div style="border:2px black solid; background: #fbf646; padding: 8px;">
Ich bin ein Gelber Block
</div>

Der schaut dann so aus:

Ich bin ein Gelber Block