German tutorial #11: Attraktive Textgestaltung 2.0 - Formatierung & Tabellen

in #deutsch7 years ago (edited)


Klickt auf das Bild um zum Video zu gelangen


Attraktive Textgestaltung 2.0 - Formatierung & Tabellen


Im zweiten Teil meiner deutschsprachigen Tutorials sind wir ja auf die Basics der Textformatierung eingegangen - Dieser Teil schließt dort an und zeigt weitere Optionen der Textgestaltung auf.

Wie im Video versprochen, hier die verwendeten Codes:

Zitieren:
>Zitierter Text

=

Zitierter Text


Zentrieren:
<center> Zentrierter Text </center>

=

Zentrierter Text


Zweispaltiger Text/Bilder:
<div class=pull-right>Dieser Text wird nun auf der rechten Seite angezeigt.</div>
<div class=pull-left>Dieser Text wird nun auf der linken Seite angezeigt.</div>

=

Dieser Text wird nun auf der rechten Seite angezeigt.
Dieser Text wird nun auf der linken Seite angezeigt.

Tabellen:
Überschrift | Überschrift
--- | ---
Inhalt | Inhalt

=

ÜberschriftÜberschrift
InhaltInhalt

Die Kernmessages


  • Der Markdowneditor bietet sehr viele Möglichkeiten Beiträge optisch ansprechend zu gestalten

  • Aussehen ist jedoch Geschmackssache, also ruhig herumprobieren, bis es euch selbst gefällt :)

Links:

Ein sehr guter "Cheat-Sheet" für diejenigen, die sich lieber was ausdrucken: https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet


Für weitere Fragen stehe ich euch via Kommentarfunktion gerne offen - Schnellere Hilfe gibts aber im Discordserver der deutsche Community (Link zum Beitreten: https://discord.gg/3kcG4Tj)

Hier gibt es mehr Infos zum Server und zu Discord: The german community has it's own Discord server now - Weekly Meetups planned! [GER]


Ich hoffe das war nicht zu viel und ich hoffe es hilft euch ;)

Liebe Grüße, Martin


Übersicht der "German Tutorial" Reihe

Anm.: Die Bilder sind Links zum jeweiligen Beitrag


cov1.pngcov2.pngcov3.png
cov4.pngcov5.pngcov6.png
cov7.pngcov8.pngcov9.png
cov10.pngcov11.pngDQmePrFbN86EqTqo1ohQiNK6XK2A3EJeWgBedCv5PBZthsZ_256x512.png

▶️ DTube
▶️ IPFS
Sort:  

Wow super tutorial, danke dir dafür! Hab direkt mal versucht deine "Bildergallerie" am Ende des Posts nachzubauen.

Hat scheinbar geklappt :)

<a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a> | <a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a> | <a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a>
--- | --- | ---
<a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a>| <a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a> | <a href="https://steemit.com/deutsch/@theaustrianguy/3zh3u7k9"> ![Random Bild](https://picsum.photos/200/150) </a>

Am wichtigsten find ich ja für uns Deutschen das zweispaltige Layout, dann kann man in einem Post möglichst viele Leute erreichen :)

Außerdem finde ich es auch sehr nett wenn man dann auch die Paragraphen entsprechend nebeneinander hat, d.h. je nachdem wo der Text kürzer ist noch ein paar Zeilenumbrüche (z.b mit <br />einfügt.
Aber vielleicht ist das auch nur Geschmackssache bei mir, weil ich gerne die Texte vergleiche^^

PS: Australian Sheperd <3
Hier meine Kleine :) (Ist zu 75% ein Aussie)
2254d1df-5d40-4a65-9208-004a5a5c5a02.jpg

top, danke Dir... werde ich auf jeden Fall beim nächsten Post mit ausprobieren... habe selbst feststellen müssen, dass ich nicht so wirklich zufrieden mit meiner bisherigen Textgestaltung bin... also schon einmal danke für die Infos

LG

hey martin,

danke für die nützlichen Info's. Das ein oder andere wird für mich sicherlich i Frage kommen, wenn ich meinen nächsten Post veröffentliche.

Das ist Sehr nützlich und werde ich auf jeden Fall für meine Post gebrauchen können

Ein Glück, dass ich gestern abend noch alle vorangegangenen Totorials angeschaut habe :) Vielen Dank, dass du dein Wissen über Steemit mit uns teilst (y)

Danke! Sicher sehr hilfreich für viele.
Ich persönlich stehe ja sehr auf "cheat sheets". Alle wichtigen Formatierungen Newbie gerecht auf ein DinA4 - Fertig. Fände es klasse, wenn du da auch noch Lust drauf hättest bzw. das als Anregung verstehst. Wäre noch mal ein paar schöne hilfreiche posts. @theaustrianguy

Da gibt es schon gute solcher "Cheat-Sheets": https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet

Einen solchen zu kopieren hätte wohl wenig Sinn ;) Aber ich verlinke ihn im Post!

PS.: Du kannst dir natürlich für die Befehle aus dem Video auch diesen Post ausdrucken, auf steemit sind ja die Befehle schriftlich ausgeführt ;)

Danke für die hilfreichen Tutorials. Ich hoffe steemit entwickelt sich da weiter macht das editieren so einfach wie in anderen plattformen

Danke ! Werde auf jeden Fall manche Sachen gut gebrauchen können :)

ja daran hapert es hier ein wenig mit der Formatierung. Muss ich selbst gestehen dass dies an mir auch nicht spurlos vorbei geht und ich oft eigentlich schönere Formatierungen gerne hätte....

Gutes Video, wie immer!
Danke für deine Videos leider gibt es viel zu wenige deutschsprachige Tutorials zu diesem Thema. :D
@theaustrianguy

gut das Du so ein Tutorial gemacht hast, das wird einigen helfen. Mir ist auf Steemit aufgefallen ( gerade wenn man etwas schreibt ) wie verwöhnt man durch die ganzen Editoren eigentlich ist. Vor 15 Jahren waren die noch garnicht so verbreitet, und man kam damit auch klar. Da merkt man man wie schnell das alles in den letzten Jahren ging

Ja, schon erschreckend - Aber eben auch cool, dass man so was lernen kann - Vor 8 Monaten, kannte ich 0 Befehle aus den beiden Styling-Tutorials :)

Sehr schön, nach der #neulingschallenge geht es gleich mit fortgeschrittener Formatierung weiter! Das dürfte nicht nur den Einsteigern weiterhelfen. Ich finde den Vorschlag mit paralleler Darstellung von deutschem und englischem Inhalt besonders interessant, da ich zukünftige Posts auch in beiden Sprachen anbieten möchte.

das ist hilfreich
resteem

Also meine Posts sehen alle total furchtbar aus ich glaub ich sollte mich damit auch Mal beschäftigen :D

Hallo Martin

Wie immer eine super Gebrauchsanweisung. Hab alles ausprobiert. Wenn ich ein Bild in einen Text einfüge verliert er die Formatierung. Soll heißen kursive oder fette Schrift verschwindet und es sind die Sonderzeichen zu sehen. hast Du einen Rat für mich ?

Ich glaube das sollte mir helfen :) mal wieder cooles Video

Nen vernünftiger wysiwyg-Editor wäre schon nice. :D

Educational program at the level. Germany is well known in these areas.
thx for sharing

😂😂😂 cant understand..i need a translator please😂😂😂

This post shows you how to format a text using Markdown
Zitieren = quote
Zentrieren = centering
Zweispaltiger Text/Bilder = put text/pics into two columns
Tabellen = table
hopefully it's helpful for you

owassam post.....

i didnt understand german.
can you help to undertand this context.?

It´s about the right way to format your content. I found a very related post in english version: https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users
Hope this will help you!

Ah! Das mit den zwei Spalten hatte ich mich schon gefragt wie man das macht. Hatte das selbst aber nur in einem Post gesehen, den ich danach nicht wieder gefunden habe, sonst hätte ich es auch selbst raus finden können :D Die ganzen Tricks sollten mir auf jeden Fall dabei helfen meine Texte etwas schöner aussehen zu lassen! Danke dafür!

Danke für das Video. Besonders den Teil, zweisprachige Einträge rechts und links zu teilen, finde ich besonders gut. Es hat sich schon sehr für mich gelohnt, deinen Kanal / Blog zu abonnieren.

Wieder ein klasse Tutorial! Infos, Struktur, Ton, Hustenbonbons alles Top.
Ich fange echt an mir Gedanken über etwas Eigenes zu machen.
Weiter so!

Wie immer sehr informativ. Du steckst hier unwahrscheinlich viel Energie hier rein. Das motiviert, Danke!
Viele Grüße von einem Steemit Grünschnabel

Hehe, sehr gut. Kann man echt nicht oft genug wiederholen. Seh so oft Beiträge wo ich mir denke, nur ein bissli Formtierung und es wär so viel leichter zu lesen gewesen.

Deine Übersicht der Tutorials sieht sehr gut aus.
Musste gleich mal darauf drücken 😁

Ich hätte mal eine Frage außerhalb des Themas und hoffe, du kannst sie mir beantworten.
Ich habe auf YouTube vier Kanäle und würde gern die anderen drei auch rüber holen. Das Problem ist, dass ich sie neu erstellen muss und für jede Verifizierung eine Handynummer gebraucht wird. Weißt Du, ob D-Tube plant, dass man Unterkanäle wie auf YouTube erstellen kann? Ich kann ja kaum für jeden Kanal mir eine extra Handynummer holen. Das wäre ein wenig krass.

Man kann sich auch Accounts ohne Handynr erstellen ;) Siehe https://steeminvite.com von @pharesim! Dann musst du halt ein bisschen was für den Account zahlen, da jeder Account eine Creation-Fee erfordert!

Na, dann muss ich wohl noch warten. Mit 2,95$ komme ich da wohl nicht weit. Aber danke für die Info, so werde ich es dann machen.

Toll, ein Nachschlagewerk! Dankeschön, ich suche nämlich immer nach neuen Ideen für meine Beiträge !

Cool - sehr gut und hilfreich, ich brauch zwar nix kompliziertes, da ich versuche blogposts hier eher kurz zu halten, aber Deine Zusammenfasung habe ich mir mal gleich als Nachschlagewerk germerkt.

Lieber Martin , leider funktioniert dein link zu dem Video Nr.2 nicht . Ansonsten wieder ein gutes Video

Hm, bei mir funktioniert er einwandfrei? Klickst du dann im Post zu Video 2 eh aufs Bild? :)

Danke dir Martin. Das hilft echt weiter.

Das hilft ja mal richtig weiter ! Einfach super!!!

Danke dafür...habe schon lange überlegt, ob dies möglich ist. :-)

Gruß Robert

man kann eigentlich auch ein bild per drag & drop ins text feld ziehen und es wird automatisch der link erstellt.

nicht ganz zum Thema, aber Themenverwandt habe ich folgende Frage: Ist es möglich Beiträge, welche im steemit-Netzwerk erstellt werden so zu formatieren, dass beispielsweise Bilder oder Videos bei teilen auf den socialmedia-Plattformen der entsprechende Beitrag eingebunden wird? (Vorschaubild und Text etc. und nicht nur ein blanker Link zur Blockchain-Plattform)
besten Dank vorab und viele Grüße