So erstellst Du einen HTML-Umschalter für Sprachen ( Markdown Update! )

in #steemit7 years ago (edited)


Bildschirmfoto 2018-02-03 um 20.37.17.png

Das Prinzip:



Auf zwei Dokumenten die Du in Deutsch und Englisch geschrieben hast, kannst Du einen Link mit jeweils einen Verweis auf das andere Dokument setzen. Dadurch entsteht beim Leser ein Umschalteffekt, wenn er auf die Sprache klickt. Das wirkt sehr komfortabel, gerade für Artikel die in mehreren Sprachen veröffentlicht werden.

Hier das Ergebnis:




Deutsch | English


Klick einfach auf die Sprache.
Der Text schaltet dann zwischen den Sprachen um.

Markdown-Varianten

Von Englisch nach Deutsch:

[1]: /cryptocurrency/@halloworld/kurzes-statement-wie-man-klassisch-spekuliert-daytrading
[Deutsch][1] | English



Von Deutsch nach Englisch

[2]: /cryptocurrency/@halloworld/short-statement-how-to-speculate-classically-daytrading
Deutsch | [English][2]


HTML-Varianten

Von Englisch nach Deutsch :

<br><center><a href="/cryptocurrency/@halloworld/kurzes-statement-wie-man-klassisch-spekuliert-daytrading"> Deutsch </a> | English </center><br>


Vom Deutsch nach Englisch:

<br><center> Deutsch | <a href="/cryptocurrency/@halloworld/short-statement-how-to-speculate-classically-daytrading"> English </a></center><br>


Der entscheidende Teil steht im href.
Hier gibst Du einfach, nach genau dem selben Schema, den relativen Pfad an. Die URL kannst Du weglassen, da diese vom Browser ergänzt wird.

statt alles zu schreiben :

https://steemit.com/cryptocurrency/@halloworld/short-statement-how-to-speculate-classically-daytrading


fällt das hier weg :

https://steemit.com


übrig bleibt das hier:

href="/cryptocurrency/@halloworld/short-statement-how-to-speculate-classically-daytrading


Die Angabe relativer Links, statt direkter Links, macht den Link flexibler. So kannst Du nicht nur auf Steemit zwischen den Sprachen umschalten, sondern auch auf busy.org/i/@halloworld . Meist ist der relative Link der Gleiche.

Wenn man etwas schaut, nach welchen Regeln die Links erstellt werden, kann man schon vor dem Veröffentlichen die Links anpassen.


  • Der Link wird aus der Überschrift zusammengesetzt.
  • Alles wird klein geschrieben.
  • Deutsche Umlaute werden als ae z.b. für ä geschrieben usw.
  • erste Kategorie als Teil des Links . z.B. : /steemit

Wenn Dir der Beitrag gefällt, kannst Du ihn gern voten und reesteemen.



#hilfe #steem #deutsch #markdown #text #blogging #blog #schreiben #text #texten #sprache #deutsch #englisch #umschalter #code #html #aid #german #language #english #switch

Sort:  

Obwohl dieses ganze Gewurschtel mit den Zeichen mich leicht wirr macht, bin ich für deine Hilfe echt dankbar.
Eine Frage bleibt mir jedoch noch: Dieser senkrechte Strich, den du vor bzw. hinter die Sprache stellst, wo finde ich das Zeichen überhaupt?
Gruß Wolfram

Bei Mac ist das alt + 7
Bei PC : ALT GR + <

Mein Dank für das Öffnen meiner Augen. Ich bin so blind, dass ich schon fast so etwas wie Schamgefühle eingestehen müsste.
Danke, Wolfram

Ich hab das Ganze nochmal einem Update unterzogen.
Jetzt kann man auch mit Markdown diese Umschaltfunktion umsetzen.
Die ist auch etwas übersichtlicher.

Danke für dieses Tuturial

Sehr gut Hinweis! Werde ich demnächst mal testen! Danke!