RED ESCUELA.: Formatos Para Texto

Principal.FormatosParaTexto Historia

Oculta ediciones menores - Muestra los cambios de salida

08 junio 2011 a las 17h08 por ayudante -

Líneas cambiada 3-13 desde:

(:~~Description~~ Pasos para modificar el aspecto del texto:)

%color=#ff8c00% center%'''[+++FORMATOS DE TEXTO+++]'''\\
%color=#ff8c00% center%'''[+Pasos para modificar el aspecto del texto+]'''

%color=#ff8c00%%'''[+La Barra de Herramientas+]'''

para

(:description Pasos para modificar el aspecto del texto
Pasos para modificar el aspecto del texto:)

%color=#ff8c00 center%'''[+++FORMATOS DE TEXTO+++]'''\\
%color=#ff8c00 center%'''[+Pasos para modificar el aspecto del texto+]'''

%color=#ff8c00%'''[+La Barra de Herramientas+]'''

Líneas cambiada 26-27 desde:

%color=#ff8c00%%'''[+Aplicando los Formatos+]'''

para

%color=#ff8c00%'''[+Aplicando los Formatos+]'''

Líneas cambiada 141-142 desde:

%color=#ff8c00%%'''[+Otros formatos de Texto:+]'''

para

%color=#ff8c00%'''[+Otros formatos de Texto:+]'''

Línea cambiada 159 desde:

[@%color=#ff8c00%%Texto en Naranja@]

para

[@%color=#ff8c00%Texto en Naranja@]

Líneas cambiada 161-162 desde:

%color=#ff8c00%%Texto en Naranja

para

%color=#ff8c00%Texto en Naranja

Líneas cambiada 245-246 desde:

%color=#ff8c00%%'''[+Estilos Reservados+]'''

para

%color=#ff8c00%'''[+Estilos Reservados+]'''

Líneas cambiada 249-255 desde:

%color=#ff8c00%%►%% Color de texto %navy%'''Azul'''%% - Es utilizado para Hipervínculos o enlaces.

%color=#ff8c00%%►%% Color de texto %red%'''Rojo'''%% - Es utilizado para hacer resaltar un error.

%color=#ff8c00%%►%% Color de texto %green%'''Verde'''%% - Es utilizado para mostrar la solución de un problema o error.

%color=#ff8c00%%►%% Color de texto %maroon%'''Marron'''%% - Es utilizado para Títulos y Subtítulos.

para

%color=#ff8c00%►%% Color de texto %navy%'''Azul'''%% - Es utilizado para Hipervínculos o enlaces.

%color=#ff8c00%►%% Color de texto %red%'''Rojo'''%% - Es utilizado para hacer resaltar un error.

%color=#ff8c00%►%% Color de texto %green%'''Verde'''%% - Es utilizado para mostrar la solución de un problema o error.

%color=#ff8c00%►%% Color de texto %maroon%'''Marron'''%% - Es utilizado para Títulos y Subtítulos.

Restaurar

08 junio 2011 a las 17h06 por ayudante -

Líneas cambiada 3-19 desde:

(:~~description~~ Pasos para modificar el aspecto del texto:)
(:title Formatos Para Texto:)
(:description Pasos para modificar el aspecto del texto
Pasos para modificar el aspecto del texto:)

%orange center%'''[+~~++FORMATOS DE TEXTO~~+++]'''\\
%orange center%'''[+Pasos para modificar el aspecto del texto+]'''

%orange%'''[+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.

para

(:Description Pasos para modificar el aspecto del texto:)

%color=#ff8c00% center%'''[+++FORMATOS DE TEXTO+++]'''\\
%color=#ff8c00% center%'''[+Pasos para modificar el aspecto del texto+]'''

%color=#ff8c00%%'''[+La Barra de Herramientas+]'''

Dentro de las páginas de RedEscuela 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.

Líneas cambiada 21-22 desde:

%~~orange~~%'''[+Aplicando los Formatos+]'''

para

%color=#ff8c00%%'''[+Aplicando los Formatos+]'''

Líneas cambiada 136-137 desde:

%~~orange~~%'''[+Otros formatos de Texto:+]'''

para

%color=#ff8c00%%'''[+Otros formatos de Texto:+]'''

Línea cambiada 154 desde:

[@%~~orange~~%Texto en Naranja@]

para

[@%color=#ff8c00%%Texto en Naranja@]

Líneas cambiada 156-157 desde:

%~~orange~~%Texto en Naranja

para

%color=#ff8c00%%Texto en Naranja

Líneas cambiada 240-252 desde:

%~~orange~~%'''[+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:

%~~orange~~%►%% Color de texto %navy%'''Azul'''%% - Es utilizado para Hipervínculos o enlaces.

%~~orange~~%►%% Color de texto %red%'''Rojo'''%% - Es utilizado para hacer resaltar un error.

%~~orange~~%►%% Color de texto %green%'''Verde'''%% - Es utilizado para mostrar la solución de un problema o error.

%~~orange~~%►%% Color de texto %maroon%'''Marron'''%% - Es utilizado para Títulos y Subtítulos.

para

%color=#ff8c00%%'''[+Estilos Reservados+]'''

En las páginas de RedEscuela se tienen algunos estilos reservados los cuales deben respetarse por ser de utilización estándar:

%color=#ff8c00%%►%% Color de texto %navy%'''Azul'''%% - Es utilizado para Hipervínculos o enlaces.

%color=#ff8c00%%►%% Color de texto %red%'''Rojo'''%% - Es utilizado para hacer resaltar un error.

%color=#ff8c00%%►%% Color de texto %green%'''Verde'''%% - Es utilizado para mostrar la solución de un problema o error.

%color=#ff8c00%%►%% Color de texto %maroon%'''Marron'''%% - Es utilizado para Títulos y Subtítulos.

Línea cambiada 255 desde:

Ver más sobre los Colores en ~~Pizarra~~. [[Principal/FormatosParaTexto|Haz Cic aquí]]

para

Ver más sobre los Colores en RedEscuela. [[Principal/FormatosParaTexto|Haz Cic aquí]]

Restaurar

08 junio 2011 a las 17h02 por ayudante -

Líneas añadidas 3-4:

(:description Pasos para modificar el aspecto del texto:)
(:title Formatos Para Texto:)

Línea cambiada 259 desde:

Ver más sobre los Colores en Pizarra. [[~~WikiPizarra~~/~~LosColoresEnPizarra~~|Haz Cic aquí]]

para

Ver más sobre los Colores en Pizarra. [[Principal/FormatosParaTexto|Haz Cic aquí]]

Restaurar

08 junio 2011 a las 16h58 por ayudante -

Líneas cambiada 3-8 desde:

(:~~title Formatos Para Texto~~:)

para

(:description Pasos para modificar el aspecto del texto
Pasos para modificar el aspecto del texto:)

Líneas cambiada 11-13 desde:

~~(:description Pasos para modificar el aspecto del texto:)~~

para

Líneas borrada 232-235:

%center%Si deseas hacer algunas pruebas antes de continuar haz clic en la %newwin%'''[[WikiPizarra/AreaDePrueba |AREA DE PRUEBAS]]'''

%center orange%%newwin%'''►[[MuestraFormatoDeTexto|Ver ejemplo de página con Fomatos de Texto]]'''

Restaurar

08 junio 2011 a las 16h57 por ayudante -

Línea añadida 1:

(:description Pasos para modificar el aspecto del texto:)

Línea añadida 3:

(:title Formatos Para Texto:)

Línea borrada 130:

~~%center%Si deseas hacer algunas pruebas antes de continuar haz clic en la %newwin%'''[[WikiPizarra/AreaDePrueba |AREA DE PRUEBAS]]'''~~

Restaurar

08 junio 2011 a las 16h55 por ayudante -

Líneas añadidas 1-354:

(:title Formatos Para Texto:)
%orange center%'''[+++FORMATOS DE TEXTO+++]'''\\
%orange center%'''[+Pasos para modificar el aspecto del texto+]'''
(:description Pasos para modificar el aspecto del texto:)

%orange%'''[+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

%center%Attach:Home/guiabarra_herramienta.jpg

!
%orange%'''[+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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiacursiva.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guianegrita.jpg
(: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;':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiaaumenta.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiadusminuye.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiacentrado.jpg
(:cell style='padding:5px;':)
Aplica Centrado al texto seleccionado
(:cell style='padding:5px;':)
%center%Texto Centrado
(:cell style='padding:5px;':)
[@%center%Texto Centrado@]
(:cellnr style='padding:5px;':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiamas_sangria.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guianumeracion.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guiavinetas.jpg
(: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':)
>>lrindent round frame bgcolor=#f7fbf9<<
Attach:Home/guialinea.jpg
(:cell style='padding:5px;':)
Crea un línea gris horizontal de división
(:cell style='padding:5px;':)

----

(:cell style='padding:5px;' :)

[@----@]

(:tableend:)
>><<

%center%Si deseas hacer algunas pruebas antes de continuar haz clic en la %newwin%'''[[WikiPizarra/AreaDePrueba |AREA DE PRUEBAS]]'''

!
%orange%'''[+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 PmWiki 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;':)
%orange%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;':)
%right%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;':)
%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.

(: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;':)
>>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

(:tableend:)
>><<

%center%Si deseas hacer algunas pruebas antes de continuar haz clic en la %newwin%'''[[WikiPizarra/AreaDePrueba |AREA DE PRUEBAS]]'''

%center orange%%newwin%'''►[[MuestraFormatoDeTexto|Ver ejemplo de página con Fomatos de Texto]]'''

!
%orange%'''[+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:

%orange%►%% Color de texto %navy%'''Azul'''%% - Es utilizado para Hipervínculos o enlaces.

%orange%►%% Color de texto %red%'''Rojo'''%% - Es utilizado para hacer resaltar un error.

%orange%►%% Color de texto %green%'''Verde'''%% - Es utilizado para mostrar la solución de un problema o error.

%orange%►%% Color de texto %maroon%'''Marron'''%% - Es utilizado para Títulos y Subtítulos.

>>frame width=400px<<

Ver más sobre los Colores en Pizarra. [[WikiPizarra/LosColoresEnPizarra|Haz Cic aquí]]

>><<
[[<<]]
[[<<]]

!

'''[+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;':)
>>blue<<
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;':)
>>bold<<
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;':)
>>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.
>><<

(: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;':)
>>center color:#cc0000 bgcolor=#b7fff0<<
[+'''¡ESTE ES UN TITULO!'''+]\\
'''Esta es una frase debajo del título'''
>><<
(:tableend:)

[[<<]]
[[<<]]

Restaurar