You are viewing a single comment's thread from:

RE: Markdown Tutorial + Steemit Blogging Tips

in #tutorial • 6 years ago (edited)

A Steemit specific - you can use the <div class="pull-right></div> and <div class="pull-left></div> to push photos to one side of the screen or another.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
6 years ago in #tutorial by
$2.93
  • Past Payouts $2.93, 0.00 TRX
  • - Author $2.51, 0.00 TRX
  • - Curators $0.42, 0.00 TRX
Reply 12
Sort:  
  • Trending
    • [-]
     6 years ago 

    Nice, so what if you want to reduce a photo size in a post?

    $0.00
      Reply
      [-]
       6 years ago 

      I didn't know this one off the top of my head. If you use steemitimages to host the image, you can add a https://steemitimages.com/{height}x{width} to the start of the url.
      To make this sequence of images:

      <div>
https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png
https://steemitimages.com/100x100/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png
https://steemitimages.com/50x50/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png
</div>
      $2.31
      • Past Payouts $2.31, 0.00 TRX
      • - Author $1.75, 0.00 TRX
      • - Curators $0.55, 0.00 TRX
      Reply
      [-]
       6 years ago 

      Fantastic!!!! Thank you.

      $0.00
        Reply
        [-]
         6 years ago 

        the best contribution with which I could come across. Many thanks!!

        $0.00
          Reply
          [-]
           6 years ago 

          tsss markdown sorcery!

          $0.00
            Reply
            [-]
             6 years ago 

            Whoa! That's a great trick!

            $0.00
              Reply
              [-]
               6 years ago 

              This is great - I've always wondered how to do this and now I know! Thank you

              $0.00
                Reply
                [-]
                 6 years ago 

                Nice!! Excellent example of justifying images within text. Thanks for sharing this @maxg :D

                $0.00
                  Reply
                  [-]
                   6 years ago 

                  Nice, so what if you want to reduce a photo size in a post?

                  $0.00
                    Reply
                    [-]
                     6 years ago 

                    Thank you for posting this instruction! I have been looking for it!

                    $0.00
                      Reply
                      [-]
                       6 years ago 

                      This is really useful, thanks for sharing

                      $0.00
                        Reply
                        [-]
                         6 years ago 

                        Good HTML note bud!

                        $0.00
                          Reply

                          Coin Marketplace

                          STEEM 0.28
                          TRX 0.13
                          JST 0.032
                          BTC 60725.43
                          ETH 2900.91
                          USDT 1.00
                          SBD 3.59