Beitragsformatierung leicht gemacht | Tipps für Neueinsteiger bei Steem |

in #steem-bootcamp6 years ago (edited)

Solltest du fragen haben oder Hilfe benötigen dann kommen zu uns in das German Steem Bootcamp. Dort helfen wir dir gemeinsam bei allen Fragen die Steem betreffen.

Anklicken und Mitglied werden


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


Schriftfarben

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

<div class=phishy>[rote Schrfiftfarbe]</div>

[rote Schrfiftfarbe]


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

Random Bild

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.

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>


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:






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>
Heraion Ausgrabungsstätte
Dimitrios Schiffswrack in Gythion
Festungsanlage Acrocorinth
Random Bild
Random Bild
Random Bild



















Sort:  

Super Anleitung!
Herzlichen Dank dafür!

wow danke für die hilfe.Da muss ich mich durchlesen ,bis ich das kapier.

Echt klasse, das hab ich mir gleich mal gespeichert. Da ist so ziemlich alles enthalten was ich schon des öfteren gesucht habe.

Vielen Dank!

Genau auf so etwas habe ich gewartet! Habe gleich mein Lesezeichen gesetzt.

Klasse, damit muss ich mich auch noch beschäftigen. Sehr hilfreich, danke

Das ist genau das was man immer wiede rbraucht beim Beiträge schreiben. tippen ist einfach formatieren manchmal eine Wissenschaft, und für Nachwuchs Steemer ein Buch mit sieben Siegeln.
Grundausstattung ! Upvote
Zwischenlinie-2 für Steem-Post 940x120.png
mit sonnigen Grüßen aus Andalusien
Don Thomas

Wow,

das ist mal ne Anleitung !! Danke dafür, damit kann man so manchen Beitrag auch optisch lecker "anrichten" !!

Dankeeeeeeee

Michael

Alles was der Learning by doing Blogger braucht ! Danke !

Sehr gute Anleitungen, aber bis ich das alles kapiert habe, wird wohl ne Zeit dauern. Gruss Helmut

Tolle Sammlung, danke!
Wird direkt geteilt...

Coin Marketplace

STEEM 0.25
TRX 0.20
JST 0.035
BTC 95037.22
ETH 3446.03
USDT 1.00
SBD 3.46