Markdown tips and tricks for composing the best posts on WOX Sports [ENG - ESP - ITA]

in WOX Sports2 years ago (edited)

Copia di Review.jpg
Image by GraphicMama-team, free to use (Pixabay)


united-kingdom-156243_640.png ENGLISH VERSION

Dear friends of Wox Sports,

Several new users have joined our community in recent days. The whole WOX Sports team would like to thank you for your trust and offer you in return a simple guide on how to use the main Markdown commands (the language used to compose posts on the Steemit platform), so that even those who are just getting to know the tool can compose quality posts right away.

Are you ready? Let's get started...

Chapter 1 - The text, basic commands

1.1 - Titles

You can choose the size of your titles very simply by inserting a space and as many '#' symbols before it as you wish:

CodeResult
# Title

Title

## Title

Title

### Title

Title

#### Title

Title

##### Title
Title
###### Title
Title

1.2 - The Italic and Bold Text

In your article, it may be useful to make certain words stand out in italics or bold:

CodeResult
_Text in italics_Text in italics
*Text in italics*Text in italics
**Bold Text**Bold Text
***Bold Italic Text***Bold Italic Text

1.3 - Text in red

To emphasise a title or part of the text, you may also choose to assign it a characteristic red colouring:

CodeResult
<div class="phishy"> Red Text</div>
Red Text

1.4 - The strikethrough text

To underline a correction and emphasise it within your post, you can insert a strikethrough line in the middle of your text, preceded and followed by a double ~ sign:

CodeResult
~~Text Deleted~~Text Deleted

1.5 - Inserting a quotation

As you certainly know, originality on Steemit is essential, but sometimes you may need to insert a quotation from a famous text, a passage from a song, a line from a poem or something already written by one of our favourite authors on the platform. To do so, simply precede the quoted text with a space and a > sign.

Code

> Nel mezzo del cammin di nostra vita...

Result

Nel mezzo del cammin di nostra vita...

A quotation may also contain several levels:

Code

> Nel mezzo del cammin di nostra vita
>
>> mi ritrovai per una selva oscura

Result

Nel mezzo del cammin di nostra vita

mi ritrovai per una selva oscura

1.6 - Inserting a link to a part of the text

If we want a word or part of our text to be linked to a web page, we will need to enclose the chosen part of the text between two square brackets [], inserting the link address immediately afterwards, enclosed by two round brackets ().

CodeResult
[The best Team](www.juventus.com)The best Team

1.7 Creating lists

To create a list you can choose to number it, giving it a specific order:

Code

1. First element
2. Second element
3. Third element

or

1. First element
1. Second element
1. Third element

Result

  1. First element
  2. Second element
  3. Third element

To start an unnumbered list instead, simply insert a hyphen (-) or an asterisk (*) before a space and the item to be listed:

Code

* First element
* Second element
* Third element

or

- First element
- Second element
- Third element

Result

  • First element
  • Second element
  • Third element

If you wish to nest a secondary list within a primary list, proceed as follows:

Code

- First element
- Second element
- Third element
  - object A
  - object B
  - object C

Result

  • First element
  • Second element
  • Third element
    • object A
    • object B
    • object C

1.8 - Separating parts of text

You can simply separate parts of text with a thin horizontal line, skipping a line and inserting three asterisks (***) or three dashes (---), followed by another blank line.

Code

First part of text

***

Second part of text

Result

First part of text


Second part of text

pexels-fabricio-trujillo-54567.jpg

Chapter 2 - Aligning Text and Images

2.1 - Justified text

As you have undoubtedly noticed, when composing a post with Steemit, the text fills the page in a rather disordered manner. To ensure that it occupies the page layout cage perfectly, proceed as follows:

Code

<div class=text-justify>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

</div>

Result

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

2.2 - Text on two columns

Another useful option, especially when composing posts in two languages, could be to split the text into two columns:

Code

<div class=pull-left>

**Italiano**

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

</div>

<div class=pull-right>

**English**

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

</div>

Result

Italiano

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

English

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

2.3 - Centre-aligned text

To align a title, image or part of a text in the centre, proceed as follows:

Code

<center>

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

</center>

Result

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

2.4 - Forcing a line break

Sometimes it can happen that part of the text gets stuck to the next section, an image or a title, making it visually unpleasant. If skipping a simple line using the 'Enter' key on the keyboard does not produce the desired result, it is possible in this case to force the insertion of a blank line using the command <br>.

Code

First part of the text, to be separated by an image!

<br>

![marinos.png](https://cdn.steemitimages.com/DQmVUZUMbDcaaxSaCRmLyV3Uo9gRgqb3pM7ks7omRsjBric/marinos.png)

Result

First part of the text, to be separated by an image!


marinos.png

2.5 - Inserting One or More White Spaces Between Words

As you may have noticed while composing your posts, whitespace between words is adjusted semi-automatically. Even if you add several strokes of the space bar between words, they will remain at the correct distance. To force this mechanism you can insert the command &ensp; between one word and the next.

CodeResult
Ciao &ensp; &ensp; &ensp; belloCiao       bello

pexels-fabricio-trujillo-54567.jpg

Chapter 3 - Images

3.1 Inserting images

Inserting images is very simple: in the case of photos taken from the web, all you have to do is select the 'copy' option and then 'paste' it at the desired point in your text, or select it from those on your PC or telephone. Please note: Always use your own or copyright-free images, taking care, in this case, to include a link to the source.

Code

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Result

immagine.png
Source

3.2 Resizing Images

If the image you want to use is too large, you can decide to resize it by adding a line immediately after the round bracket:

https://steemitimages.com/...x.../

and replacing the dots with the desired pixel value.

Code

![immagine.png](https://steemitimages.com/190x190/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Result

immagine.png
Source

3.3 Image Alignment

Pictures are automatically aligned to the left, but if instead of taking from the bottom line you want to write next to your picture, you can use the following code:

Code

<div class=pull-left>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.

Result

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.



Of course it is also possible to do the same thing by inserting the image to the right or in the centre, proceeding as already seen for the text.

Code

<div class=pull-right>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.

Result

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.


Code

<center>

![immagine.png](https://steemitimages.com/390x390/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</center>

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.

Result

immagine.png
Source

This is the most beautiful stadium in the world and I hope one day to be able to watch a game from its spectacular stands.


3.4 - Clickable images

It is also possible to connect images to a link, making them clickable. To do this, simply enclose the code of the image in square brackets, linking it immediately afterwards to the link in round brackets.

Code

[![immagine.png](https://cdn.steemitimages.com/DQmexb3oei8DsaBc2uqG9JtEbPndkCTQgXHqSRcyztCS73F/immagine.png)](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_

Result

immagine.png
The WOX Sports Team - Source

pexels-fabricio-trujillo-54567.jpg

Chapter 4 - Tables

4.1 - Creating Tables

It is possible to create a table through a few simple commands. First of all, it is necessary to determine how many columns it should contain by dividing them with the '|' symbol and entering the titles of the various columns.

Code

Position|Team|Points
-|-|-
1|Juventus FC|15
2|AC Milan|13
3|AS Roma|12
4|SS Lazio|11

Result

PositionTeamPoints
1Juventus FC15
2AC Milan13
3AS Roma12
4SS Lazio11

pexels-fabricio-trujillo-54567.jpg

Chapter 5 - Final Tips

5.1 - Inserting code

If you wish to enter programming code as simple text, just enclose it between two '`' signs:

Code

`To write in bold, remember the **asterisks**`

Result

To write in bold, remember the **asterisks**

5.2 - Ignoring Markdown Commands

As we have seen, some symbols represent specific commands in Markdown. If you want to override them, simply precede them with the symbol \ .

Code

The \> symbol is used to insert a quote

Result

The > symbol is used to insert a quote

5.3 - Taking inspiration from others

Have you seen a particularly attractive style in a user's post, but don't know how he/she managed it? There is a trick to access his code by replacing the 'it' of the word steemit in the address bar with the letter 'd'.

Example

Replace

https://steemit.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive

with

https://steemd.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive

That's it friends! All that remains is for you to find your ideal style and start sharing your passion for sport!


The WOX Sports Team


banner.jpg

spain-156236_640.png VERSIÓN EN ESPAÑOL

Varios usuarios nuevos se han unido a nuestra comunidad en los últimos días. Todo el equipo de WOX Sports quiere agradecerte tu confianza y ofrecerte a cambio una sencilla guía sobre el uso de los principales comandos de Markdown (el lenguaje utilizado para componer posts en la plataforma Steemit), para que incluso aquellos que se están iniciando en la plataforma puedan componer posts de calidad desde el primer momento.

¿Listo? Comencemos...

Capítulo 1 - El texto, comandos básicos

1.1 - Títulos

Puedes elegir el tamaño de tus títulos de forma muy sencilla insertando un espacio y tantos símbolos "#" antes de él como desees:

CódigoResultado
# Titulo

Titulo

## Titulo

Titulo

### Titulo

Titulo

#### Titulo

Titulo

##### Titulo
Titulo
###### Titulo
Titulo

1.2 - El texto en cursiva y en negrita

En su artículo, puede ser útil resaltar ciertas palabras en cursiva o en negrita:

CódigoResultado
_Texto en cursiva_Texto en cursiva
*Texto en cursiva*Texto en cursiva
**Texto en negrita**Texto en negrita
***Texto en cursiva y negrita***Texto en cursiva y negrita

1.3 - Texto en rojo

Para destacar un título o una parte del texto, también puede optar por asignarle un color rojo:

CódigoResultado
<div class="phishy"> Texto rojo</div>
Texto rojo

1.4 - El texto tachado

Para resaltar una corrección y enfatizarla dentro de su publicación, puede insertar una línea tachada en medio de su escrito, precedida y seguida por un doble signo ~:

CódigoResultado
~~Texto borrado~~Texto borrado

1.5 - Insertar una cita

Como seguramente sabes, la originalidad en Steemit es fundamental, pero a veces puedes necesitar insertar una cita de un texto famoso, una canción, una línea de un poema o algo ya escrito por uno de nuestros autores favoritos en la plataforma. Para ello, basta con preceder el texto citado con un espacio y un signo >.

Código

> Nel mezzo del cammin di nostra vita

Resultado

Nel mezzo del cammin di nostra vita...

Una cita también puede contener varios niveles:

Código

> Nel mezzo del cammin di nostra vita
>
>> mi ritrovai per una selva oscura

Resultado

Nel mezzo del cammin di nostra vita

mi ritrovai per una selva oscura

1.6 - Insertar un enlace a una parte del texto

Si queremos que una palabra o parte de nuestro texto se vincule a un enlace, tendremos que encerrar la parte elegida del texto entre dos corchetes [], insertando inmediatamente después la dirección del enlace, encerrada entre dos corchetes ().

CódigoResultado
[El mejor equipo](www.juventus.com)El mejor equipo

1.7 Creación de listas

Para crear una lista puedes optar por numerarla, dándole un orden específico:

Código

1. Primer elemento
2. Segundo elemento
3. Tercer elemento

o

1. Primer elemento
1. Segundo elemento
1. Tercer elemento

Resultado

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Para iniciar una lista sin numerar, basta con insertar un guión (-) o un asterisco (*) antes de un espacio y del elemento que se desea enumerar:

Código

* Primer elemento
* Segundo elemento
* Tercer elemento

o

- Primer elemento
- Segundo elemento
- Tercer elemento

Resultado

  • Primer elemento
  • Segundo elemento
  • Tercer elemento

Si desea anidar una lista secundaria dentro de una lista primaria, proceda como sigue:

Código

- Primer elemento
- Segundo elemento
- Tercer elemento
  - objeto A
  - objeto B
  - objeto C

Resultado

  • Primer elemento
  • Segundo elemento
  • Tercer elemento
    • objeto A
    • objeto B
    • objeto C

1.8 - Separar partes del texto

Puede separar simplemente partes del texto con una fina línea horizontal, saltando una línea e insertando tres asteriscos (***) o tres lineas (---), seguidos de otra línea en blanco.

Código

Primera parte del texto

***

Segunda parte del texto

Resultado

Primera parte del texto


Segunda parte del texto

pexels-fabricio-trujillo-54567.jpg

Capítulo 2 - Alineación de textos e imágenes

2.1 - Texto justificado

Como sin duda habrás notado, al redactar un post con Steemit, el texto llena la página de forma bastante desordenada. Para que ocupe perfectamente la página de diseño, proceda como sigue:

Código

<div class=text-justify>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

</div>

Resultado

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

2.2 - Texto en dos columnas

Otra opción útil, sobre todo cuando se redactan post en dos idiomas, podría ser dividir el texto en dos columnas:

Codgo

<div class=pull-left>

**Italiano**

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

</div>

<div class=pull-right>

**English**

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

</div>

Resultado

Italiano

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

English

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

2.3 - Texto alineado al centro

Para alinear un título, una imagen o parte de un texto en el centro, proceda de la siguiente manera:

Codigo

<center>

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

</center>

Resultado

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

2.4 - Forzar un salto de línea

A veces puede ocurrir que una parte del texto esté pegada a la siguiente sección, a una imagen o a un título, lo que lo hace visualmente desagradable. Si al saltar una línea simple utilizando la tecla "Enter" del teclado no se obtiene el resultado deseado, es posible en este caso forzar la inserción de una línea en blanco utilizando el comando <br>

Código

¡Primera parte del texto que se separa con una imagen!

<br>

![marinos.png](https://cdn.steemitimages.com/DQmVUZUMbDcaaxSaCRmLyV3Uo9gRgqb3pM7ks7omRsjBric/marinos.png)

Resultado

¡Primera parte del texto que se separa con una imagen!


marinos.png

2.5 - Insertar uno o más espacios en blanco entre palabras

Como habrá notado al redactar sus posts, los espacios en blanco entre las palabras se ajustan de forma semiautomática. Aunque añada varias pulsaciones de la barra espaciadora entre las palabras, éstas permanecerán a la distancia correcta. Para forzar este mecanismo, puede insertar el comando &ensp; entre una palabra y la siguiente.

CódigoResultado
Ciao &ensp; &ensp; &ensp; belloCiao       bello

pexels-fabricio-trujillo-54567.jpg

Capítulo 3 - Imágenes

3.1 Insertar imágenes

Insertar imágenes es muy sencillo: en el caso de las fotos tomadas de la web, basta con seleccionar la opción "copiar" y luego "pegar" en el punto deseado del texto, o bien seleccionarlas de las que tiene el PC o el teléfono. Nota: Utilice siempre imágenes propias o libres de derechos de autor, teniendo cuidado, en este caso, de incluir un enlace a la fuente.

Código

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Resultado

immagine.png
Source

3.2 Cambiar el tamaño de las imágenes

Si la imagen que quieres utilizar es demasiado grande, puedes decidir cambiar su tamaño añadiendo una línea inmediatamente después del paréntesis:

https://steemitimages.com/...x.../

y sustituyendo los puntos por el valor del píxel deseado.

Codigo

![immagine.png](https://steemitimages.com/190x190/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Resultado

immagine.png
Source

3.3 Alineación de imágenes

Las imágenes se alinean automáticamente a la izquierda, pero si en lugar de tomar de la línea inferior quieres escribir al lado de tu imagen, puedes utilizar el siguiente código:

Código

<div class=pull-left>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.

Resultado

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.



Por supuesto, también es posible hacer lo mismo insertando la imagen a la derecha o al centro, procediendo como ya se ha visto para el texto.

Codigo

<div class=pull-right>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.

Resultado

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.


Codigo

<center>

![immagine.png](https://steemitimages.com/390x390/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</center>

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.

Resultado

immagine.png
Source

Este es el estadio más bonito del mundo y espero poder ver algún día un partido desde sus espectaculares tribunas.


3.4 - Imágenes clicables

También es posible vincular las imágenes a un enlace, haciendo que se pueda hacer clic en ellas. Para ello, basta con encerrar el código de la imagen entre paréntesis cuadrados, enlazándolo inmediatamente después con el enlace entre paréntesis redondos.

Código

[![immagine.png](https://cdn.steemitimages.com/DQmexb3oei8DsaBc2uqG9JtEbPndkCTQgXHqSRcyztCS73F/immagine.png)](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_

Resultado

immagine.png
The WOX Sports Team - Source

pexels-fabricio-trujillo-54567.jpg

Capítulo 4 - Tablas

4.1 - Creación de tablas

Es posible crear una tabla mediante unos simples comandos. En primer lugar, es necesario determinar cuántas columnas debe contener, dividiéndolas con el símbolo "|" e introduciendo los títulos de las distintas columnas.

Código

Posición|Equipo|Puntos
-|-|-
1|Juventus FC|15
2|AC Milan|13
3|AS Roma|12
4|SS Lazio|11

Resultado

PosiciónEquipoPuntos
1Juventus FC15
2AC Milan13
3AS Roma12
4SS Lazio11

pexels-fabricio-trujillo-54567.jpg

Capítulo 5 - Consejos finales

5.1 - Inserción de código

Si desea introducir el código de programación como texto simple, basta con encerrarlo entre dos signos "`":

Código

`Para escribir en negrita recuerde los **asteriscos**`

Resultado

Para escribir en cursiva recuerda los **asteriscos**

5.2 - Ignorar los comandos de Markdown

Como hemos visto, algunos símbolos representan comandos específicos en Markdown. Si desea anularlas, basta con precederlas con el símbolo .

Código

El símbolo \> se utiliza para insertar una cita.

Resultado

El símbolo > se utiliza para insertar una cita.

5.3 - Tomar las indicaciones de los otros

¿Has visto un estilo especialmente atractivo en el post de un usuario, pero no sabes cómo lo ha podido hacer? Hay un truco para acceder a su código sustituyendo la "it" de la palabra steemit en la barra de direcciones por la letra "d".

Ejemplo

Sustituir
https://steemit.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive
con
https://steemd.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive

¡Eso es todo amigos! Sólo te queda encontrar tu estilo ideal y empezar a compartir tu pasión por el deporte.


El equipo de WOX Sports


banner.jpg

italy-156275_640.png VERSIONE ITALIANA

Cari amici di Wox Sports,

diversi nuovi utenti si sono aggiunti alla nostra community in questi giorni. Tutto il Team di WOX Sports intende ringraziarvi per la fiducia accordata, proponendovi in cambio una semplice guida sull'uso dei principali comandi Markdown (il linguaggio utilizzato per comporre i post sulla piattaforma Steemit), in modo che anche chi si stia approcciando da poco con lo strumento possa da subito comporre dei post di qualità.

Siete pronti? Cominciamo...

Capitolo 1 - Il testo, comandi base

1.1 - I titoli

Potete scegliere la grandezza dei vostri titoli molto semplicemente, inserendo prima dello stesso uno spazio e tanti simboli "#" a seconda dell'altezza desiderata:

CodiceRisultato
# Titolo

Titolo

## Titolo

Titolo

### Titolo

Titolo

#### Titolo

Titolo

##### Titolo
Titolo
###### Titolo
Titolo

1.2 - Il testo in corsivo e in grassetto

Nel proprio articolo può risultare utile far risaltare alcune parole in corsivo o in grassetto:

CodiceRisultato
_Testo in corsivo_Testo in corsivo
*Testo in corsivo*Testo in corsivo
**Testo in grassetto**Testo in grassetto
***Testo in corsivo e grassetto***Testo in corsivo e grassetto

1.3 - Il testo in rosso

Per dare risalto ad un titolo o ad una parte del testo, si può anche scegliere di assegnargli una caratteristica colorazione rossa:

CodiceRisultato
<div class="phishy"> Testo rosso </div>
Testo rosso

1.4 - Il testo barrato

Per sottolineare una correzione ed enfatizzarla all'interno del proprio post, è possibile inserire una riga di cancellazione a metà dello stesso, facendolo precedere e seguire da un doppio segno ~:

CodiceRisultato
~~Testo cancellato~~Testo cancellato

1.5 - Inserire una citazione

Come di certo sapete, l'originalità su Steemit è fondamentale, ma a volte si può aver bisogno di inserire una citazione di un testo famoso, un brano di una canzone, il verso di una poesia o quanto già scritto da uno dei nostri autori preferiti della piattaforma. Per farlo sarà sufficiente far precedere il testo citato da uno spazio e da un segno >.

Codice

> Nel mezzo del cammin di nostra vita

Risultato

Nel mezzo del cammin di nostra vita...

Una citazione può anche contenere più livelli:

Codice

> Nel mezzo del cammin di nostra vita
>
>> mi ritrovai per una selva oscura

Risultato

Nel mezzo del cammin di nostra vita

mi ritrovai per una selva oscura

1.6 - Inserire un link ad una parte del testo

Se vogliamo che una parola o una parte del nostro testo sia collegata ad un link, occorrerà racchiudere la parte del testo scelta tra due parentesi quadre [], inserendo l'indirizzo di collegamento subito dopo, racchiuso da due parentesi tonde ().

CodiceRisultato
[La miglior squadra](www.juventus.com)La miglior squadra

1.7 Creare delle liste

Per creare una lista si può scegliere di numerarla, dando alla stessa un ordine preciso:

Codice

1. Primo elemento
2. Secondo elemento
3. Terzo elemento

oppure

1. Primo elemento
1. Secondoe elemento
1. Terzo elemento

Risultato

  1. Primo elemento
  2. Secondo elemento
  3. Terzo elemento

Per cominciare una lista non numerata invece, è sufficiente inserire un trattino (-) o un asterisco (*) prima di uno spazio e dell'elemento da elencare:

Codice

* Primo elemento
* Secondo elemento
* Terzo elemento

oppure

- Primo elemento
- Secondo elemento
- Terzo elemento

Risultato

  • Primo elemento
  • Secondo elemento
  • Terzo elemento

Se volete annidare una lista secondaria all'interno di una lista primaria, proseguite come segue:

Codice

- Primo elemento
- Secondo elemento
- Terzo elemento
  - elemento A
  - elemento B
  - elemento C

Risultato

  • Primo elemento
  • Secondo elemento
  • Terzo elemento
    • oggetto A
    • oggetto B
    • oggetto C

1.8 - Separare delle parti di testo

Potete semplicemente separare delle parti di testo con una sottile linea orizzontale, saltando una riga e inserendo tre asterischi (***) o tre lineette (---), seguiti da un'altra riga vuota.

Codice

Prima parte del testo

***

Seconda parte del testo

Risultato

Prima parte del testo


Seconda parte del testo

pexels-fabricio-trujillo-54567.jpg

Capitolo 2 - Allineamento del testo e delle immagini

2.1 - Testo giustificato

Come sicuramente avrete avuto modo di notare, quando componete un post con Steemit il testo riempie la pagina in maniera piuttosto disordinata. Per fare in modo che occupi in maniera perfetta la gabbia di impaginazione, procedete come segue:

Codice

<div class=text-justify>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

</div>

Risultato

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant’è amara che poco è più morte; ma per trattar del ben ch’i’ vi trovai,dirò de l’altre cose ch’i’ v’ho scorte.

2.2 - Testo su due colonne

Un altra opzione utile, specialmente quando si intende comporre post in doppia lingua, potrebbe essere quella di dividere il testo su due colonne:

Codice

<div class=pull-left>

**Italiano**

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

</div>

<div class=pull-right>

**English**

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

</div>

Risultato

Italiano

La Juventus è la squadra più gloriosa d'Italia. Fondata nel 1898, ha vinto 38 volte il campionato italiano, 14 volte la Coppa Italia e 9 volte la Supercoppa Italiana.

English

Juventus is the most glorious team in Italy. Founded in 1898, it has won the Italian championship 38 times, the Italian Cup 14 times and the Italian Super Cup nine times.

2.3 - Testo allineato al centro

Per allineare un titolo, un'immagine o parte di un testo al centro, occorre procedere come segue:

Codice

<center>

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

</center>

Risultato

La Juventus è la squadra più gloriosa d'Italia.
Fondata nel 1898, ha vinto 38 volte il campionato italiano.

2.4 - Forzare l'interruzione di riga

A volte può capitare che parte del testo risulti appiccicato alla sezione successiva, ad una immagine o ad un titolo, rendendo il tutto poco piacevole da un punto di vista visivo. Se saltando una semplice riga tramite l'uso del tasto "Invio" della tastiera non ottenete il risultato sperati, è possibile in questo caso forzare l'inserimento di una riga vuota utilizzando il comando <br>

Codice

Prima parte del testo, da separare da un'immagine!

<br>

![marinos.png](https://cdn.steemitimages.com/DQmVUZUMbDcaaxSaCRmLyV3Uo9gRgqb3pM7ks7omRsjBric/marinos.png)

Risultato

Prima parte del testo, da separare da un'immagine!


marinos.png

2.5 - Inserire uno o più spazi bianchi tra le parole

Come avrete notato componendo i vostri post, gli spazio bianchi tra le parole sono regolati in maniera semi automatica. Anche aggiungendo diversi colpi di barra spaziatrice tra una parola e un'altra, le stesse rimarranno alla corretta distanza. Per forzare questo meccanismo potete inserire il comando &ensp; tra una parola e quella successiva.

CodiceRisultato
Ciao &ensp; &ensp; &ensp; belloCiao       bello

pexels-fabricio-trujillo-54567.jpg

Capitolo 3 - Le Immagini

3.1 Inserire delle immagini

Inserire delle immagini è semplicissimo: nel caso di foto presa dal web, vi basterà selezionare l'opzione "copia" e successivamente "incolla" nel punto desiderato del vostro testo, oppure selezionarla tra quelle presenti sul vostro PC o telefono. Attenzione: Utilizzate sempre immagini di vostra proprietà o prive di diritto d'autore, avendo cura, in questo caso, di inserire un link che riporti alla fonte.

Codice

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Risultato

immagine.png
Source

3.2 Ridimensionare delle immagini

Se l'immagine che volete utilizzare è troppo grande, potete decidere di ridimensionarla aggiungendo subito dopo la parentesi tonda la riga:

https://steemitimages.com/...x.../

e sostituendo ai puntini il valore in pixel desiderato.

Codice

![immagine.png](https://steemitimages.com/190x190/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

Risultato

immagine.png
Source

3.3 Allineamento delle immagini

Le immagini vengono automaticamente allineate a sinistra, ma se invece che riprendere dalla riga in basso volete scrivere accanto alla vostra foto, potete utilizzare il seguente codice:

Codice

<div class=pull-left>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.

Risultato

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.



Naturalmente è possibile fare la stessa cosa anche inserendo l'immagine a destra o al centro, procedendo come già visto per il testo.

Codice

<div class=pull-right>

![immagine.png](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</div>

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.

Risultato

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.


Codice

<center>

![immagine.png](https://steemitimages.com/390x390/https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)

</center>

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.

Risultato

immagine.png
Source

Questo è lo stadio più bello del mondo e spero un giorno di poter assistere ad una partita dalle sue spettacolari tribune.


3.4 - Immagini cliccabili

E' possibile anche collegare le immagini ad un link, rendendole cliccabili. Per fare questo basterà racchiudere il codice della stessa tra parentesi quadre, collegandola subito dopo al link inserito tra parentesi tonde.

Codice

[![immagine.png](https://cdn.steemitimages.com/DQmexb3oei8DsaBc2uqG9JtEbPndkCTQgXHqSRcyztCS73F/immagine.png)](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_

Risultato

immagine.png
The WOX Sports Team - Source

pexels-fabricio-trujillo-54567.jpg

Capitolo 4 - Le tabelle

4.1 - Creazione di tabelle

E' possibile creare una tabella attraverso pochi semplici comandi. Innanzitutto occorre stabilire quante colonne dovrà contenere, dividendole con il simbolo "|" ed inserendo i titoli delle varie colonne.

Codice

Posizione|Squadra|Punti
-|-|-
1|Juventus FC|15
2|AC Milan|13
3|AS Roma|12
4|SS Lazio|11

Risultato

PosizioneSquadraPunti
1Juventus FC15
2AC Milan13
3AS Roma12
4SS Lazio11

pexels-fabricio-trujillo-54567.jpg

Capitolo 5 - Suggerimenti finali

5.1 - Inserire del codice

Se volete inserire del codice di programazione come semplice testo, vi basterà racchiuderlo tra due segni "`":

Codice

`Per scrivere in corsivo ricorda gli **asterischi**`

Risultato

Per scrivere in corsivo ricorda gli **asterischi**

5.2 - Ignorare i comandi Markdown

Come abbiamo visto, alcuni simboli rappresentano degli specifici comandi in Markdown. Se volete annullarne l'effetto vi basterà farli precedere dal simbolo \

Codice

Il simbolo \> si usa per inserire una citazione

Risultato

Il simbolo > si usa per inserire una citazione

5.3 - Prendere spunto dagli altri

Hai visto uno stile particolarmente attraente nel post di un utente, ma non sai come possa esserci riuscito? Esiste un trucco per accedere al suo codice, sostituendo "it" della parola steemit nella barra degli indirizzi con la lettera "d".

Esempio

Sostituire
https://steemit.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive
con
https://steemd.com/hive-184714/@frafiomatale/i-viaggi-nel-tempo-steemexclusive

Questo è tutto amici! Non vi rimane che trovare il vostro stile ideale e iniziare a condividere la vostra passione per lo sport!


Il Team di WOX Sports

Sort:  

Excellent information about how to use mark downs when publishing our articles here.

Its very useful and explained simple ans neat.

Take care .

 2 years ago 

Thank you very much for your appreciation, these words are very important for a young team like ours!

Understand,Keep rocking.

Amigo genial artículo, donde todos podemos aprender markdown y a mejorar nuestras presentaciones. 🙏🙂 ¡Saludos!

 2 years ago 

Fue un gran esfuerzo de equipo, ¡gracias por el apoyo y las ideas!