Tools for a better prepared hive post

in Ecency Help2 years ago (edited)

Good morning Hivers, my intention in this post is to leave the tool at hand at @ecency-help for those users who wish to write content and have the codes provided to improve the style and framework, now if I will leave the facilitator below, I hope make it useful
In the community's pinned messages you will find all kinds of tools, tutorials and more to make your first steps in Hive - ecency much more satisfying and more comfortable learning

Then they have the redirector to go to what they want to see within the same post, so they can find what they are looking for much faster

Bold
Italics
Strikethrough
Header
Code
Quote
Ordered list
Unordered list
Link
Image
Column
Emoji and gif
Center
Underlined
left, center and right
Text colors
Text background color
Redirection



[Bold]

Alt + B

**Ecency**

Ecency



[Italics]

Alt + I

*Ecency*

Ecency



[Strikethrough]

~~Ecency~~

Ecency



[Header]

# Ecency
## Ecency
### Ecency
#### Ecency
##### Ecency

Ecency

Ecency

Ecency

Ecency

Ecency


[Code]

Alt + C

<code>Ecency</code>

Ecency



[Quote]

Alt + M

>Ecency

Ecency



[Ordered list]

  1. item1
  2. item2
  3. item3


[Unordered list]

  • item1
  • item2
  • item3


[Link]

Alt + K

[Ecency Help](https://ecency.com/created/hive-125126)

Ecency Help



[Image]

https://images.ecency.com/DQmNuoQY3Wy1uGJakZ7tt4MKzVeDzNCeg9Yh49spdtcR8DC/image.png)



[Column]

Alt + T

|Column 1|Column 2|Column 3|
|------------|------------|------------|
|     Text     |     Text     |     Text     |
|Column 1|Column 2|
|------------|------------|
|     Text     |     Text     |
|Column 1|
|------------|
|     Text     |
Column 1Column 2Column 3
TextTextText


[Emoji and gif]

💛💜😂😍⚠️✅

So Excited Flirting GIF



[Center]

<center>Ecency</center>

Ecency



[Underlined]

<ins>Ecency</ins></pre>

Ecency



[left, center and right]

<div class="text-left">Ecency</div>
<div class="text-center">Ecency</div>
<div class="text-right">Ecency</div>

Ecency
Ecency
Ecency


[Text colors]

<span class="text-primary">.text-primary</span>
.text-primary

<span class="text-secondary">.text-secondary</span>
.text-secondary

<span class="text-success">.text-success</span>
.text-success

<span class="text-danger">.text-danger</span>
.text-danger

<span class="text-warning">.text-warning</span>
.text-warning

<span class="text-info">.text-info</span>
.text-info

<span class="text-light bg-dark">.text-light</span>
.text-light

<span class="text-dark">.text-dark</span>
.text-dark

<span class="text-muted">.text-muted</span>
.text-muted

<span class="text-white bg-dark">.text-white</span>
.text-white



[Text background color]

<div class="p-2 my-2 bg-primary text-white">.bg-primary</div>

.bg-primary

<div class="p-2 my-2 bg-secondary text-white">.bg-secondary</div>

.bg-secondary

<div class="p-2 my-2 bg-success text-white">.bg-success</div>

.bg-success

<div class="p-2 my-2 bg-danger text-white">.bg-danger</div>

.bg-danger

<div class="p-2 my-2 bg-warning text-dark">.bg-warning</div>

.bg-warning

<div class="p-2 my-2 bg-info text-white">.bg-info</div>

.bg-info

<div class="p-2 my-2 bg-light text-dark">.bg-light</div>

.bg-light

<div class="p-2 my-2 bg-dark text-white">.bg-dark</div>

.bg-dark

<div class="p-2 my-2 bg-white text-dark">.bg-white</div>

.bg-white

We can use p-1 / p-2 /p-3 /p-4 /p-5 to change the size of the containers, see the example below

<div class="p-1 my-2 bg-primary text-white">p-1</div>
<div class="p-2 my-2 bg-primary text-white">p-2</div>
<div class="p-3 my-2 bg-primary text-white">p-3</div>
<div class="p-4 my-2 bg-primary text-white">p-4</div>
<div class="p-5 my-2 bg-primary text-white">p-5</div>

p-1
p-2
p-3
p-4
p-5


We can use my-1 / my-2 / my-3 / my-4 / my-5 to move away from the container above, and mb-# (1-5) for the opposite direction, see the following example

<div class="p-2 bg-primary text-white"></div>
<div class="p-2 my-1 bg-primary text-white">p-1</div>
<div class="p-2 my-2 bg-primary text-white">p-2</div>
<div class="p-2 my-3 bg-primary text-white">p-3</div>
<div class="p-2 my-4 bg-primary text-white">p-4</div>
<div class="p-2 my-5 bg-primary text-white">p-5</div>

my-1
my-2
my-3
my-4
my-5


This post has some additions, the greatest amount of information I obtained was thanks to @dodovietnam With his post: https://ecency.com/hive-147058/@dodovietnam/markdown-tutorial-or-make-your-post-more-engaging Thank you very much for this very useful data, I also want to add another one that I also saw another user use, it is about the redirection that one can put within the post itself, the same one that I use for those who want to search for a specific topic, find it with 1 click



[Redirection]

<a href="(We put the route with the # to determine that we continue on the same page)" class="markdown-internal-link">

<a data-id="indicated route">Place to which we were directed</a>



Vote for proposal

Vote for this Proposal using Hivesigner



Ecency: https://ecency.com/proposals/245 PeakD: https://peakd.com/proposals/245 HiveBlog Wallet: https://wallet.hive.blog/proposals Github: https://github.com/ecency

Ecency page divider by @amberkashif and gif created by @irisworld are available in the Ecency discord #assets channel

Sort:  

GENIAL! ESTE ES UN POST SUPER EDUCATIVO QUE TODOS TIENEN QUE VER ASÍ QUE LO VOY A REGLOGUEAR YA COLOCARLO ENTRE MIS MARCADORES DE MI NAVEGADOR FAVORITO PARA TENERLO SIEMPRE A MANO, MAS QUE NADA PARA COMPARTIRLO CON LA GENTE NOVATA, ADEMAS NO CONOCÍA LOS CARACTERES PARA COLOCAR LOS COLORES ASI QUE HASTA YO QUE TENGO TIEMPO AQUÍ APRENDÍ MUCHO :D

Post votado por la Curación de la Comunidad de Mundo Virtual.

!HUESO !LUV

Haz click sobre este banner, para ser dirigido al Discord de Mundo Virtual y conocer más sobre nuestro proyecto

Saludos desde la Comunidad Mundo Virtual. Te enviamos token Hueso para apoyar tu trabajo.
Haz click sobre el banner, para ser dirigido al Discord de Mundo Virtual y conocer más sobre nuestro proyecto de curación.


Greetings from the Virtual World Community. We send you Hueso token to support your work.
Click on this banner, to be directed to the Virtual World Discord and learn more about the curation project.


Uses: 6/22
!PGM

Sent 0.1 PGM - 0.1 LVL- 1 STARBITS - 0.05 DEC - 1 SBT - 0.1 THG - 0.000001 SQM - 0.1 BUDS tokens to @bot-bdbhueso

remaining commands 0

BUY AND STAKE THE PGM TO SEND A LOT OF TOKENS!

The tokens that the command sends are: 0.1 PGM-0.1 LVL-0.1 THGAMING-0.05 DEC-15 SBT-1 STARBITS-[0.00000001 BTC (SWAP.BTC) only if you have 2500 PGM in stake or more ]

5000 PGM IN STAKE = 2x rewards!

image.png
Discord image.png

Support the curation account @ pgm-curator with a delegation 10 HP - 50 HP - 100 HP - 500 HP - 1000 HP

Get potential votes from @ pgm-curator by paying in PGM, here is a guide

I'm a bot, if you want a hand ask @ zottone444


Gracias Nahue, espero que sea de utilidad para todos los que les guste personalizar aún más los post y dejarlos más bonitos de lo que son

Great work! Thank you :)

Thank you for your comment, I hope it is useful for everyone

Sin duda un excelente aporte informativo y educativo @ydaiznfts

Muchas gracias por tus palabras Sacra 💛

Thank you so very much for this information

I hope it is very useful for you