Enlaces a imágenes y webs (WEB Y TAPATALK) - ayuda gráfica

[rcam406]

IMPORTANTE: brico de mi propia autoría, texto extractado del hilo original de la fecha reflejada y que también publiqué en los foros de Peugeot a los que estoy registrado.

 

Bueno, saludos y  bienvenidos a todos los nuevos y no tanto foreros que integran ésta gran familia y que cada día veo que crece y crece, y dado que ayer lunes 18/07/2016 publiqué una ayuda a un nuevo compañero del club406 en su pregunta de ¿cómo hacer para subir fotos y postearlas en su presentación?

 

Opté por la decisión de redactar una ayuda unificando ambas partes de forma gráfica y esquemática, incluyo la misma para que todo el mundo se entere y aprenda la mecánica sencilla de postear enlaces e imágenes.

 

Comencemos, dónde hayas subido la foto para una EDICIÓN DESDE PC (servidores, hay una lista de éstos partiendo del 2do enlace publicado por un compañero del club 406), tendrás varias opciones, pero antes incluyo un listado con servidores GRATUITOS actualizado, para subir las fotos de nuestros leoncetes, ya que algunos han cambiado sus condiciones free a pay, tenemos:

• NOTA:
  
  imageshack desde julio 2015 es de pago
  subefotos, 
  tinypic, 
  Postimage
  subirimagenes
  casimages

 

Ejemplos gráficos versión web y tapatalk:
***1ra opción...Copiar la ruta que te pondrá según el servidor usado, con opciones ya codificadas o simples, la seleccionas con el ratón. 

• - Desde el móvil el procedimiento es parecido, mantener pulsado sobre parte de la frase y automáticamente te aparecerá las opciones de cortar o copiar, seleccionas el texto desde el principio hasta el fin, pulsas luego en copiar y luego seleccionar donde pegarlo, pulsar en pegar. Sino responde al tocar dónde poner el texto, mantener pulsando unos segundos en la zona y ya aparecera pegar.
• - Desde el PC algo más complejo para el que nunca ha usado atajos de teclado, pero luego con la práctica es mucho más práctico. Para ello primero seleccionas la dirección de la imagen a copiar con el ratón, pulsas la tecla CTRL + C que es copiar y la pegas en el hilo que estas redactando pulsando en el editor de texto el botón que pone [ IMG ], automáticamente aparecerá el cursor parpadeando entre los 2 corchetes rectos de cada uno de los códigos HTML, el que cierra "]" y el que abre "[". 
  Ahí mismo pulsas CTRL + V que es pegar, luego verificas que todo ha quedado bien, pulsando abajo de todo en el botón de VISTA PREVIA.

 

***2da opción...Tienes que hacer click en la misma foto subida a tu servidor para verla a pantalla completa y copiar la ruta entera de la barra de direcciones (desde PC) o click derecho, seleccionar "COPIAR URL DE LA IMAGEN", misma mecánica explicada anteriormente.

• - El procedimiento es idéntico que el anterior en la técnica a aplicar.

Te lo pongo ahora un poco separado los códigos para que entiendas, pero van sin espacios:
[ img ]la ruta de tu imagen.jpg[ /img ]

Si usas el tapatalk en el modo edición completa ya te aparecen varios botones abajo, ojo que hay 2 formas de responder:

• - la rápida que es la que aparece por defecto.
• - y la extendida, verás una flecha hacia arriba a la izquierda dentro de un círculo de donde tecleas, la pulsas y se abre el editor al completo, donde puedes incluir:

 

 

 

 Si respondes éste mismo mensaje citándome ya verás la lógica del tema.

Lo mismo pasa con los enlaces, pero van encerrados dentro del código URL....= [ url ]http://www.club406.es/foro [ /url ]....ejemplo: http://www.club406.es/foro

Si quieres que te quede con una apariencia más profesional indicando otra cosa a dónde apunta el enlace, ya que muchos siguen poniendo el enlace sólo y no sabemos a que apunta, lo descubrimos al hacer click, pones luego del 1er "[url" y antes de cerrar con el corchete recto "]" el símbolo "=", quedando así: tapatalk

 

  Recuerda que los espacios entre los corchetes rectos abierto "[" y cerrado "]" no van, los puedes teclear a mano o como ya están los botones es más rápido.

 

 Siempre abres y luego cierras el código anteponiendo "/" la barra inclinada esa, delante del código HTML significa fin de ese código.

 

La ventaja de escribir desde PC, es que tienes un botón arriba (hoja con una lupa) en que puedes hacer una VISTA PREVIA antes de darle a ENVIAR y que con el tapatalk ésta opción por el momento no la han implementado.

ANEXO: - recordar que los ejemplos van sin los espacios.

• - También se pueden incluir emoticonos para expresar según lo escrito, pensamientos, situaciones, etc...en la versión web lo tenemos a la izquierda del campo de edicion de texto y en el tapatalk, en el botón de los emoticonos, no son iguales, son parecidos.
• - Otro detalle a aplicar sólo desde web, es que a la izquierda del campor del editor de texto, tenemos COLOR DE FUENTE, para aplicarlo se selecciona el texto y se elige el color, automáticamente se incrusta el código HTML de la escala de colores PANTONE que representa a cada color. En el tapatalk falta implementarlo, o se hace a mano sabiendo los códigos a usar.
  Ejemplo, color rojo: texto, su estructura es la siguiente: [ color=#FF0000 ]texto[ /color ].
• - podemos modificar el tamaño del texto, arriba a la derecha del botón URL, hay un desplegable, que partiendo del texto seleccionado, cambiamos su tamaño.
  Ejemplo, grande: tamaño, su estructura es la siguiente: [ size=150 ]tamaño[ /size ].

Entendido, :bien:

 

 EDITO 19/07/2017:

Anexo aporte gráfico que le hice a otro compañero:

Usa la app móvil de Tapatalk para subirlas.

 

Ejemplo gráfico del proceso:

• 1ro descarga la app desde Google Play o App Store dependiendo del móvil que tengas Android o iOS.
  2do instalas la app
• 3ro buscas el foro del club406.es
• 4to te suscribes al mismo, le das al ícono del "listo" arriba a la izquierda del de la flecha que es enviar.
• 5to ya en el mensaje, sigue estos pasos gráficos, lo que indican las flechas es cómo debes hacer para acceder a tus fotos:
  
  
  

 

 EDITO 20/07/2017 - editar hilo creado:

Llegas a tu hilo y le das un click con el dedo para resaltarlo.

Arriba pulsas sobre el icono de la herramienta y editas.

 

Pulsas sobre el icono de la derecha para desplegar la edición completa y luego sobre el icono de imagen a la derecha del de la cámara:

 

Esos pasos tienen la ventaja de que las imágenes que insertes se colocan dónde tú quieres, en cambio con el editor Standard lo hacen todas al final del texto.

Editado 2 de Noviembre, 2017 por rcam406
CORREGIR TEXTO DEL CÓDIGO [ IMG ]

[admin]

Gracias por este estupendo tutorial.

Nosotros siempre recomendamos subir las imágenes a nuestro servidor. es bastante fácil y así siempre nos aseguramos de que están disponibles:

 

 

Por cierto, aquí veo que no aparece una imagen: