Jak pisać dwujęzyczne posty wykorzystując funkcję tabelarczną oraz dzielenie kolumn na prawo i lewo / Editing steemit for multilingual purposes

in #polish7 years ago (edited)

Siemacie ludziska! Hello guys!

Z dedykacją do polish steemowców,

piszę ten artykuł, ponieważ jak łatwo zaobserwować, Polska społeczność nadaje, a i nabiera na Steemie coraz to większego kopa, zatem analizujac trend aby sie wybić globalnie - warto publikować posty nie tylko w języku polskim - multilingualizm często okazuje się być kluczem do sukcesu.

Jeśli chcesz podzielić swój content na dwie kolumny, to bardzo dobrze, że trafileś właśnie na ten artykuł. Prezentuję tu dwie strategie do dzielenia tekstów, jest to świetny sposób na przekaz treści, a w zasadzie idealny trick dla tych co juz piszą bądź mają zamiar pisać dwujęzyczne wersje postów, artykułów, czy nawet mają zamiar prezentować przeciwstawne galerie.
Na szczęście nawet nie musicie mieć liźnietych żadnych podstaw programowania, każdy laik śmialo sobie z tym poradzi, jest to prosta edycja tekstu.

Tabelka nieproporcjonalna co do długości tekstu

z jednej strony można skorzystać z tabelki, niestety prezentuje się ona dość topornie, szczególnie wtedy gdy mamy do czynienia z dysproporcjami w dlugosci tekstów, wyglada to tak:

pierwszy jezyk [PL]second language not [PL]
Content from cell 1Content from cell 2
Content in the first columnContent in the second column
Content in the third column will be longer as usual and Im courious how does this look likeContent in the third column

Tabelka proporcjonalna co do długosci tekstu

a z drugiej strony można skorzystać z tabelki, jest to łatwe w użytkowaniu kod źródłowy znajduje się poniżej i wyglada tak, gdy mamy do czynienia z proporcjonalną dlugością tekstu:

pierwszy jezyk [PL]second la [PL]
Content from cell 1Content from cell 2
Content in the first columnContent in the second column
Content in the third column is same longContent in the third column is same long

Robimy tabelkę, zamieszczamy treść w formie tabelarycznej:

a w zasadzie to właśnie tak się koduje w edytorze tabelki. Wystarczy, że skopiujesz poniższy kod źródłowy i wkleisz go do swojego okna!

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column

A tak trochę bardziej #Pro

Osobiście wolę zastosowanie znaczników kodu HTML, są rownież proste w stosowaniu, lecz efekt jest czytelniejszy, ponieważ pozostaje nam więcej pola, jakiego pola? Pola do popisu oczywiście, z resztą oceńcie sami:

<div class="pull-left"> Ta treść będzie zaprezentowana po lewej stronie </div>

Natomiast jeśli koncentrujemy się już na prawej stronie,

wystarczy odwolać się zamiast do "pull-left" analogicznie do prawej czyli "pull-right"

<div class="pull-right"> Ta treść będzie wyświetlona po prawej stronie </div>

Efekt:

Wypełniamy lewą kolumnę z oryginalnym tekstem:
"możemy wrzucić jakiś cytat" lub obrazek, który się sam dopasuje (ja użyję flag ktore posiadają licencję creative commons)



Flag of Poland https://commons.wikimedia.org



linie też mozemy zastosować

I co, w efekcie uzyskujemy lepszą czytelność, prawda ?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo

Wypełniamy prawą kolumnę z przetłumaczonym tesktem: "use the same quotation but just change the language"or, put a pic (as a example I use a flag of UK and Germany)




Flag of the United Kingdom & Germany https://commons.wikimedia.org



You can also make line-tag

And what we've noticed is the effect, hope you can chech that too, right?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo



Jeśli chcecie mi dodać choć odrobinę otuchy i mnie ciut zmotywować - Upvotujcie!

Dzięki i pozdrawiam, @naxlink

Links:
Inspierd by @thoughts-in-time, ITnax & Naxlink Team
https://commons.wikimedia.org/wiki/File:Flag_of_Poland_(state).svg
https://commons.wikimedia.org/wiki/File:Flag_of_the_United_Kingdom_and_Germany.svg
https://guides.github.com/features/mastering-markdown/


Sort: