Formatierungen von Beiträgen leicht gemacht, hier meine kleine Gedankenstütze

greece-lover (79)in #deutsch • 4 years ago (edited)

Diesen Beitrag habe ich schon einmal veröffentlicht. Da aber doch einige neu zu Steem gefunden haben ist es für den ein oder anderen vielleicht von Interesse.

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.

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

Zeilenumbruch - Leerzeile(n)

<br>
<br>
<br>

Zeile 1
&nbsp;
Zeile 2
&nbsp;
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

Text Nummer 1
Text Nummer 2
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 unter dem Bild

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:

greece-lover

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>

Text auf der rechten Seite

Text auf der linken Seite

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>