[Tutorial] Escritura en el foro

Información general y de interés sobre el club.
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

13 Sep 2014, 02:09

Ú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
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

13 Sep 2014, 02:10

TEXTO
  1. Negrita:
    • Pulsar el botón "B" e introducir el texto.
    • Ejemplo:
  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:
  4. Tachado:
    • Pulsar el botón "tachado" e introducir el texto.
    • Ejemplo:
  5. Centrar texto:
    • Pulsar el botón "center" e introducir el texto.
    • Ejemplo:
  6. Spoiler:
    • Pulsar el botón "spoiler" e introducir el texto.
    • Ejemplo:
  7. Tamaño de fuente:
    • Pulsar el desplegable "Tamaño de fuente: Normal", elegir una opción e introducir el texto.
    • Ejemplo:
  8. Color de fuente:
    • Pulsar el color deseado en "Color de fuente" e introducir el texto.
    • Ejemplo:
  9. Código:
  10. URL:
  11. URL con nombre:

[*]Citar texto:
  • Pulsar el botón "Quote" e introducir el texto.
  • Ejemplo:

[*]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]
    • Fuente escribió: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]
  • CAPTE escribió: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]
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

13 Sep 2014, 02:10

EMOTICONOS
  1. Emoticonos usuales:
    • Pulsar en el emoticono deseado en "Emoticonos".
    • Ejemplo:
  2. Más emoticonos:
    • Pulsar en "Ver más emoticonos".
    • Pulsar en el emoticono deseado.
    • Ejemplo:
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

13 Sep 2014, 02:11

IMÁGENES
  1. Postear una imagen:
    • Pulsar el botón "Img" e introducir la URL de la imagen.
    • Ejemplo:
  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:
    • 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]
      • Imagen
  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:
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

13 Sep 2014, 02:11

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:
    • 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:
Avatar de Usuario
NARAN
Superman
Mensajes: 3343
Registrado: 03 Abr 2007, 13:34

13 Sep 2014, 02:35

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.
Avatar de Usuario
KeopS
Superman
Mensajes: 3734
Registrado: 27 Abr 2004, 20:58

13 Sep 2014, 21:17

Intentaremos mirar eso y lo de Vimeo :ok
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

18 Sep 2014, 01:13

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. :ok
Avatar de Usuario
CAPTE
Staff
Mensajes: 364
Registrado: 12 Dic 2003, 22:13

08 Ene 2015, 09:46

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.
Avatar de Usuario
Celia-2
La venganza del Enigma
Mensajes: 1713
Registrado: 31 Mar 2012, 14:09

16 Feb 2015, 01:55

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...
Avatar de Usuario
vicarpi
Superman
Mensajes: 9863
Registrado: 04 Abr 2007, 00:08

16 Feb 2015, 02:57

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. :ok
Avatar de Usuario
Celia-2
La venganza del Enigma
Mensajes: 1713
Registrado: 31 Mar 2012, 14:09

16 Feb 2015, 23:48

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!
Avatar de Usuario
Pablo
Superman
Mensajes: 6015
Registrado: 03 Abr 2007, 19:25

14 May 2015, 20:21

¿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 :facepalm

:ok :hola
Responder