Cambios
Página creada con 'Existen 24 colores ANSI para resaltar la fuente de las letras. Estos colores se consiguen mediante la combinación de 8 códigos de color, y la ausencia/presencia de las etiquet…'
Existen 24 colores ANSI para resaltar la fuente de las letras. Estos colores se consiguen mediante la combinación de 8 códigos de color, y la ausencia/presencia de las etiquetas '''%^BOLD%^''' (resaltar) y '''%^DIM%^''' (oscurecer). La siguiente tabla muestra todas las combinaciones posibles:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris
</td>
<td style="text-align:left;">
%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Blanco
</td>
<td style="text-align:left;">
%^BOLD%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris ceniza
</td>
<td style="text-align:left;">
%^DIM%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro
</td>
<td style="text-align:left;">
%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris oscuro
</td>
<td style="text-align:left;">
%^BOLD%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro azabache
</td>
<td style="text-align:left;">
%^DIM%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde
</td>
<td style="text-align:left;">
%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde claro
</td>
<td style="text-align:left;">
%^BOLD%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde oscuro
</td>
<td style="text-align:left;">
%^DIM%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Naranja
</td>
<td style="text-align:left;">
%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Amarillo
</td>
<td style="text-align:left;">
%^BOLD%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Marrón
</td>
<td style="text-align:left;">
%^DIM%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo
</td>
<td style="text-align:left;">
%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo claro
</td>
<td style="text-align:left;">
%^BOLD%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Granate
</td>
<td style="text-align:left;">
%^DIM%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cian
</td>
<td style="text-align:left;">
%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul claro
</td>
<td style="text-align:left;">
%^BOLD%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Turquesa
</td>
<td style="text-align:left;">
%^DIM%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Magenta
</td>
<td style="text-align:left;">
%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rosa
</td>
<td style="text-align:left;">
%^BOLD%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Lila
</td>
<td style="text-align:left;">
%^DIM%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul oscuro
</td>
<td style="text-align:left;">
%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul
</td>
<td style="text-align:left;">
%^BOLD%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul marino
</td>
<td style="text-align:left;">
%^DIM%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Los códigos de colores ANSI también permiten cambiar el color de fondo. En este caso existe un color para cada etiqueta base, es decir, un total de 8:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Blanco
</td>
<td style="text-align:left;">
%^B_WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro
</td>
<td style="text-align:left;">
%^B_BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde
</td>
<td style="text-align:left;">
%^B_GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Naranja
</td>
<td style="text-align:left;">
%^B_ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo
</td>
<td style="text-align:left;">
%^B_RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cian
</td>
<td style="text-align:left;">
%^B_CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Magenta
</td>
<td style="text-align:left;">
%^B_MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul
</td>
<td style="text-align:left;">
%^B_BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Además, existen varios códigos que permiten resaltar el tipo de fuente:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Parpadeo
</td>
<td style="text-align:left;">
%^BLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cursiva
</td>
<td style="text-align:left;">
%^CURSIVA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Subrayado
</td>
<td style="text-align:left;">
%^UNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Tachado
</td>
<td style="text-align:left;">
%^TACHADO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Doble subrayado
</td>
<td style="text-align:left;">
%^DBL_UNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Por otro lado, existen varios códigos especiales:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Parpadeo
</td>
<td style="text-align:left;">
%^BLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Texto oculto
</td>
<td style="text-align:left;">
%^OCULTO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Revertido (Invierte el color de fondo y el de fuente)
</td>
<td style="text-align:left;">
%^REVERSE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Finalmente, existen los siguientes códigos para hacer volver la fuente a su estado normal:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar todos los parámetros
</td>
<td style="text-align:left;">
%^RESET%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar el color de la fuente
</td>
<td style="text-align:left;">
%^DEFAULT%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar el color de fondo
</td>
<td style="text-align:left;">
%^B_DEFAULT%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin negrita o texto resaltado
</td>
<td style="text-align:left;">
%^NOBOLD%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin parpadeo
</td>
<td style="text-align:left;">
%^NOBLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin cursiva
</td>
<td style="text-align:left;">
%^NOCURSIVA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin tachado
</td>
<td style="text-align:left;">
%^NOTACHADO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin subrayado
</td>
<td style="text-align:left;">
%^NOUNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Mostrar texto oculto
</td>
<td style="text-align:left;">
%^NOOCULTO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Es importante seguir un orden a la hora de poner los códigos de color dentro del texto. En general se recomienda poner primero los modificadores de fondo, luego los de tipo de fuente, los de resaltado y finalmente los de color, asegurándonos siempre de que almenos incluímos un %^RESET%^ en el texto, aunque sea al final de la frase. Ejemplos:
* Arma %^BOLD%^WHITE%^Sagrada%^RESET%^
* %^BOLD%^GREEN%^Bosque de Orgoth%^RESET%^
Es importante tener en cuenta que si ponemos dos etiquetas juntas, no es necesario incluir dos signos %^ consecutivos. Lo siguiente, aunque se mostraría bien, estaría mal:
* Arma %^WHITE%^%^BOLD%^Sagrada%^RESET%^
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris
</td>
<td style="text-align:left;">
%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Blanco
</td>
<td style="text-align:left;">
%^BOLD%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris ceniza
</td>
<td style="text-align:left;">
%^DIM%^WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro
</td>
<td style="text-align:left;">
%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Gris oscuro
</td>
<td style="text-align:left;">
%^BOLD%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro azabache
</td>
<td style="text-align:left;">
%^DIM%^BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde
</td>
<td style="text-align:left;">
%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde claro
</td>
<td style="text-align:left;">
%^BOLD%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde oscuro
</td>
<td style="text-align:left;">
%^DIM%^GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Naranja
</td>
<td style="text-align:left;">
%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Amarillo
</td>
<td style="text-align:left;">
%^BOLD%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Marrón
</td>
<td style="text-align:left;">
%^DIM%^ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo
</td>
<td style="text-align:left;">
%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo claro
</td>
<td style="text-align:left;">
%^BOLD%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Granate
</td>
<td style="text-align:left;">
%^DIM%^RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cian
</td>
<td style="text-align:left;">
%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul claro
</td>
<td style="text-align:left;">
%^BOLD%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Turquesa
</td>
<td style="text-align:left;">
%^DIM%^CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Magenta
</td>
<td style="text-align:left;">
%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rosa
</td>
<td style="text-align:left;">
%^BOLD%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Lila
</td>
<td style="text-align:left;">
%^DIM%^MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul oscuro
</td>
<td style="text-align:left;">
%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul
</td>
<td style="text-align:left;">
%^BOLD%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul marino
</td>
<td style="text-align:left;">
%^DIM%^BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Los códigos de colores ANSI también permiten cambiar el color de fondo. En este caso existe un color para cada etiqueta base, es decir, un total de 8:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Blanco
</td>
<td style="text-align:left;">
%^B_WHITE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Negro
</td>
<td style="text-align:left;">
%^B_BLACK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Verde
</td>
<td style="text-align:left;">
%^B_GREEN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Naranja
</td>
<td style="text-align:left;">
%^B_ORANGE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Rojo
</td>
<td style="text-align:left;">
%^B_RED%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cian
</td>
<td style="text-align:left;">
%^B_CYAN%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Magenta
</td>
<td style="text-align:left;">
%^B_MAGENTA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Azul
</td>
<td style="text-align:left;">
%^B_BLUE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Además, existen varios códigos que permiten resaltar el tipo de fuente:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Parpadeo
</td>
<td style="text-align:left;">
%^BLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Cursiva
</td>
<td style="text-align:left;">
%^CURSIVA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Subrayado
</td>
<td style="text-align:left;">
%^UNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Tachado
</td>
<td style="text-align:left;">
%^TACHADO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Doble subrayado
</td>
<td style="text-align:left;">
%^DBL_UNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Por otro lado, existen varios códigos especiales:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Parpadeo
</td>
<td style="text-align:left;">
%^BLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Texto oculto
</td>
<td style="text-align:left;">
%^OCULTO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Revertido (Invierte el color de fondo y el de fuente)
</td>
<td style="text-align:left;">
%^REVERSE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Finalmente, existen los siguientes códigos para hacer volver la fuente a su estado normal:
<table style="margin:0; width:100%;">
<tr>
<td style="text-align:left;">
'''Nombre color'''
</td>
<td style="text-align:left;">
'''Código de color'''
</td>
<td style="text-align:left;">
'''Ejemplo resultado'''
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar todos los parámetros
</td>
<td style="text-align:left;">
%^RESET%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar el color de la fuente
</td>
<td style="text-align:left;">
%^DEFAULT%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Restaurar el color de fondo
</td>
<td style="text-align:left;">
%^B_DEFAULT%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin negrita o texto resaltado
</td>
<td style="text-align:left;">
%^NOBOLD%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin parpadeo
</td>
<td style="text-align:left;">
%^NOBLINK%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin cursiva
</td>
<td style="text-align:left;">
%^NOCURSIVA%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin tachado
</td>
<td style="text-align:left;">
%^NOTACHADO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Sin subrayado
</td>
<td style="text-align:left;">
%^NOUNDERLINE%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
<tr>
<td style="text-align:left;">
Mostrar texto oculto
</td>
<td style="text-align:left;">
%^NOOCULTO%^
</td>
<td style="text-align:left;">
-
</td>
</tr>
</table>
Es importante seguir un orden a la hora de poner los códigos de color dentro del texto. En general se recomienda poner primero los modificadores de fondo, luego los de tipo de fuente, los de resaltado y finalmente los de color, asegurándonos siempre de que almenos incluímos un %^RESET%^ en el texto, aunque sea al final de la frase. Ejemplos:
* Arma %^BOLD%^WHITE%^Sagrada%^RESET%^
* %^BOLD%^GREEN%^Bosque de Orgoth%^RESET%^
Es importante tener en cuenta que si ponemos dos etiquetas juntas, no es necesario incluir dos signos %^ consecutivos. Lo siguiente, aunque se mostraría bien, estaría mal:
* Arma %^WHITE%^%^BOLD%^Sagrada%^RESET%^