scrobble.life
#steem

Formatting of contributions made easy, here my little thought support

All possible receipts go to the curator account of the GSB - Since Steem Plus simply retains 5 % beneficiaries itself it is 95 %.

I have already published this article once. But since some of you found new Steem it might be of interest for some of you.


Holly's Steem Info - Tips & Tricks and Apps & Tools - briefly explained

I created this article to deal with the different possibilities of text and image formatting at Steem. Since I have only been a member of Steem for four weeks, it was very difficult for me to use the different **possibilities of text formatting ** at the beginning. That's why I created this little help.

Steem Editor english

Quoted text - block quotes - in series

>Quoted text
>Quoted text
>Quoted text

Quoted text

Quoted text

Quoted text



Quoted text - block quotes - offset

>Quoted text offset
Quoted text offset
>>Quoted text offset
Quoted text offset
>>>Quoted text offset
Quoted text offset

Quoted text offset

Quoted text offset

Quoted text offset

Quoted text offset

Quoted text offset

Quoted text offset



Line break - blank line

<br>
<br>
<br>




Line 1
&nbsp;
Line 2
&nbsp;
Line 3

Line 1   Line 2   Line 3



font sizes

==>The normal written font looks like this

<sub> Normal font reduced </sub>
<sub><sub> Normal font reduced</sub>
<sub><sub><sub> Normal font reduced </sub>

Normal font reduced Normal font reduced Normal font reduced



headlines

code # or <H1>Text</H1>

font size H1 - Headline followed by a blank line

code ##or <H2>Text</H2>

font size H2 - Headline followed by a blank lineor

code ###or<H3>Text</H3>

font size H3 - Headline followed by a blank linecode

code ####or<H4>Text</H4>

font size H4 - Headline followed by a blank line

code #####or<H5>Text</H5>

font size H5 - Headline followed by a blank line

code ######or<H6>Text</H6>

font size H6 - Headline followed by a blank line


Text, Center image URL

  • can be combined with the code of font and font size.

`

Text

`

Text

Exemplar:

`

Text , picture URL concentric represent

`

Text , picture URL concentric represent

https://steemit.com/



Simple table:

  • can be combined with the code of font and font size.
  • Internet pages (URL) can be inserted werden
  • pictures can be inserted
| column 1 | column 2 | column 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |

Beispiel:




font styles

**Font Bold** Font Bold

*Font italic* Font italic

~~Font crossed out~~ Font crossed out



Display code that is not executed.

Single-line

**exemplar: **

empty line

Multiline:

empty line horizontal Line Font Bold



bulleted list

  • can be combined with the code of font and font size.
  • Internet pages (URL) can be inserted werden
  • pictures can be inserted

In series

* bulleted list 1 (Empty line after *)
* bulleted list 2 (Empty line after *)
* bulleted list 3 (Empty line after *)
  • bulleted list 1 (Empty line after *)
  • bulleted list 2 (Empty line after *)
  • bulleted list 3 (Empty line after *)

Shifted:

* bulleted list 1 (Empty line after *)
* * bulleted list 2 (Empty line after *)
* * bulleted list 2 (Empty line after *)
* * * bulleted list 3 (Empty line after *)
* * * *bulleted list 3 (Empty line after *)
  • bulleted list 1 (Empty line after *)
    • bulleted list 2 (Empty line after *)
    • bulleted list 2 (Empty line after *)
      • bulleted list 3 (Empty line after *)
      • bulleted list 3 (Empty line after *)

Numbered:

1. Text Nummer 1
2. Text Nummer 2
3. Text Nummer 3
  1. Text Nummer 1
  2. Text Nummer 2
  3. Text Nummer 3


Link the image

<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a>

exemplar:

can be started with the code `

xxxx

` can be displayed centered.

`

Random Bild

`

Random Bild

add links to several pictures Example with 3 pictures

<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> |
<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> |
<a href="Link der URL"> ![Random Bild](Link zu dem Bild)</a> 
--- | --- | ---

exemplar: in tables you can work with different fonts and font sizes.

|

Heraion archaeological site

|

Dimitrios shipwreck in Gythion

|

fortress Acrocorinth

| | --- | --- | --- |

Random Bild

|

Random Bild

|

Random Bild


URL link by text

  • can be combined with the code of font and font size.

[Text like the URL is named](URL)

exemplar:

[**Wikipedia** listing - Steemit](https://de.wikipedia.org/wiki/Steemit)

Wikipedia listing - Steemit



Horizontale Line(n)

Single line:

---


Three lines below each other:

----
***
----





Images and text side by side / center:

  • can be combined with the code of font and font size.
  • Internet pages (URL) can be inserted

picture right - text left

<div class="pull-right"><img src="Link zum Bild" /></div>

Text displayed on the left side

exemplar:




Text on the left side. This Internet address is a Link to Steem





left image - right text

<div class="pull-left"><img src="Link zum Bild" /></div>

Text displayed on the right side

exemplar:




Text on the left side. This Internet address is a Link to Steem






Text or link without a picture To switch pages change pull-right to pull-left.

  • can be combined with the code of font and font size.
  • Internet pages (URL) can be inserted

Text under the image:

`


Test unter dem Bild

`

example:


Text under the image





Text on the left side.







Link under the picture:

`

`

example:





Text on the left side.







Text or images side by side

Text:

  • can be combined with the code of font and font size.
  • Internet pages (URL) can be inserted
<div class=pull-right>Text on the right side </div>
<div class=pull-left>Text on the left side </div>



Text on the right side
Text on the left side





Images left and right centered if you `

&

` removed, the images are aligned on the left and right side.
<div class="pull-left"><center>

<img src="https://i.imgur.com/HwzdlNR.png" />

</center></div>
<div class="pull-right"><center>

<img src="https://i.imgur.com/HwzdlNR.png" />

</center></div>

This post was boosted via @ocdb and an Upvot of 200 SBD was purchased

https://discord.gg/HVh2X9B

[

](https://discord.gg/HVh2X9B)

This post was boosted via @ocdb and an Upvot of 40 SBD was purchased

Comments · 1