funkcja wyjustuj steemit, wyjustuj busy | Steemit content design - Markdown HTML text-justify

in #polish7 years ago

Edycja tekstu - design steemit'a

Witajcie moi drodzy kryptozwolennicy!
W tym poście pozwolę sobie przedstawić jeden z ważnych apektów, jeżeli chodzi o samą platformę Steemit, busy cyz utopia a mianowicie design publikowanych tresci. Z tego względu, iż zawodowo zajmuję się deweloperką, designem oraz tłumaczeniami. Postaram sie te wszystkie pojęcia powiązać ze sobą i pokazać jak możemy wykorzystać wyżej wymione umiejetności w praktyce a konkretnie jak możemy je stosować na #steemit #busy #utopian i jeszcze wiele innych platform, które zasilane są silnikiem markdowna.

Postaram się Wam szybko przedstawić szablon który dla Was wykonałem

#Wyjustowanie tekstu

wyjustuj.png
Oto przyklad kodu HTML który możemy zastować aby uzyskać efekt wyjustowania tekstu:

<div class="text-justify">(tu-znajduje-sie-tekst) </div>

Przykład wygląda nastepujaco:

Jeśli masz zamiar wyjustować swój tekst, to bardzo dobrze, że trafileś właśnie na ten artykuł. Prezentuję tu strategie symetrycznego wyrownania tekstu w #steemit #busy #utopian wykorzystuja one bowiem kreator tektu zasilany markdownem, jest to świetny sposób na przekaz treści, a w zasadzie idealny trick dla tych co juz piszą bądź mają zamiar pisać sexowne posty, artykuły. Na szczęście nawet nie musicie mieć ogarniętych podstaw programowania, każdy początkujacy sobie śmialo z tym poradzi, jest to prosta edycja tekstu.

Tabelki i dzielenie tekstu na kolumny znajdziecie tutaj

a właśnie dostalem komentarz od @jasiu czy wiem, jak sie wyjustowuje w kolumnach, dzieki za pytanie. Wystarczy ze zostanie zastosowany poniższy kod #HTML:

  <div class="text-justify">
  (tu-znajduje-sie-tekst-po-lewej-strony)
  </div>(tu-znajduje-sie-tekst-prawej-kolumny)
  </div> 



Przykład wygląda tak jak poniżej, tyle że obie kolumny sa wyjustowane, ja zamknąłem wczesniej div-tag'a klasy "text-justify":


Natomiast wyjustowanie kolumnowe wygląda następująco. Okay tu widać efekt, tekst jest wyjustowany kolumnowo. Mam nadzieje ze u Was działa to tak jak u mnie. Teraz to wystarczy tylko wypełnić contentem, ja dla przykładu zastosuję każdemu nam dobrze znany wepelniacz tekstu 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 dolores et ea rebum.
Super, wszystko wygląda dobrze, a tu na przykład tekst nie bedzie wyjustowany: 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 dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Jeśli chcecie mi dodać choć odrobinę otuchy - Upvotujcie, Resteemujcie i pytajcie chętnie Wam pomogę!

Dzięki i pozdrawiam Naxlink @naxlink

Sort: