FANDOM


Poner estilos al texto hace que usted parezca un usuario avanzado y no el novato pardillo que en realidad es.

Un truco: Si usted crea un artículo malo, ponga cada letra de cada palabra de un color distinto. Nos quedaremos tan maravillados al contemplar cómo alguien se puede aburrir tanto, que tal vez no le borremos su artículo.

Definiendo su aspectoEditar

Estos símbolos definen el aspecto de las letras dentro de un párrafo y son de uso general. En teoría, algunos de ellos deberían ser sustituidos por los correspondientes que definen la función de las palabras que rodean, pero como sabemos que eres tan vago como nosotros o más, te los dejamos listados para que haga uso de ellos.

Todos los símbolos aquí definidos tienen una apertura y un cierre, es decir se deben poner al principio y al final de los caracteres que se quieren enfatizar, deben estar en el mismo párrafo.

Si se combinan varios, se tienen que abrir y cerrar en el orden inverso en el que se abren, es decir, cerrar el último estilo abierto.

Apertura Cierre Descripción Ejemplo
Dos apóstrofos

''

Dos apóstrofos

''

Sirve para poner un texto en cursiva. ''Nadie sabe para qué sirve poner textos en cursiva.''

Nadie sabe para qué sirve poner textos en cursiva.

Tres apóstrofos

'''

Tres apóstrofos

'''

Sirve para poner un texto en negrita. '''Me gusta poner texto en negrita para no parecer racista.'''

Me gusta poner texto en negrita para no parecer racista.

Cinco apóstrofos

'''''

Cinco apóstrofos

'''''

Combina negrita y cursiva.

Al igual que con estos se pueden combinar los demás estilos

'''''Me gusta complicarme la vida poniendo muchos formatos en los textos.'''''

Me gusta complicarme la vida poniendo muchos formatos en los textos.

<u> </u> Subrayado <u>Cuando estudiaba subrayaba los apuntes</u>

Cuando estudiaba subrayaba los apuntes

<small> </small> Texto pequeño. <small>El tamaño no importa.</small>

El tamaño no importa.

<big> </big> Texto grande

No es la forma de poner títulos

<big>¿o sí importa?</big>

¿o sí importa?

<tt> </tt> Texto monoespaciado

Todas las letras tienen el mismo ancho

<tt>Prefiero las máquinas de escribir</tt>

Prefiero las máquinas de escribir

<sup> </sup> Texto superíndice Tengo el ego <sup>muy alto</sup>

Tengo el ego muy alto

<sub> </sub> Texto subíndice Pero ahora estoy <sub>decaido</sub>

Pero ahora estoy decaído

<s> </s> Texto tachado

No usar <strike>

<s>¡¡¡Me están censurando!!!!</s>

¡¡¡Me están censurando!!!!

Definiendo su funciónEditar

Además de las etiquetas para definir el aspecto de una serie de caracteres, existen otras que definen su función o qué tipo de texto es lo que encierran. En teoría..., estos formatos son los que deberían usarse en ciertas ocasiones en vez de su equivalente en la tabla de arriba,

El uso de estas etiquetas es una recomendación más que una obligación... porque bien es sabido que no vas hacer caso. Pero si los usas, intenta que por lo menos lo que contengan se corresponda con lo que definen.

Apertura Cierre Descripción Ejemplo
<cite> </cite> Sirve para escribir citas

Visualmente cursivas

<cite>En un lugar de Castilla...</cite>

En un lugar de Castilla...

<code> </code> Sirve para indicar que es código fuente de ordenador[1]

Monoespaciado con un color de fondo

<code>IF NOT Understand THEN Exit;</code>

IF NOT Understand THEN Exit;

<nowiki> </nowiki> Ignorar las etiquetas que definen el texto

Muestra lo que esta escrito sin importar que hayan definido formatos dentro de él

<nowiki><big>''Con'' lo '''bonito''' que <s>quedaba...</s></big></nowiki>

<big>''Con'' lo '''bonito''' que <s>quedaba...</s></big>

<!-- --> Comentario para la edición.

No muestra el texto siendo un comentario para el código fuente del texto, visible solo cuando se edita

<!-- Pulsa editar si me quieres ver -->

<math> </math> Define un fórmula matemática en formato LATEX[2]

Crea una imagen con la fórmula descrita

<math>\frac{2}{3-x} = \frac{3}{2-x} \!</math>

$ \frac{2}{3-x} = \frac{3}{2-x} \! $

La etiqueta <span>Editar

Bueno, como has podido ver, existen gran cantidad de posibilidades para definir el formato del texto. Pero posiblemente te preguntarás: ¿y los colores? ¿y el subrayado? ¿y...? ¡Deja de hacer preguntas!.

Bueno, pues para hacer todo eso existe la etiqueta <span> del HTML que también es reconocida por el MediaWiki. O mejor dicho: no es filtrada y se permite su uso. Esta etiqueta permite la definición del texto que enmarca, es muy parecido en a un <div>, que se explica en Ayuda:Formato de párrafo, pero ésta es para usar solo con texto que se encuentra dentro de un mismo párrafo.

Siguiendo la estructura anterior se definiría así:

Apertura Cierre Descripción Ejemplo
<span style="<Parámetros_CSS>">

</span>

Sirve para definir el formato de un texto dentro de un párrafo

Para dar formato a uno o más párrafos enteros es mejor usar <div>

<span style="color:green; font-variant:small-caps; text-decoration: underline;">Jugando con el formato</span>

Jugando con el formato

Donde <Parámetros_CSS> puede ir básicamente cualquier estilo CSS. Aunque hay unos pocos que no funcionan, no son muy importantes, por ejemplo poner de fondo una imagen.

De forma breve sin muchas explicaciones, algunos párametros de CSS (es decir, lo que va entre comillas donde pone <Parámetros_CSS>) que hacen cosas que no se pueden hacer con los códigos de Wikicode son:

Parámetro CSS Función Ejemplo
color:<color>; Define el color del texto

Más info sobre que debe ser <color> aquí

<span style="color:red;">Si lo ves verde... vete al oculista.</span>

Si lo ves verde... vete al oculista.

background:<color>; Define el fondo del texto

Más info sobre que debe ser <color> aquí

<span style="background:yellow;">En WP usan este fondo porque no tienen emoticonos</span>

En WP usan este fondo porque no tienen emoticonos

font-family:<TipoS de fuente>; Define la fuente de texto a usar

Para más info sigue leyendo

<span style="font-family: fantasy;">¡Soy el más molón!</span>

¡Soy el más molón!

Por supuesto, como podrás haber comprobado en el ejemplo genérico de <span>, no hace falta hacer un span para cada estilo sino que se pueden agrupar todos los necesarios dentro de las comillas después de style=, separándolos con un punto y coma ";"

Como curiosidad, si comparas el ejemplo del cambio de color de fondo con su respectivo en el uso <div> en Ayuda:Formato de párrafo, aquí pinta de amarillo el fondo sólo lo que ocupan los caracteres que rodean el <span>. Con esto te puedes hacer una idea de la diferencia entre definir el formato de un texto dentro de un párrafo con definir el formato de un bloque.

Puedes hacer muchas más cosas de las que aquí se explican si tienes conocimientos de CSS y conoces bien las especificaciones del CSS (cuidado con el Internet Explorer)

font-familyEditar

Si has visto repetido este texto en algún otro sitio, vuélvetelo a leer hasta que lo tengas bien claro antes de usar este parámetro CSS.

El uso de este parámetro es style="font-family:<TipoS de fuente>";

Donde <TipoS de fuente> va el nombre de la fuente que se quiere usar, es muy recomendable usar una lista fuentes separadas por comas "," y añadir al final un tipo genérico de los que se listan a continuación, para que pueada ser visualizada correctamente en ordenadores que no tienen esas fuentes.

Las fuentes genéricas son redefinibles por cada usuario en su navegador:

  • serif: Texto normal con rabitos en las letras.
  • sans-serif: Texto normal sin los rasguillos en las letras
  • fantasy: Texto usando una fuente tipo fantasía
  • cursive: Texto usando una fuente con letras redondas o cursivas
  • monospace: Estilo máquina de escribir donde todas las letras tienen el mismo ancho

Pensad que la Times New Roman o las apreciadas Tahoma y Comic Sans NO se encuentran por defecto en ordenadores que no tienen Windows.

NOTA
En caso de que el nombre de la fuente contenga espacios debe meterse entre apóstrofos " ' ". Por ejemplo: 'Times New Roman'.

Plantillas de formatoEditar

Además del formato wiki y el <span>, se han definido una serie de plantillas para cambiar el formato del texto de forma sencilla, ya bien sea para simular alguna etiqueta de HTML o porque el <span> puede ser algo complicado de usar en ese caso.

Si quieres más información, vete a su página y deberían tener una descripción de su formato y funcionamiento.

Plantilla:abbr
Simula el HTML <abbr> y <acronym>. Para poner abreviaturas, siglas y acrónimos principalmente.
Plantilla:Expansible
Sirve para hacer que un texto se despliegue al poner el puntero del mouse sobre el texto visible: Pon aquí el puntero del mouse Este sería un ejemplo sencillo del funcionamiento de la plantilla expansible

.

Notas al PieEditar

  1. <code>: Código fuente puede ser en cualquier lenguaje programación, hipertexto u otros similares: C, Pascal, HTML, Wikicode, etc
  2. <math>: Para tener más información sobre el formato específico (LATEX) que admite, mira la ayuda sobre esta etiqueta.
*Nota: Algunos de los enlaces son de afiliados, lo que significa que, sin costo adicional para ti, Fandom ganará una comisión si haces clic y realizas una subscripción. El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.

Algunos de los enlaces son de afiliados, lo que significa que, sin costo adicional para ti, Fandom ganará una comisión si haces clic y realizas una subscripción.

Stream the best stories.

Algunos de los enlaces son de afiliados, lo que significa que, sin costo adicional para ti, Fandom ganará una comisión si haces clic y realizas una subscripción.

Get Disney+