(:title Formatos Para Texto:)
FORMATOS DE TEXTO
Pasos para modificar el aspecto del texto
(:description Pasos para modificar el aspecto del texto:)
La Barra de Herramientas
Dentro de los portales Pizarra ya se tienen estilos de Textos pre definidos los cuales conservan su aspecto general por lo cual es muy probable que algunas ediciones de textos a los que estás acostumbrado utilizar no estén habilitadas como por ejemplo tipos de letras diferentes.
Cuando necesites modificar textos puedes aplicar una serie de estilos básicos que permitirán resaltar el contenido que desees a través de la Barra de Herramientas en la parte superior del Área de Edición de Contenidos
Aplicando los Formatos
A continuación te presentamos una lista de diferentes estilos y formatos que puedes utilizar de esta barra de herramientas:
(:table border=1 style='border-color:blue' align='center' cellspacing='0':)
(:cell style='padding:5px; background-color:#ffdddd; ' width='100px' align='center' :)
Este botón
(:cell style='padding:5px; background-color:#ffdddd;' width='170px' align='center':)
sirve para:
(:cell style='padding:5px; background-color:#ffdddd;' width='200px' align='center':)
Ejemplo
(:cell style='padding:5px; background-color:#ffdddd;' width='200px' align='center':)
En el código Wiki sale:
(:cellnr style='padding:5px;' align='center' valign='middle' style='background-color:#ffffff':)
(:cell style='padding:5px;' :)
Aplicar Cursiva al texto seleccionado
(:cell style='padding:5px;' :)
Texto en Cursiva
(:cell style='padding:5px;' :)
''Texto en Cursiva''
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;' :)
Aplica Negrilla al texto seleccionado
(:cell style='padding:5px;':)
Texto en Negrillas
(:cell style='padding:5px;':)
'''Texto en Negrillas'''
(:cellnr style='padding:5px;':)
(:cell style='padding:5px;':)
Aplica un tamaño mayor al texto seleccionado
(:cell style='padding:5px;':)
Texto mas grande
(:cell style='padding:5px;':)
'+Texto mas grande+'
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;':)
Aplica un tamaño menor al texto seleccionado
(:cell style='padding:5px;':)
Texto mas pequeño
(:cell style='padding:5px;':)
'-Texto mas pequeño-'
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;':)
Aplica Centrado al texto seleccionado
(:cell style='padding:5px;':)
Texto Centrado
(:cell style='padding:5px;':)
%center%Texto Centrado
(:cellnr style='padding:5px;':)
(:cell style='padding:5px;':)
Aplica sangría izquierda (indent) al texto seleccionado
(:cell style='padding:5px;':)
Texto que tiene sangría es aquel que tiene un espacio en el lado izquierdo del párrafo.
(:cell style='padding:5px;':)
->Texto que tiene sangría
es aquel que tiene un
espacio en el lado
izquierdo del párrafo.
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;':)
Crea Listas Numeradas
(:cell style='padding:5px;':)
- Texto
- Texto
- Texto
(:cell style='padding:5px;':)
# Texto
# Texto
# Texto
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;':)
Crear Listas con Viñetas
(:cell style='padding:5px;':)
• Texto con viñetas
• Texto con viñetas
• Texto con viñetas
(:cell style='padding:5px;':)
* Texto con viñetas
* Texto con viñetas
* Texto con viñetas
(:cellnr style='padding:5px;' align='center' valign='middle':)
(:cell style='padding:5px;':)
Crea un línea gris horizontal de división
(:cell style='padding:5px;':)
(:cell style='padding:5px;' :)
----
(:tableend:)
Si deseas hacer algunas pruebas antes de continuar haz clic en la AREA DE PRUEBAS?
Otros formatos de Texto:
Algunos formatos de texto no están visibles en la Barra de Herramientas pero puedes aplicarlos en el texto seleccionado simplemente escribiendo su código de aplicación en Pm Wiki dentro del cuadro de edición.
A continuación se describe algunos códigos de estilos para aplicar formatos especiales:
(:table border=1 style='border-color:blue' align='center' cellspacing='0':)
(:cell style='padding:5px; background-color:#ffdddd;' width='170px' align='center':)
ESTILO:
(:cell style='padding:5px; background-color:#ffdddd;' width='200px' align='center':)
Código de Estilo en Wiki
(:cell style='padding:5px; background-color:#ffdddd;' width='230px' align='center':)
Resultado:
(:cellnr style='padding:5px;':)
Aplicar color a un texto
(:cell style='padding:5px;':)
%orange%Texto en Naranja
(:cell style='padding:5px;':)
Texto en Naranja
(:cellnr style='padding:5px;':)
Subrayar textos
(:cell style='padding:5px;':)
{+Texto subrayado+}
(:cell style='padding:5px;':)
Texto subrayado
(:cellnr style='padding:5px;':)
Alineación de texto a la derechao
(:cell style='padding:5px;':)
%right%Texto a la Derecha
(:cell style='padding:5px;':)
Texto a la Derecha
(:cellnr style='padding:5px;':)
Aplicar Negrilla y Cursiva al mismo texto
(:cell style='padding:5px;':)
'''''Texto de Ejemplo'''''
(:cell style='padding:5px;':)
Texto de Ejemplo
(:cellnr style='padding:5px;':)
Justificar un párrafo
(:cell style='padding:5px;':)
%justify% Este texto se encuentra
con formato Justificado para alinear
de forma pareja el lado izquierdo y
derecho del párrafo. Los textos que
se pueden agregar dentro de las
paginas Wiki pueden contener
formatos especiales, solo se debe
anteponer el código de estilo antes
del texto.
(:cell style='padding:5px;':)
Este texto se encuentra
con formato Justificado para alinear
de forma pareja el lado izquierdo y
derecho del párrafo. Los textos que
se pueden agregar dentro de las
paginas Wiki pueden contener
formatos especiales, solo se debe
anteponer el código de estilo antes
del texto.
(:cellnr style='padding:5px;':)
Bloques de Estilos
(:cell style='padding:5px;':)
>>purple<<
Todo el texto de este bloque
está en púrpura.
* Flores púrpura
* Las uvas son púrpura
>>red<<
* Ahora esta lista está en rojo
* Otra línea en rojo
>><<
* Y ahora el texto es normal
(:cell style='padding:5px;':)
Todo el texto de este bloque
está en púrpura.
- Flores púrpura
- Las uvas son púrpura
- Ahora esta lista está en rojo
- Otra línea en rojo
- Y ahora el texto es normal
(:tableend:)
Si deseas hacer algunas pruebas antes de continuar haz clic en la AREA DE PRUEBAS?
►Ver ejemplo de página con Fomatos de Texto?
Estilos Reservados
Dentro de los contenidos de las páginas de Pizarra se tienen algunos estilos reservados los cuales deben respetarse por ser de utilización estándar:
► Color de texto Azul - Es utilizado para Hipervínculos o enlaces.
► Color de texto Rojo - Es utilizado para hacer resaltar un error.
► Color de texto Verde - Es utilizado para mostrar la solución de un problema o error.
► Color de texto Marron - Es utilizado para Títulos y Subtítulos.
FORMATOS DE TEXTO EN BLOQUE
Puedes aplicar formatos de colores y resaltados a los párrafos de tu texto:
(:table border=1 :)
(:cell style='padding:5px; background-color:#ffdddd; ' width='300px' align='center' :)
Se escribe así:
(:cell style='padding:5px; background-color:#ffdddd; ' width='300px' align='center' :)
Para que se vea así:
(:cellnr style='padding:5px;':)
Color en un bloque de texto
>>blue<<
Todo el texto de este bloque
está en color azul.
Aunque tenga varios
párrafos igual seguirá
con el color azul.
>><<
(:cell style='padding:5px;':)
Todo el texto de este bloque
está en color azul.
Aunque tenga varios
párrafos igual seguirá
con el color azul.
(:cellnr style='padding:5px;':)
Negrilla en un bloque de texto
>>bold<<
Todo el texto de este bloque
está en color Negrillas.
Aunque tenga varios
párrafos igual seguirá
con Negrillas.
>><<
(:cell style='padding:5px;':)
Todo el texto de este bloque
está en color Negrillas.
Aunque tenga varios
párrafos igual seguirá
con Negrillas.
(:cellnr style='padding:5px;':)
Cursiva y color de fondo
>>italic bgcolor=#ffffcc<<
Todo el texto de este bloque
está en cursiva y con un
color de fondo.
Aunque tenga varios
párrafos seguirá igual
con el mismo formato.
>><<
(:cell style='padding:5px;':)
Todo el texto de este bloque
está en cursiva y con un
color de fondo.
Aunque tenga varios
párrafos seguirá igual
con el mismo formato.
(:cellnr style='padding:5px;' align=left:)
Centrados y otro color
>>center color:#cc0000 bgcolor=#b7fff0<<
[+'''¡ESTE ES UN TITULO!'''+]\\
'''Esta es una frase debajo del título'''
>><<
(:cell style='padding:5px;':)
¡ESTE ES UN TITULO!
Esta es una frase debajo del título
(:tableend:)