Markdown tips and tricks for composing the best posts on WOX Sports [ENG - ESP - ITA]
Image by GraphicMama-team, free to use (Pixabay)
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:
| Code | Result |
|---|---|
| # 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:
| Code | Result |
|---|---|
_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:
| Code | Result |
|---|---|
<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:
| Code | Result |
|---|---|
~~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 ().
| Code | Result |
|---|---|
[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
- First element
- Second element
- 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
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>
Result
First part of the text, to be separated by an image!
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   between one word and the next.
| Code | Result |
|---|---|
Ciao       bello | Ciao bello |
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Result
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Result
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>
[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>
[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>
[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
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
[](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_
Result
The WOX Sports Team - Source
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
| Position | Team | Points |
|---|---|---|
| 1 | Juventus FC | 15 |
| 2 | AC Milan | 13 |
| 3 | AS Roma | 12 |
| 4 | SS Lazio | 11 |
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
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ódigo | Resultado |
|---|---|
| # 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ódigo | Resultado |
|---|---|
_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ódigo | Resultado |
|---|---|
<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ódigo | Resultado |
|---|---|
~~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ódigo | Resultado |
|---|---|
[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
- Primer elemento
- Segundo elemento
- 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
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>
Resultado
¡Primera parte del texto que se separa con una imagen!
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   entre una palabra y la siguiente.
| Código | Resultado |
|---|---|
Ciao       bello | Ciao bello |
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Resultado
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Resultado
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>
[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>
[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>
[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
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
[](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_
Resultado
The WOX Sports Team - Source
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ón | Equipo | Puntos |
|---|---|---|
| 1 | Juventus FC | 15 |
| 2 | AC Milan | 13 |
| 3 | AS Roma | 12 |
| 4 | SS Lazio | 11 |
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
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:
| Codice | Risultato |
|---|---|
| # 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:
| Codice | Risultato |
|---|---|
_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:
| Codice | Risultato |
|---|---|
<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 ~:
| Codice | Risultato |
|---|---|
~~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 ().
| Codice | Risultato |
|---|---|
[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
- Primo elemento
- Secondo elemento
- 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
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>
Risultato
Prima parte del testo, da separare da un'immagine!
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   tra una parola e quella successiva.
| Codice | Risultato |
|---|---|
Ciao       bello | Ciao bello |
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Risultato
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
[Source](https://cdn.steemitimages.com/DQmZcNWZWw8fA5NMqTt9ta6yqrnX6MmitDszvnn8hZKAd77/immagine.png)
Risultato
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>
[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>
[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>
[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
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
[](https://steemit.com/trending/hive-100604)
_The WOX Sports Team - [Source](https://pixabay.com/it/vectors/persone-squadra-team-ufficio-4386248/)_
Risultato
The WOX Sports Team - Source
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
| Posizione | Squadra | Punti |
|---|---|---|
| 1 | Juventus FC | 15 |
| 2 | AC Milan | 13 |
| 3 | AS Roma | 12 |
| 4 | SS Lazio | 11 |
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
Excellent information about how to use mark downs when publishing our articles here.
Its very useful and explained simple ans neat.
Take care .
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!
Fue un gran esfuerzo de equipo, ¡gracias por el apoyo y las ideas!