[Tutorial] Escritura en el foro

[CAPTE]

Última actualización en la lista: 16 de diciembre de 2016 (10:00)

[TUTORIAL] ESCRITURA EN EL FORO

Todos estos efectos se pueden combinar entre ellos según se desee.

• Texto
  1. Negrita
  2. Itálica / cursiva
  3. Subrayado
  4. Tachado
  5. Centrar texto
  6. Spoiler
  7. Tamaño de fuente
  8. Color de fuente
  9. Código
  10. URL
  11. URL con nombre
  12. Citar texto
  13. Citar texto escribiendo la fuente
  14. Citar texto escribiendo la URL y la fuente
  15. Lista
  16. Lista con números
  17. Novedad
• Emoticonos
  1. Emoticonos usuales
  2. Más emoticonos
• Imágenes
  1. Postear una imagen
  2. Obtener la URL de una imagen
  3. Obtener la URL de una imagen (de una web con el botón derecho deshabilitado)
  4. Subir una imagen al cargador de CAPTE
  5. Subir una imagen a un hosting de imágenes (por ejemplo TinyPic)
  6. Webs de hosting de imágenes
• Vídeos
  1. Youtube
  2. Vimeo
  3. Flash

[CAPTE]

TEXTO

1. Negrita:
   • Pulsar el botón "B" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [b]Texto en negrita[/b]

     • Texto en negrita

2. Itálica / cursiva:
   • Pulsar el botón "i" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [i]Texto en itálica / cursiva[/i]

     • Texto en itálica / cursiva

3. Subrayado:
   • Pulsar el botón "u" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [u]Texto subrayado[/u]

     • Texto subrayado

4. Tachado:
   • Pulsar el botón "tachado" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [tachado]Texto tachado[/tachado]

     • Texto tachado

5. Centrar texto:
   • Pulsar el botón "center" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [center]Texto centrado[/center]

     • Texto centrado

6. Spoiler:
   • Pulsar el botón "spoiler" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [spoiler]Texto spoiler[/spoiler]

     • Oculto:

       Texto spoiler

7. Tamaño de fuente:
   • Pulsar el desplegable "Tamaño de fuente: Normal", elegir una opción e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [size=85]Texto pequeño[/size]

     • Texto pequeño

8. Color de fuente:
   • Pulsar el color deseado en "Color de fuente" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [color=#FF0000]Texto en rojo[/color]

     • Texto en rojo

9. Código:
   • Pulsar el botón "Code" e introducir el texto.
   • Ejemplo:

     • Código: Seleccionar todo

       [code]Texto código

       [/code]

     • Código: Seleccionar todo

       Texto código

10. URL:
    • Pulsar el botón "URL" e introducir la URL.
    • Ejemplo:

      • Código: Seleccionar todo

        [url]www.capte.org[/url]

      • http://www.capte.org

11. URL con nombre:
    • Pulsar el botón "URL".
    • Dentro de "", entre la "l" y "]", escribir "=" y e ... .org]CAPTE[/code]

    • CAPTE

[*]Citar texto:

• Pulsar el botón "Quote" e introducir el texto.
• Ejemplo:

  • Código: Seleccionar todo

    [quote]Texto citado[/quote]

  • Texto citado

[*]Citar texto escribiendo la fuente:

• Pulsar el botón "Quote" e introducir el texto.
• Dentro de "[quot e]", entre la "e" y "]", escribir "=" y entre "" escribir el texto.
• Ejemplo:

  • Código: Seleccionar todo

    [quote="Fuente"]Texto citado con fuente[/quote]

  • Texto citado con fuente

[*]Citar texto escribiendo la URL y la fuente:

• Pulsar el botón "Quote" e introducir el texto.
• Dentro de [quot e], entre la "e" y "]", escribir "=" y "".
• Entre "", pulsar el botón "URL".
• Dentro de "", entre la "l" y "]", escribir "=" y e ... .org]CAPTE"]Texto citado con URL y fuente[/quote][/code]

• Texto citado con URL y fuente

[/list]


[*]Lista:

• Pulsar el botón "List".
• Pulsar el botón "[ * ]" para cada elemento y escribir el texto.
• Ejemplo:

  • Código: Seleccionar todo

    [list][*]Primer elemento
    [*]Segundo elemento[/list]

  • • Primer elemento
    • Segundo elemento

[*]Lista con números:

• Pulsar el botón "List=".
• Escribir el primer elemento de la lista, por ejemplo "1".
• Pulsar el botón "[ * ]" para cada elemento y escribir el texto.
• Ejemplo:

  • Código: Seleccionar todo

    [list=1][*]Primer elemento
    [*]Segundo elemento[/list]

  • 1. Primer elemento
    2. Segundo elemento

[*]Novedad:

• En los foros de parques españoles (PA, IM, TM, PW, PAM y TIB), para indicar en un post que es un mensaje de novedades (información, fotos, vídeos...), hemos habilitado un botón en el interfaz. Simplemente con pulsar el botón "novedad" al comienzo del post, ya aparecerá dicha indicación.
• Ejemplo:

  • Código: Seleccionar todo

    [novedad][/novedad]
    Aquí iría el post con el material....

  • !	POST DE SEGUIMIENTO DE LA NOVEDAD CON MATERIAL, FOTOS Y/O VÍDEOS

    Aquí iría el post con el material....

[/list]

[CAPTE]

EMOTICONOS

1. Emoticonos usuales:
   • Pulsar en el emoticono deseado en "Emoticonos".
   • Ejemplo:

     • Código: Seleccionar todo

        :coaster 

     • 

2. Más emoticonos:
   • Pulsar en "Ver más emoticonos".
   • Pulsar en el emoticono deseado.
   • Ejemplo:

     • Código: Seleccionar todo

        :detective 

     • 

[CAPTE]

IMÁGENES

1. Postear una imagen:
   • Pulsar el botón "Img" e introducir la URL de la imagen.
   • Ejemplo:

     • Código: Seleccionar todo

       [img]http://www.capte.org/img/logo.png[/img]

     • 

2. Obtener la URL de una imagen:
   • Pinchar en la imagen de una página web con el botón derecho del ratón.
   • Seleccionar "Copia la ruta de la imagen".
3. Obtener la URL de una imagen (de una web con el botón derecho deshabilitado):
   • Si la web con las imágenes tiene deshabilitado el botón derecho del ratón para copiar la ruta de la imagen, hay que seguir los siguientes pasos:
     • Mostrar el código fuente de la web:
       • Chrome: pulsar "Control" + "U".
       • Firefox: pulsar "Control" + "U".
       • Internet Explorer: pulsar "Alt" + "V", y seleccionar "Código fuente".
     • En esa nueva ventana, pulsar "Control" + "F" para buscar.
     • Escribir por ejemplo ".jpg" que es el fórmato habitual de las imágenes y pinchar en las flechas "^" o "v" (en Chrome o Firefox) o "Anterior" y "Siguiente" (en Internet Explorer) para buscar la URL de la imagen en cuestión.
     • Seleccionar la URL de la imagen y pulsar "Control" + "C" para copiarla.
4. Subir una imagen al cargador de CAPTE:
   • Subir la/s imagen/es que se deseen al cargador de CAPTE (inicio capte o foros > cargador).
   • Arrastrar las imágenes o pulsar el botón Añadir Archivos...
   • Pulsar el botón ¡Cargar!.
   • Seleccionar el texto para incrustrar la imagen, como por ejemplo:

     Código: Seleccionar todo

     [im]URL.jpg[/im]

     (para imágenes normales se usa el botón Img, pero para las fotos cargadas en CAPTE se utiliza im).
   • Pegar dicho texto en el foro.
   • Ejemplo:

     • Código: Seleccionar todo

       [im]150/CAPTE_logo.png[/im]

     • 
       
       

   • También se pueden postear con las etiquetas Img poniendo la URL con la parte del código que aparecía en la dirección anterior con las etiquetas Im de la siguiente forma:

   • Código: Seleccionar todo

     http://www.capte.org/server/php/archivos/CODIGO_DE_IM

   • Ejemplo:

     • Código: Seleccionar todo

       [img]http://www.capte.org/server/php/archivos/150/CAPTE_logo.png[/img]

     • 

5. Subir una imagen a un hosting de imágenes (por ejemplo TinyPic):
   • Hay multitud de webs para subir fotos y luego insertarlas en el foro.
   • En este ejemplo vamos a usar TinyPic. Los pasos serían los siguientes:
     1. En el campo "Archivo", pulsamos en "Examinar..." y seleccionamos la foto a subir.
     2. En el campo "Cambiar el tamaño", pulsamos el deseado ("Predeterminado" para el tamaño original o por ejemplo "Message Board (640x480)" para adaptarlo al foro).
     3. Pulsar el botón "CARGAR AHORA" (a veces aparecerá un pop-up para introducir un texto de seguridad y pulsar de nuevo el botón "CARGAR AHORA").
     4. Copiar el campo "Código IMG para foros y paneles de mensajes" y pegarlo en el foro (ya incluye las etiquetas Img):

        Código: Seleccionar todo

        [img][/img]

6. Webs de hosting de imágenes:
   • ImageHousing
   • Imageshack
   • Imgur
   • SubeFotos
   • SubeImagenes
   • SubirImagenes
   • TinyPic
   • UploadHouse (subir múltiples imágenes a la vez)

[CAPTE]

VÍDEOS

1. Youtube:
   • Hay diferentes fórmatos de URL (donde ID es el identificador del vídeo):
     • La URL antigua sin http:

       Código: Seleccionar todo

       www.youtube.com/watch?v=ID

     • La URL antigua con http:

       Código: Seleccionar todo

       http://www.youtube.com/watch?v=ID

     • La URL antigua segura (con https):

       Código: Seleccionar todo

       https://www.youtube.com/watch?v=ID

     • Las URLs nuevas:

       Código: Seleccionar todo

       youtu.be/ID

       Código: Seleccionar todo

       http://es.youtube.com/watch?v=ID

     • En CAPTE sólo se aceptan las URLs antiguas (con y sin http) y la URL antigua segura (con https).
     • Si se tiene alguna de las URLs nuevas, basta con copiar el ID y pegarlo en alguna de las URLs antiguas.
     • Si la URL después del ID tiene más texto separado por "&" o "#", esa parte hay que eliminarla.
   • Pulsar el botón "youtube" e introducir la URL (antigua sin/con http o antigua segura -con https-).
   • Ejemplo con URL antigua sin http:

     • Código: Seleccionar todo

       [youtube]www.youtube.com/watch?v=x8LA19HfeO0[/youtube]

     • [youtube]www.youtube.com/watch?v=x8LA19HfeO0[/youtube]

   • Ejemplo con URL antigua con http:

     • Código: Seleccionar todo

       [youtube]http://www.youtube.com/watch?v=x8LA19HfeO0[/youtube]

     • [youtube][/youtube]

   • Ejemplo con URL antigua segura (con https):

     • Código: Seleccionar todo

       [youtube]https://www.youtube.com/watch?v=x8LA19HfeO0[/youtube]

     • [youtube][/youtube]

   • Con las tres formas soportadas (URL antigua sin http, URL antigua con http y URL antigua segura -con https-), en el foro se incrustan los vídeos correctamente, pero con la URL antigua segura (con https), en Tapatalk no se muestran dichos vídeos. Así que una buena forma para que se muestren correctamente tanto en el foro como en Tapatak, sería usar la URL antigua sin http o la URL antigua con http, pero obviar la URL antigua segura (con https).
2. Vimeo:
   
   • Hay diferentes fórmatos de URL (donde ID es el identificador del vídeo):
     • La URL con "www":

       Código: Seleccionar todo

       http://www.vimeo.com/ID

     • La URL sin "www":

       Código: Seleccionar todo

       http://vimeo.com/ID

     • En CAPTE sólo se aceptan la URL con "www".
     • Si se tiene la URL sin "www", basta con copiar el ID y pegarlo en una URL con "www".
     • Si la URL después del ID tiene más texto separado por "#", esa parte hay que eliminarla.
   • Pulsar el botón "vimeo" e introducir la URL del vídeo.
   • Ejemplo:

     • Código: Seleccionar todo

       [vimeo]http://www.vimeo.com/31018932[/vimeo]

     • [vimeo][/vimeo]

3. Flash:
   • Pulsar el botón "Flash" e introducir la URL.
   • Dentro de "[flash]", entre la "h" y "]", escribir "=" y "width,height" donde width es ancho y height es la altura.
   • Ejemplo:

     • Código: Seleccionar todo

       [flash=800,600]http://www.url.com[/flash]

[NARAN]

Sobre los vídeos de Youtube, los usuarios que accedemos al foro con Tapatalk solo podemos visualizar los que están escritos con la 'url antigua' (sin el https).

Todos los que están insertados con la 'url antigua segura' desaparecen. No se ve la miniatura en donde hacer clic para reproducir.

Al menos a mi me pasa esto desde siempre.

[KeopS]

Intentaremos mirar eso y lo de Vimeo

[CAPTE]

Ya está solucionada la incrustación de vídeos de Vimeo.

En el apartado Vídeos - Vimeo de este tutorial se explica el método.

A su vez, se han retocado todos los vídeos de Vimeo ya posteados en el foro para que estén incrustados correctamente.

[CAPTE]

En el apartado de Imágenes, puesto que Imageshack ha pasado a ser de pago, se ha modificado el tutorial para subir una imagen con Imageshack a usar TinyPic por ejemplo.

[Celia-2]

Hola, tengo una duda, respecto al tema de subir imagenes... hasta ahora he utilizado Imgur, puesto que Imageshack es de pago, el problema es que Imgur tarda muchisimo en que se suban las fotos... He puesto 3 fotos a subir, y llevo como un cuarto de hora, y el problema no es mi velocidad... he probado con Postimage y algo mejor, pero tambien tarda!

Quiero una web como estas dos, en las que puedas asociar tus imagenes a una cuenta, para no perderlas por si las quiero utilizar de nuevo...

Para mi bitacora, si no encuentro alguna buena, me voy a eternizar!! ¿Algun consejo?

En Tinypic, solo me deja subir de una en una, ademas cada vez hay que poner el codigo de seguridad...

[vicarpi]

Siempre puedes usar algo del estilo de Picasa, en donde subes todas las fotos y luego seleccionas las que compartes. Y es algo que no te caducará.

También es debido a que tus fotos serán de bastante resolución y salvo que quieras subirlas así al foro, tardarán bastante en subir y luego en cargar en el foro.

Una solución es reducir la resolución. Prueba VSO Image Resizer, seleccionas todas las fotos (cuidado de no sobreescribirlas si son las originales), pones la nueva resolución y listo. Todas del tirón. Luego, uses Picasa, o webs de subida gratuitas (que al cabo del tiempo mueren), tardarán mucho menos en subir.

[Celia-2]

Muchas gracias!!! Picasa la conocia, la he utilizado alguna vez para retocar fotos, pero no se me habia ocurrido utilizarlo para subir fotos al foro, es buena idea la verdad, ademas como dices las otras webs son mucho menos estables y seguro que cierran y se pierden las fotos subidas

Pues probare a ver que tal con tus consejos!

[Pablo]

¿que programa me recomendáis para hacer marcas de agua en las fotos y que sea gratuito? El que tenia resulta que al actualizarse ahora es de pago y me hace unas marcas que solo se quitarán si pago