Farbige-Blöcke: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
==== Einen blauen Block einfügen? ====
=== Einen blauen Block einfügen? ===
# Schritt: Markiere den gesamten Block
# Schritt: Markiere den gesamten Block
# Schritt: Strg + v um ihn zu kopieren
# Schritt: Strg + v um ihn zu kopieren
Zeile 5: Zeile 5:


Vorlage blauer Block:
Vorlage blauer Block:
 
<html>
<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
<div style="border:2px black solid; background: #e6ecf5; padding: 8px;">
Ich bin ein Blauer Block
Ich bin ein Blauer Block
</div>
</div>
 
</html>
==== Wie ändere ich die Farbe des Blocks? ====
=== Wie ändere ich die Farbe des Blocks? ===
so sieht der Html Quelltext aus.
so sieht der Html Quelltext aus.
  <nowiki><div style="border:2px black solid; background: #e6ecf5; padding: 8px;"></nowiki>
  <nowiki><div style="border:2px black solid; background: #e6ecf5; padding: 8px;"></nowiki>
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 https://imagecolorpicker.com/color-code/2596be kannst du dir deine 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>
Zeile 30: Zeile 30:


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

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