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 1 | Content from cell 2 |
| Content in the first column | Content in the second column |
| Content in the third column will be longer as usual and Im courious how does this look like | Content 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 1 | Content from cell 2 |
| Content in the first column | Content in the second column |
| Content in the third column is same long | Content 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:
"możemy wrzucić jakiś cytat" lub obrazek, który się sam dopasuje (ja użyję flag ktore posiadają licencję creative commons)
https://gateway.ipfs.io/ipfs/QmTVPjHbkZWzk2oG7PHm3AwA6UL5UjA8aXRyxpfG3kg3Rc
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
https://gateway.ipfs.io/ipfs/QmScWxoLCw9LLh3WeSRDNZQrECVrHvXrikdup5DgLtHWns
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/
To w takim razie do motywacji mam pytanie ;) Jak otaczać zdjęcie tekstem?
Jasne, chętnie pomogę wygląda to podobnie, otóż:
przykladowy text poczatek text na otaczanie z gory i przykladowy tekst wszytsko ok!
przykladowy text poczatek przykladowy text przykladowy text przykladowy text text na otaczanie z prawej text na otaczanie z prawej przykladowy textprzykladowy textprzykladowy textprzykladowy textprzykladowy textprzykladowy text przykladowy end.
otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu tekstem otaczenie z dolu end.
// tu jest text na otaczenie z gory <hr> <div class="pull-left"> <img src="Twoj_adres_obrazka" /> </div> przykladowy tekst na otaczanie z prawej. <hr> <br></br> // tu jest text na otaczenie z doluDzięki. A da się to zrobić w Markdown a nie w html?
Na zasadzie : align left, align right. Wygodna i fajna sprawa, ale ...
Pogooglalem troche i mozemy odniesc się do srodka na zasadzie
marka, ale ...
póki co no option w Markdownie na align right, więc pozostaje nam czekać, albo używać juz teraz wyżej wymienionych kodów co nam #steemit pozwala ;)
Link: https://stackoverflow.com/questions/35077507/how-to-right-align-and-justify-align-in-markdown
Tutaj jeszcze ta opcja wypośrodkowania contentu na zasadzie #markdown.
<center> (Twoj-link) </center>Contenetem może byc treść, grafika, wykres, gif, link do filmu etc.
Dzięki bardzo za pomoc i informacje i poświęcony czas :) Nie mam "Super Power" niestety ;)
kolego a czy można tekst wyjustować w każdej z kolumn czy to niemożliwe?
Tak jest to możliwe. Do justowania służy nam poniższy znacznik #HTML:
<div class="text-justify">(tresć-kolegi)</div>obowiązkowa lektura, artykuł - wyjustuj tekst.
Dzieki za zapytanie! Polecam się na przyszłość @naxlink
dzięki