¿Cómo utilizar las opciones de formato de mensajes de Kubuntu-es?


Índice

1. Introducción
2. Botones
2.1 Insertar/editar enlace
2.2 Insertar/editar imagen
2.3 Italic
2.4 Negrita
2.5 Lista no numerada
2.6 Lista numerada
2.7 Cita
2.8 Código
2.9 Línea horizontal
2.10 Título 2
2.11 Título 3
2.12 Insertar vídeo de Youtube
2.13 Vista previa


1. Introducción

Dar el formato adecuado a tus comentarios es muy importante. Un formato adecuado, facilita la lectura y eso redunda en un beneficio para todos.

En la parte superior del cuadro de texto en el que escribes un comentario, un artículo del wiki, una entrada del blog o un tema del foro, aparecen una serie de botones que te ayudaran a dar formato al texto para que sea más completo, claro, ordenador y fácil de leer.

En la siguiente imagen puedes ver el grupo de botones enmarcado en un rectángulo rojo:

De izquierda a derecha, estos botones son:

Insertar/editar enlace
Insertar/editar imagen
Italic
Negrita
Lista no numerada
Lista numerada
Cita
Código
Línea horizontal
Título 2
Título 3
Insertar vídeo de Youtube
Vista previa

2. Botones

Pasemos a ver el funcionamiento de cada botón.

2.1 Insertar/editar enlace

Si quieres que al pulsar en una determinada palabra o frase del texto que estás escribiendo, se abra una web, simplemente, selecciona el texto, pulsa y en la casilla URL, pega la dirección de la página web. Por último, pulsa OK.

Veamos un ejemplo:

Resultado: Si tienes una duda, ¡pregunta en el foro de Kubuntu-es!

Antes de pulsar el botón Enviar comentario, lo que verás es esto:

Si tienes una duda, ¡pregunta en el <a href="http://www.kubuntu-es.org/foro">foro</a> de Kubuntu-es!

[Volver al principio]

2.2 Insertar/editar imagen

Si presionas el icono saldrá el dialogo Insertar/editar Imagen.

En la ventana presiona el botón Browse y se abrirá el Explorador de imágenes.

En el servidor de Kubuntu-es cada usuario tiene un directorio donde puede subir sus imágenes. El explorador de imágenes muestra las imágenes que ya tienes en el servidor y permite que las insertes fácilmente en un comentario.

Si quieres insertar una imagen que tienes en tu disco duro, primero hay que subirla al servidor, así es que presiona el botón Examinar... en el explorador de imágenes y selecciona en tu disco la imagen a subir.

Una vez seleccionada la imagen presiona el botón Abrir y a continuación Upload File para que suba la imagen al servidor.

Ya tienes la imagen en tu directorio personal, ahora en el explorador de imágenes pulsa el enlace add que está al lado del nombre de la imagen.

Finalmente, presiona OK en el diálogo Insertar/editar imagenes.

Cada usuario tiene a su disposición 5000 KB de espacio en el servidor de Kubuntu-es. El tamaño máximo de cada archivo es de 100 KB y la imagen tiene que tener unas dimensiones máximas de 500x500 px. Si te quedas sin espacio en el servidor o quieres utilizar una imagen con un tamaño superior a 100 KB, puedes subirla a páginas como http://tinypic.com o http://imageshack.us y después insertar la imagen en tu comentario utilizando un código como este:

<img src="http://dirección_de_la_imagen">

[Volver al principio]

2.3 Italic

El funcionamiento de este botón es muy sencillo. Simplemente, selecciona el texto que quieres que aparezca en cursiva y pulsa el botón.

Ejemplo: Este texto está en cursiva

Lo que verás antes de enviar el comentario es esto:

<em>Este texto está en cursiva</em>

[Volver al principio]

2.4 Negrita

Para usar este botón hay que hacer lo mismo que para usar el botón Italic; es decir, seleccionar el texto que se quiere poner en negrita y pulsar el botón. Atención, no abuses de la negrita. La negrita es útil para resaltar una parte concreta del texto. Si lo pones todo en negrita, no resaltará nada y por tanto perderá su utilidad.

Ejemplo: Este texto está en negrita

Lo que verás antes de enviar el comentario es esto:

<strong>Este texto está en negrita</strong>

[Volver al principio]

2.5 Lista no numerada

Este botón es muy útil si por ejemplo, haces una lista con las características de tu ordenador o con las novedades de una nueva versión de KDE, etc.

Veamos un ejemplo:

Lista sin usar el botón "Lista no numerada"

Kernel 2.6.31-3.19
KDE 4.3 RC1
K3b 1.66.0 Alpha 2
Arora Web Browser como navegador por defecto en lugar de Konqueror
KPackageKit 0.4.1.1
Amarok 2.1.1
Mejor integración de las aplicaciones GTK gracias a QtCurve 0.65.1
Compilador gcc-4.4
GRUB 2 por defecto
ext4 por defecto
Nuevo driver de vídeo para las tarjetas Intel

Lista usando el botón "Lista no numerada"

  • Kernel 2.6.31-3.19
  • KDE 4.3 RC1
  • K3b 1.66.0 Alpha 2
  • Arora Web Browser como navegador por defecto en lugar de Konqueror
  • KPackageKit 0.4.1.1
  • Amarok 2.1.1
  • Mejor integración de las aplicaciones GTK gracias a QtCurve 0.65.1
  • Compilador gcc-4.4
  • GRUB 2 por defecto
  • ext4 por defecto
  • Nuevo driver de vídeo para las tarjetas Intel

Como se puede ver, queda mucho más claro.

Para usar este botón, simplemente tienes que escribir cada elemento de la lista en una línea distinta. Después seleccionas toda la lista y pulsas el botón Lista no numerada.

Lo que verás antes de enviar el comentario es esto:

<ul>
<li>Kernel 2.6.31-3.19</li>
<li>KDE 4.3 RC1</li>
<li>K3b 1.66.0 Alpha 2</li>
<li>Arora Web Browser como navegador por defecto en lugar de Konqueror</li>
<li>KPackageKit 0.4.1.1</li>
<li>Amarok 2.1.1</li>
<li>Mejor integración de las aplicaciones GTK gracias a QtCurve 0.65.1</li>
<li>Compilador gcc-4.4</li>
<li>GRUB 2 por defecto</li>
<li>ext4 por defecto</li>
<li>Nuevo driver de vídeo para las tarjetas Intel</li>
</ul>

[Volver al principio]

2.6 Lista numerada

Este botón es similar al anterior. Lo único que cambia es que en lugar de poner un punto delante de cada elemento de la lista, coloca un número.

Ejemplo:

  1. Kernel 2.6.31-3.19
  2. KDE 4.3 RC1
  3. K3b 1.66.0 Alpha 2
  4. Arora Web Browser como navegador por defecto en lugar de Konqueror
  5. KPackageKit 0.4.1.1
  6. Amarok 2.1.1
  7. Mejor integración de las aplicaciones GTK gracias a QtCurve 0.65.1
  8. Compilador gcc-4.4
  9. GRUB 2 por defecto
  10. ext4 por defecto
  11. Nuevo driver de vídeo para las tarjetas Intel

Lo que verás antes de enviar el comentario es esto:

<ol>
<li>Kernel 2.6.31-3.19</li>
<li>KDE 4.3 RC1</li>
<li>K3b 1.66.0 Alpha 2</li>
<li>Arora Web Browser como navegador por defecto en lugar de Konqueror</li>
<li>KPackageKit 0.4.1.1</li>
<li>Amarok 2.1.1</li>
<li>Mejor integración de las aplicaciones GTK gracias a QtCurve 0.65.1</li>
<li>Compilador gcc-4.4</li>
<li>GRUB 2 por defecto</li>
<li>ext4 por defecto</li>
<li>Nuevo driver de vídeo para las tarjetas Intel</li>
</ol>

[Volver al principio]

2.7 Cita

Esto botón sirve para poner en tus comentarios una frase dicha por otro usuario para comentarla o rebatirla. Seguramente has visto que en la parte inferior de cada comentario hay un enlace o un botón que dice "Citar". Si pulsas sobre ese enlace/botón, automáticamente pasarás a la página para añadir un nuevo comentario y ya aparecerá escrito.

En este ejemplo, voy a responder citando el siguiente comentario:

Para ello pulso el botón "Citar" remarcado en rojo. Al hacerlo, aparece la página para editar un nuevo comentario, en el que ya se incluye el comentario citado.

El comentario final tiene este aspecto:

Si quieres citar por ejemplo, algo que has leído en otra web o en un periódico online, puedes usar el botón para citarlo. Para ello, sólo tienes que escribir el texto en tu comentario, seleccionarlo y pulsar el botón . En el campo Autor pones el nombre del periódico y ya está. El resultado podría ser algo así:

Periódico escribió:

Ayer fue publicada una nueva versión de Kubuntu...

Además, las citas se pueden anidar; es decir, se pueden incluir unas dentro de otras. Por ejemplo, si un usuario (usuario1) comenta la cita de la noticia de "Periódico" y un tercero (usuario2) cita el comentario de usuario1, el resultado sería el siguiente:

usuario1 escribió:
Periódico escribió:

Ayer fue publicada una nueva versión de Kubuntu...

¡Qué buena noticia!

Si no te queda claro, este vídeo del canal de Kubuntu-es en YouTube, seguro que resuelve tus dudas:

[Volver al principio]

2.8 Código

Este botón es muy útil para añadir a los comentarios textos muy extensos, sobre todo resultados de la ejecución de un comando, contenido de archivos como /etc/apt/sources.list, etc.

A continuación puedes ver el resultado de ejecutar el comando lspci en un ordenador. La diferencia entre no usar el botón Código es evidente:

Resultado de lspci sin usar el botón "Código"

00:00.0 Host bridge: Intel Corporation Mobile 945GM/PM/GMS, 943/940GML and 945GT Express Memory Controller Hub (rev 03)
00:01.0 PCI bridge: Intel Corporation Mobile 945GM/PM/GMS, 943/940GML and 945GT Express PCI Express Root Port (rev 03)
00:1b.0 Audio device: Intel Corporation 82801G (ICH7 Family) High Definition Audio Controller (rev 01)
00:1c.0 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 1 (rev 01)
00:1c.1 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 2 (rev 01)
00:1c.3 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 4 (rev 01)
00:1d.0 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #1 (rev 01)
00:1d.1 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #2 (rev 01)
00:1d.2 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #3 (rev 01)
00:1d.3 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #4 (rev 01)
00:1d.7 USB Controller: Intel Corporation 82801G (ICH7 Family) USB2 EHCI Controller (rev 01)
00:1e.0 PCI bridge: Intel Corporation 82801 Mobile PCI Bridge (rev e1)
00:1f.0 ISA bridge: Intel Corporation 82801GBM (ICH7-M) LPC Interface Bridge (rev 01)
00:1f.1 IDE interface: Intel Corporation 82801G (ICH7 Family) IDE Controller (rev 01)
00:1f.2 SATA controller: Intel Corporation 82801GBM/GHM (ICH7 Family) SATA AHCI Controller (rev 01)
01:00.0 VGA compatible controller: ATI Technologies Inc M56P [Radeon Mobility X1600]
02:06.0 CardBus bridge: Texas Instruments PCIxx12 Cardbus Controller
02:06.1 FireWire (IEEE 1394): Texas Instruments PCIxx12 OHCI Compliant IEEE 1394 Host Controller
02:06.2 Mass storage controller: Texas Instruments 5-in-1 Multimedia Card Reader (SD/MMC/MS/MS PRO/xD)
02:06.3 SD Host controller: Texas Instruments PCIxx12 SDA Standard Compliant SD Host Controller
02:06.4 Communication controller: Texas Instruments PCIxx12 GemCore based SmartCard controller
08:00.0 Ethernet controller: Broadcom Corporation NetXtreme BCM5753M Gigabit Ethernet PCI Express (rev 21)
10:00.0 Network controller: Intel Corporation PRO/Wireless 3945ABG [Golan] Network Connection (rev 02)

Resultado de lspci usando el botón "Código"

00:00.0 Host bridge: Intel Corporation Mobile 945GM/PM/GMS, 943/940GML and 945GT Express Memory Controller Hub (rev 03)
00:01.0 PCI bridge: Intel Corporation Mobile 945GM/PM/GMS, 943/940GML and 945GT Express PCI Express Root Port (rev 03)
00:1b.0 Audio device: Intel Corporation 82801G (ICH7 Family) High Definition Audio Controller (rev 01)                
00:1c.0 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 1 (rev 01)
00:1c.1 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 2 (rev 01)
00:1c.3 PCI bridge: Intel Corporation 82801G (ICH7 Family) PCI Express Port 4 (rev 01)
00:1d.0 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #1 (rev 01)
00:1d.1 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #2 (rev 01)
00:1d.2 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #3 (rev 01)
00:1d.3 USB Controller: Intel Corporation 82801G (ICH7 Family) USB UHCI Controller #4 (rev 01)
00:1d.7 USB Controller: Intel Corporation 82801G (ICH7 Family) USB2 EHCI Controller (rev 01)
00:1e.0 PCI bridge: Intel Corporation 82801 Mobile PCI Bridge (rev e1)
00:1f.0 ISA bridge: Intel Corporation 82801GBM (ICH7-M) LPC Interface Bridge (rev 01)
00:1f.1 IDE interface: Intel Corporation 82801G (ICH7 Family) IDE Controller (rev 01)
00:1f.2 SATA controller: Intel Corporation 82801GBM/GHM (ICH7 Family) SATA AHCI Controller (rev 01)
01:00.0 VGA compatible controller: ATI Technologies Inc M56P [Radeon Mobility X1600]
02:06.0 CardBus bridge: Texas Instruments PCIxx12 Cardbus Controller
02:06.1 FireWire (IEEE 1394): Texas Instruments PCIxx12 OHCI Compliant IEEE 1394 Host Controller
02:06.2 Mass storage controller: Texas Instruments 5-in-1 Multimedia Card Reader (SD/MMC/MS/MS PRO/xD)
02:06.3 SD Host controller: Texas Instruments PCIxx12 SDA Standard Compliant SD Host Controller
02:06.4 Communication controller: Texas Instruments PCIxx12 GemCore based SmartCard controller
08:00.0 Ethernet controller: Broadcom Corporation NetXtreme BCM5753M Gigabit Ethernet PCI Express (rev 21)
10:00.0 Network controller: Intel Corporation PRO/Wireless 3945ABG [Golan] Network Connection (rev 02)

Cuando escribas un comando, también es conveniente usar este botón porque con ello lo diferencias del resto del texto.

lspci

Este vídeo te aclarará las dudas sobre la utilización del botón Código:

[Volver al principio]

2.9 Línea horizontal

Al pulsar este botón añades una línea horizontal a tu comentario. Puedes usarla como separador.

Por ejemplo, para separar la Línea 1 de la Línea 2:

Línea 1


Línea 2

El código que inserta este botón es:

<hr>

[Volver al principio]

2.10 Título 2

Este botón se puede utilizar fundamentalmente en el Wiki a en tu blog. Si seleccionas un texto de tu comentario y pulsas , se verá de un tamaño mayor.

Por ejemplo:

  • Texto usando la fuente normal
  • Texto usando el botón Título 2

El código que verás en el comentario es:

<h2>Texto usando el botón Título 2</h2>

[Volver al principio]

2.11 Título 3

Con Título 3, el texto se ve más grande que usando la fuente normal, pero no tanto como usando Título 2:

  • Texto usando la fuente normal
  • Texto usando el botón Título 2

  • Texto usando el botón Título 3

El código que verás en el comentario es:

<h3>Texto usando el botón Título 3</h3>

[Volver al principio]

2.12 Insertar vídeo de Youtube

Insertar un vídeo de YouTube en un comentario es muy sencillo. Sólo tienes que pulsar este botón, pegar la dirección completa del vídeo en el campo URL y pulsar Enviar.

Por ejemplo, si quieres que este vídeo:
http://www.youtube.com/watch?v=fFuBe6TLtX8

aparezca en tu comentario, usando el botón como se ha explicado, quedará así:

[Volver al principio]

2.13 Vista previa


Al pulsar en este botón, accederás a la vista previa de tu comentario; es decir, que podrás comprobar cómo se verá tu comentario cuando pulses en el botón Enviar comentario. Para salir de la vista previa y continuar editando tu comentario, pulsa de nuevo el botón.

En esta imagen puedes ver un ejemplo de cómo se ve un comentario usando el botón Vista previa:

En la parte inferior de la página en la que escribes un comentario verás que hay un botón Vista previa. La diferencia entre este botón y el que tiene la imagen es que el primero recarga la página, mientras que con el segundo accedes a la vista previa sin recargarla.
[Volver al principio]