Holly’s Steem Info - Tipps & Tricks und Apps & Tools – kurz erklärt

Diese hier veröffentlichte Gedankenstütze habe ich mir erstellt um mit den verschiedenen Möglichkeiten der Text und Bildformatierung bei Steem klar zu kommen. Da ich erst seit vier Wochen Mitglied bei Steem bin ist es mir an Anfang sehr schwer gefallen die verschiedenen **Möglichkeiten der Textformatierung ** auch zu benutzen. Aus diesem Grund habe ich mir diese kleine Hilfe erschaffen.

Ich hoffe das sie einigen von euch auch weiterhelfen kann.

Allen neuen Mitgliedern der deutschen Community kann ich nur empfehlen dem D-A-CH Discord Channel beizutreten dort kann man sicher sein auch als Neuling immer Hilfe zu erhalten. Auch bei dem unten veröffentlichten Code gab es Probleme und das Mitglied Natu hat mir schnell und unkompliziert dort geholfen. Über diesen Link in dir Mitglied in dem Channel werden.

Falls ich einer den Code von den Formatierungen runterladen will so wie er in den Beitrag steht kann er das hier machen https://hackmd.io/mEcBpm8zRi2NqbD3cRNXdg?both

Steem Editor

Zitierter Text - Blockzitate - in Reihe

>Zitierter Text
>Zitierter Text
>Zitierter Text

Zitierter Text

Zitierter Text

Zitierter Text

---

Zitierter Text - Blockzitate - versetzt

>Zitierter Text versetzt
Zitierter Text versetzt
>>Zitierter Text versetzt
Zitierter Text versetzt
>>>Zitierter Text versetzt
Zitierter Text versetzt

Zitierter Text versetzt

Zitierter Text versetzt

Zitierter Text versetzt

Zitierter Text versetzt

Zitierter Text versetzt

Zitierter Text

---

Zeilenumbruch - Leerzeile(n)

<br>
<br>
<br>

---

Zeile 1
 
Zeile 2
 
Zeile 3

Zeile 1
 
Zeile 2
 
Zeile 3

---

Schriftgößen

==>So sieht die normal geschriebene Schrift aus

<sub> Normalschrift verkleinert </sub>
<sub><sub> Normalschrift verkleinert </sub>
<sub><sub><sub> Normalschrift verkleinert </sub>

_{Normalschrift verkleinert
Normalschrift verkleinert
Normalschrift verkleinert}

---

Überschriften

code # oder <H1>Text</H1>

Schriftgröße H1 - Überschrift gefolgt von einer Leerzeile

code ## oder <H2>Text</H2>

Schriftgröße H2 - Überschrift gefolgt von einer Leerzeile

code ###oder <H3>Text</H3>

Schriftgröße H3 - Überschrift gefolgt von einer Leerzeile

code ####oder <H4>Text</H4>

Schriftgröße H4 - Überschrift gefolgt von einer Leerzeileoder <H1>Text</H1>

code #####oder <H5>Text</H5>

Schriftgröße H5 - Überschrift gefolgt von einer Leerzeile

code ######oder <H6>Text</H6>

Schriftgröße H6 - Überschrift gefolgt von einer Leerzeile

---

Text, Bild URL mittig darstellen

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}

<center>Text</center>

Text

Beispiel:

<center> **Text** , Bild ~~URL~~ mittig <sub><sub> darstellen </sub></center>

Text , Bild URL mittig _darstellen

https://steemit.com/

---

Einfache Tabelle:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}
• _{es können Bilder eingefügt werden}

| Spalte 1 | Spalte 2 | Spalte 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |

Beispiel:

---

Schriftarten

**Schriftart Fett**
Schriftart Fett

*Schriftart kursiv*
Schriftart kursiv

~~Schriftart durchstrichen~~
Schriftart durchstrichen

---

Code darastellen der nicht ausgeführt wird.

Einzeilig

**Beispiel: **

Leerzeile

Mehrzeilig:

Leerzeile
horizontalew Line
Schriftart Fett

---

Aufzählungen

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}
• _{es können Bilder eingefügt werden}

In Reihe

* Aufzählung 1 (Leerzeile nach *)
* Aufzählung 2 (Leerzeile nach *)
* Aufzählung 3 (Leerzeile nach *)

• Aufzählung 1 (Leerzeile nach *)
• Aufzählung 2 (Leerzeile nach *)
• Aufzählung 3 (Leerzeile nach *)

Versetzt:

* Aufzählung 1 (Leerzeile nach *)
* * Aufzählung 2 (Leerzeile nach *)
* * Aufzählung 2 (Leerzeile nach *)
* * * Aufzählung 3 (Leerzeile nach *)
* * * *Aufzählung 3 (Leerzeile nach *)

• Aufzählung 1 (Leerzeile nach *)
• • Aufzählung 2 (Leerzeile nach *)
• • Aufzählung 2 (Leerzeile nach *)
• • • Aufzählung 3 (Leerzeile nach *)
• • • Aufzählung 3 (Leerzeile nach *)

Nummeriert:

1. Text Nummer 1
2. Text Nummer 2
3. Text Nummer 3

1. Text Nummer 1
2. Text Nummer 2
3. Text Nummer 3

---

Bild mit einen Link versehen

<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a>

Beispiel:

kann mit dem Code <center> xxxx </center> zentriert dargestellt werden.

<a href="https://steemit.com/@greece-lover"> <center>![Random Bild](https://steemitimages.com/DQmU6eJLbkUnWk7FBH5pHivjLmb6jyj9uyfGQSvuNcuRuWN/holli1.jpg)</center></a>

mehrere Bilder mit Links versehen
Beispiel mit 3 Bildern

<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> |
<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> |
<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> 
--- | --- | ---

Beispiel:
in Tabellen kann mit verschiednen Schriftarten und Schriftgrößen gearbeitet werden.

---

URL per Schrift verlinken

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}

[Text wie die URL bennant wird](URL)

Beispiel:

[**Wikipedia** Eintrag - Steemit](https://de.wikipedia.org/wiki/Steemit)

Wikipedia Eintrag - Steemit

---

Horizontale Line(n)

Einzelne Linie:

---

---

Drei Linien untereinander:

----
***
----

---

---

---

---

Bilder und Text nebeneinander / Mittig:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

Bild rechts - Text links

<div class="pull-right"><img src="Link zum Bild" /></div>

Text der auf der linken Seite dargestellt wird

Beispiel:

Text auf der linken Seite. Diese Internetadresse ist ein Link zu Steem

---

Bild links - Text rechts

<div class="pull-left"><img src="Link zum Bild" /></div>

Text der auf der rechten Seite dargestellt wird

Beispiel:

Text auf der linken Seite. Diese Internetadresse ist ein Link zu Steem

---

Text oder Link uner einen Bild
Um die Seiten zu tauschen pull-right in pull-left ändern.

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

Text unter dem Bild:

<div class="pull-right"><center><img src="Link zu dem Bild" /><br/><em>Test unter dem Bild</em></center></div>

Beispiel:

Text der auf der linken Seite steht.

---

Link unter dem Bild:

<div class="pull-right"><center><img src="Link zu dem Bild" /><br/><em><a href="Link zu der URL">Bennenung des Links</a></em></center></div>

Beispiel:

Text der auf der linken Seite steht.

---

Text oder Bilder nebeneinander

Text:

• _{kann mit dem Code von Schriftart und Schriftgröße kombiniert werden.}
• _{es können Internettseiten (URL)eingefügt werden}

<div class=pull-right>Text auf der rechten Seite </div>
<div class=pull-left>Text auf der linken Seite </div>

Bilder links und recht zentriert
wenn man <center> & </center> entfernt sind die Bilder auf der linken und rechten Seite ausgerichtet.

<div class="pull-left"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div>
<div class="pull-right"><center><img src="https://i.imgur.com/HwzdlNR.png" /></center></div>

Spalte 1	Spalte 2	Spalte 3
Zeilenumbruch mit dem Code <br> kann eingefügt werden	Text kann in verschiednen Schriftarten eingefügt werden	kann mittig angeordnet werden https://steemit.com>