Post De Textile - Ymipollo

Textile

¿Qué es Textile?

Textile es un lenguaje de “Abreviación”, esta herramienta nos permite usar un código mucho más fácil HTML en nuestras páginas, para darles mejor apariencia a nuestros textos y usar la amplia gama de herramientas que en este caso, enfocaremos al uso de Textile que permite usar el blog de Ymipollo.

Tratamos de hacer una lista completa para las abreviaciones del lenguaje Textile que puedes usar en la página, se puede usar tanto en posts, como en comentarios, en este post de ayuda todo lo hemos modificado con Textile, no se uso otro tipo de código más que Textile, este código nos permite combinar los modificadores para centrar, títulos, colores, tamaño de letra, sin necesidad de usar html como ya se dijo, se trabajará en ejemplos de combinación entre las opciones que Textile ofrece más adelante.

Temas que tocaremos:

1.- Formatos De Texto
2.- Darle Color Al Texto
3.- Alineación De Texto
4.- Tamaño De Texto
5.- Títulos
6.- Títulos – Alineación y color
7.- Insertar link de página o imagen
8.- Insertar y alinear una imagen
9.- Añadir una lista
10.- Citar una frase con blockquote
11.- Insertar Pie De Página

¹ Tema I

Formatos de Texto

Itálicas:

Así lo pones en el editor:

_Texto De Ejemplo_

Así se ve en tu blog:

Texto De Ejemplo

Negritas:

Así lo pones en el editor:

*Texto De Ejemplo*

Así se ve en tu blog:

Texto De Ejemplo

Subrayado:

Así lo pones en el editor:

+Texto De Ejemplo+

Así se ve en tu blog:

Texto De Ejemplo

Tachado:

Así lo pones en el editor:

-Texto De Ejemplo-

Así se ve en tu blog:

Texto De Ejemplo

Superscript:

Así lo pones en el editor:

^Texto De Ejemplo^

Así se ve en tu blog:

^{Texto De Ejemplo}

Subscript:

Así lo pones en el editor:

~Texto De Ejemplo~

Así se ve en tu blog:

_{Texto De Ejemplo}

² Tema II

Darle Color Al Texto

En Textile existen distintos modificadores, en el siguiente ejemplo veremos como dar color a un texto

Existe este modificador por ejemplo:

Letra p que indica que se aplicará al párrafo, llave { que indica el inicio del modificador, la palabra color, dos puntos, y el nombre en inglés del color, cerramos llave }un punto, un espacio y en seguida el texto del párrafo.

Así lo pones en el editor:

p{color:gray}. Texto del párrafo

Así aparece en tu blog:

Texto del párrafo

También se pueden utilizar toda la gama de colores HTML, los puedes ver aquí LISTA DE COLORES

Entonces en lugar del nombre del color en inglés, pondremos el valor HTML del color, por ejemplo en verde agua:

Así lo pones en el editor:

p{color:#33CCCC}. Texto del párrafo

Así aparece en tu blog:

Texto del párrafo

³ Tema III

Alineación de Texto

En textile también contamos con los signos de alineación básicos, que son los dos siguientes:

= Centrado
> Alineado a la derecha

Por default html nos alinea el texto a la izquierda, así que el símbolo < lo descartaremos ya que también se usa para indicar que inicia una etiqueta html y puede hacer que desaparezca nuestro texto en el blog.

Estos modificadores los podemos utilizar para modificar nuestros párrafos y títulos entre otras cosas, veamos ejemplos de cómo usarlos:

Así lo pones en el editor:

p={color:gray}. Texto De Prueba

Así se ve en tu blog:

Texto De Prueba

Así lo pones en el editor:

p>{color:gray}. Texto De Prueba

Así se ve en tu blog:

Texto De Prueba

⁴ Tema IV

Títulos:

En Textile También podemos poner títulos, y esta herramienta nos ofrece 6 diferentes formatos de títulos que mostramos a continuación con su código y el ejemplo.

(Se debe dejar un espacio en blanco después del punto, Ej. h1.EspacioTexto )

Así lo pones en el editor:

h1. Un Título HTML Primer Formato

Así se ve en tu blog:

Un Título HTML Primer Formato

Así lo pones en el editor:

h2. Un Título HTML Segundo Formato

Así se ve en tu blog:

Un Título HTML Segundo Formato

Así lo pones en el editor:

h3. Un Título HTML Tercer Formato

Así se ve en tu blog:

Un Título HTML Tercer Formato

Así lo pones en el editor:

h4. Un Título HTML Cuarto Formato

Así se ve en tu blog:

Un Título HTML Cuarto Formato

Así lo pones en el editor:

h5. Un Título HTML Quinto Formato

Así se ve en tu blog:

Un Título HTML Quinto Formato

Así lo pones en el editor:

h6. Un Título HTML Sexto Formato

Así se ve en tu blog:

Un Título HTML Sexto Formato

⁵ Tema V

Modificación de Titulos

En Textile podemos usar la combinación de modificadores, en estos ejemplos veremos alineación y color en títulos:

Así lo pones en el editor

h2{color:gray}. Este es un título con texto gris

Así se ve en tu blog:

Este es un título con texto gris

Así lo pones en el editor

h2={color:blue}. Este es un título centrado con texto azul

Así se ve en tu blog:

Este es un título centrado con texto azul

Así lo pones en el editor

h2>{color:#00FFFF }. Este es un título a la derecha con texto azul claro

Así se ve en tu blog:

Este es un título a la derecha con texto azul claro