Xplicacion: Degradados de Color en el post.

Hola a todos!

Bienvenidos a un nuevo tema de #Xplicacion. En este apartado encontraremos, como bien dice el texto, como poner degradados de color en nuestros posts.

Esto no es absolutamente nada pero nada nada importante, pero es bastante genial y quería compartirlo.
[Gracias a @Emma Frost por el link]


Si haceis click AQUI os dirigirá a la página.
Es muy sencilla, tan solo tenéis que escribir el texto y seleccionar en "Color Presets" el tipo de degradado o contraste que deseeis. Hay muchos, desde el típico arcoiris, hasta atardeceres, o dramáticos en rojo y negro.

Además, la página en si os permite modificar los colores, la cantidad (entre 2 y 20 normalmente), y si deseáis que sea un degradado horizontal, vertical...etc.


Lo importante y clave de esto, es que ademas de usarlo para HTML, también podeis utilizarlo para el foro en bbcode, es decir con corchetitos (para entendernos).



En esta pestaña se encuentra la opción "Standard Forum Code". Si la seleccionais, el resultado del degradado será de este modo:

Código:

[color=#67d35d]E[/color][color=#6acb61]s[/color][color=#6cc366]t[/color][color=#6fbc6a]o[/color] [color=#74ac73]e[/color][color=#77a478]s[/color] [color=#7c9581]u[/color][color=#7e8d85]n[/color][color=#81858a]a[/color] [color=#867593]p[/color][color=#896e97]r[/color][color=#8b669c]u[/color][color=#8e5ea0]e[/color][color=#9156a5]b[/color][color=#934ea9]i[/color][color=#9647ae]t[/color][color=#983fb2]a[/color] [color=#9e2fbb]p[/color][color=#a027c0]a[/color][color=#a320c4]r[/color][color=#a518c9]a[/color] [color=#ab10ca]e[/color][color=#ae0fc7]l[/color] [color=#b30fc2]f[/color][color=#b60fbf]o[/color][color=#b90ebc]r[/color][color=#bb0eb9]o[/color][color=#be0eb6].[/color] [color=#c40db1]#[/color][color=#c60dae]X[/color][color=#c90dab]p[/color][color=#cc0ca8]l[/color][color=#cf0ca5]i[/color][color=#d10ca2]c[/color][color=#d40ca0]a[/color][color=#d70b9d]c[/color][color=#da0b9a]i[/color][color=#dc0b97]o[/color][color=#df0a94]n[/color][color=#e20a91].[/color]
[color=#e50a8f]T[/color][color=#e70a8c]O[/color][color=#ea0989]D[/color][color=#ed0986]O[/color] [color=#e0198d]E[/color][color=#d92191]S[/color] [color=#cc3098]C[/color][color=#c6389c]H[/color][color=#bf40a0]A[/color][color=#b948a3]C[/color][color=#b250a7]H[/color][color=#ac58ab]I[/color][color=#a560ae].[/color]
[color=#9f68b2]P[/color][color=#986fb6]i[/color][color=#9277ba]x[/color][color=#8b7fbd]i[/color][color=#8587c1]e[/color] [color=#7897c8]m[/color][color=#719fcc]o[/color][color=#6ba7d0]l[/color][color=#64aed3]a[/color][color=#5eb6d7].[/color]
[color=#57bedb]P[/color][color=#51c6de]i[/color][color=#4acee2]c[/color][color=#51cddc]a[/color][color=#58ccd5]r[/color][color=#60cacf]a[/color] [color=#6ec8c3]m[/color][color=#75c7bc]o[/color][color=#7cc5b6]l[/color][color=#84c4b0]a[/color][color=#8bc3a9].[/color]
[color=#92c2a3]T[/color][color=#99c09d]o[/color][color=#a0bf97]d[/color][color=#a8be90]o[/color][color=#afbd8a]s[/color] [color=#bdba7e]m[/color][color=#c4b977]o[/color][color=#ccb871]l[/color][color=#d3b66b]a[/color][color=#dab564]n[/color] [color=#e8b358]m[/color][color=#f0b152]e[/color][color=#f7b04b]n[/color][color=#feaf45]o[/color][color=#fbad47]s[/color] [color=#f5aa4a]M[/color][color=#f3a84b]a[/color][color=#f0a64d]g[/color][color=#eda44f]i[/color][color=#eaa250]k[/color] [color=#e49f53]q[/color][color=#e29d55]u[/color][color=#df9b57]e[/color] [color=#d9985a]d[/color][color=#d6965b]a[/color] [color=#d1925f]m[/color][color=#ce9060]i[/color][color=#cb8f62]e[/color][color=#c88d63]d[/color][color=#c58b65]i[/color][color=#c28967]t[/color][color=#c08768]o[/color] [color=#ba846b]D[/color][color=#b7826d]:[/color]


Es una rallada alucinante, lo se. Pero soluciona el problema de tener que hacerlo manualmente.

Una vez tengáis el resultado final, además podéis modificar el fondo de éste para poder ver como quedaría en el foro, en este caso (Y actualmente) el fondo es: #4C4E5F

Y aquí os muestro el resultado de todo ese tochito de código!



Espero que este tutorial os sirva, y un besito a todos