[Guía] Sistema de escritura del foro SMF (Herramientas de creación de posts)

[Ben_Jhonson]

Dante, en la 13 parte cámbiale el link, está caído.

[Dante_Hoffman]

Dante, en la 13 parte cámbiale el link, está caído.

Cierto fue por el cambio de dominio ya más tarde lo modifico.

[Alejandro_Cowk]

Extremadamente útil para los usuarios nuevos, excelente.

[Eliseo_Kellington]

A pesar de las pocas faltas ortográficas, es plausible

+1

[Kevin_Goretzka]

Está buena la guía

[Nhryzz_Thryzzkghon]

No entiendo lo de cambiar de color me ayudan?

[Julio_Scherbakov]

No entiendo lo de cambiar de color me ayudan?

Código [Seleccionar] Expandir

[color=red]Texto[/color]

Desde aquel menu de colores seleccionas el tuyo, tu debes escribir entre el corchete inicial (Sin el /) y el corchete final (Con el /)

[Dante_Hoffman]

Guía actualizada por la nueva herramienta flash.

[Anyelo_Westbrook]

Buena Guia, Me Ayudo Bastante 

[Mateo_Walker]

Herramientas de escritura del foro

Es algo simple pero cuando eres nuevo en el foro no conoces las opciones que tiene  para personalizar tu post o también es un fastidio estar modificando a cada rato el comentario para ver como son las fuentes, colores y el tamaño de fuente.

^{Imagen1:Se presentan las herramientas con su número}

Estas herramientas son comandos y puedes escribirlos o utilizar los botones que muestran la imagen, generalmente te ubican el cursor donde tienes que escribir.

     Ejem:

Código [Seleccionar] Expandir

[comando]Aquí escribes[/comando]


Para mayor facilidad o búsqueda específica utiliza la función buscar de tu navegador, en chrome ctrl+F y digita el número de la herramienta seguido de .-

1.-Negrita o Black: Hace que el trazo de la fuente sea más grueso.

     Ejem: Texto escrito en negrita.

2.-Cursiva: Inclina la fuente no hay gran misterio.

     Ejem: Texto escrito con cursiva.

3.-Subrayado: Pone una linea debajo del texto.

     Ejem: Texto subrayado

4.-Tachado: Pone una linea que atraviesa el texto.

     Ejem: Texto tachado



En esta sección usaré el mismo ejemplo para que vean las variaciones de cada herramienta.

5.-Texto preformateado: Otorga al texto un fomato preestablecido y lo presenta en un cuadro.
     Ejem:

El método científico. Su principal objetivo es hallar nuevos conocimientos en las ciencias por medio
de unos pasos ordenados.
El método de investigación existe en la ciencia natural desde el siglo XVII, está consiste en la observación
sistemática, medición, experimentación, formulación, análisis y modificación de las hipótesis....

6.-Alinear a la izquierda: Alinea el texto del parrado a la izquierda.

     Ejem:

El método científico. Su principal objetivo es hallar nuevos conocimientos en las ciencias por medio de unos pasos ordenados. El método de investigación existe en la ciencia natural desde el siglo XVII, está consiste en la observación sistemática, medición, experimentación, formulación, análisis y modificación de las hipótesis. Para que el método sea aceptado debe cumplir con dos pilares fundamentales: la reproducibilidad y la refutabilidad. El primero, implica la capacidad de repetir un determinado experimento, sin importar el lugar y la persona que ejecute el experimento, esto demuestra que los resultados son exactos. El segundo pilar, implica que toda proposición científica debe ser susceptible de ser refutada (a este proceso se le denomina falsacionismo), este es un método hipotético-deductivo experimental.

7.-Centrar:

     Ejem:

El método científico. Su principal objetivo es hallar nuevos conocimientos en las ciencias por medio de unos pasos ordenados. El método de investigación existe en la ciencia natural desde el siglo XVII, está consiste en la observación sistemática, medición, experimentación, formulación, análisis y modificación de las hipótesis. Para que el método sea aceptado debe cumplir con dos pilares fundamentales: la reproducibilidad y la refutabilidad. El primero, implica la capacidad de repetir un determinado experimento, sin importar el lugar y la persona que ejecute el experimento, esto demuestra que los resultados son exactos. El segundo pilar, implica que toda proposición científica debe ser susceptible de ser refutada (a este proceso se le denomina falsacionismo), este es un método hipotético-deductivo experimental.

8.-Alinear a la derecha

     Ejem:

El método científico. Su principal objetivo es hallar nuevos conocimientos en las ciencias por medio de unos pasos ordenados. El método de investigación existe en la ciencia natural desde el siglo XVII, está consiste en la observación sistemática, medición, experimentación, formulación, análisis y modificación de las hipótesis. Para que el método sea aceptado debe cumplir con dos pilares fundamentales: la reproducibilidad y la refutabilidad. El primero, implica la capacidad de repetir un determinado experimento, sin importar el lugar y la persona que ejecute el experimento, esto demuestra que los resultados son exactos. El segundo pilar, implica que toda proposición científica debe ser susceptible de ser refutada (a este proceso se le denomina falsacionismo), este es un método hipotético-deductivo experimental.

Consideración: Si quieres combinar estas herramientas tienes que procurar que sean las últimas que agregues es decir que vayan en la parte exterior del texto.
Ejemplo:

Código [Seleccionar] Expandir

[center][color=yellow][font=arial black][size=12pt]¡¡¡TEXTO!!![/size][/font][/color][/center]


Fuentes

9.-Tipo de fuente:

  9.1:Texto escrito en con la fuente Courier.
  9.2:Texto escrito en con la fuente Arial.
  9.3:Texto escrito en con la fuente Black.
  9.4:Texto escrito en con la fuente Impact.
  9.5:Texto escrito en con la fuente Verdana.
  9.6:Texto escrito en con la fuente Times New Roman.
  9.7:Texto escrito en con la fuente Georgia.
  9.8:Texto escrito en con la fuente Andale Mono.
  9.9:Texto escrito en con la fuente Trebuchet MS.
  9.10:Texto escrito en con la fuente Comic Sans MS

10.-Tamaño de fuente.

  10.1:Texto escrito en tamaño de 8pts.
  10.2:Texto escrito en tamaño de 10pts.
  10.3:Texto escrito en tamaño de 12pts.
  10.4:Texto escrito en tamaño de 14pts.
  10.5:Texto escrito en tamaño de 18pts.
  10.6:Texto escrito en tamaño de 24pts.
  10.7:Texto escrito en tamaño de 36pts
11.-Color de fuente.
  11.1:Texto escrito en color negro.
  11.2:Texto escrito en color rojo.
  11.3:Texto escrito en color amarillo.
  11.4:Texto escrito en color rosa.
  11.5:Texto escrito en color verde.
  11.6:Texto escrito en color naranja.
  11.7:Texto escrito en color púrpura.
  11.8:Texto escrito en color azul.
  11.9:Texto escrito en color beige.
  11.10:Texto escrito en color café.
  11.11:Texto escrito en color turquesa.
  11.12:Texto escrito en color azul marino.
  11.13:Texto escrito en color marrón.
  11.14:Texto escrito en color verde lima.
  11.15:Texto escrito en color blanco (aquí use otra herramienta combinada para que se vea)


12.- Insertar flash: Esta herramienta sirve para insertar y reproducir videos en la misma página del foro por lo que podrán poner videos de, por ejemplo, youtube sin que los redireccione.

Código [Seleccionar] Expandir

[flash=200,200][/flash]
^Comando.

Como youtube es la plataforma de video más usada por la comunidad mostraré cómo aplicar esta herramienta ya que no solo es cortar y pegar el link debido que ese comando utiliza por defecto archivos swf.

https://www.youtube.com/watch?v=Ty-KZpP9sXI

https://www.youtube.com/v/Ty-KZpP9sXI

A la derecha se ve como queda si solo copias el link y lo pones y a la izquierda si lo pones correctamente

Para que funcione tienes que modificar el url eliminando la parte "watch?" y reemplazando el "=" por "/":

https://www.youtube.com/watch?v=Ty-KZpP9sXI
                                         ↓
                                        (/)
↓

https://www.youtube.com/v/Ty-KZpP9sXI

También puedes ajustar el tamaño en píxeles que puede tener el recuadro ajustando los números que se indica a continuación:
(flash=200,200)(/flash)
(        Ancho   Alto)

Por ejemplo pongo 800x450:

https://www.youtube.com/v/Ty-KZpP9sXI

_{Agradecimientos por la información y créditos a Finn Lawson y su guía: https://rol2.superdanova.com/foro/index.php?topic=56777.0}

13.- Añadir imagen: Esta opción hace que sean visibles imágenes en el post que estén alojadas en otros servidores (con algunos no funciona). Para mostrar una imagen tienes que copiar la dirección de la imagen (no la de la pagina) y copiarla en el comando.
Ejem:

Ajustar tamaño de imagen
A muchos habrá pasado que la imagen que pusieron es demaciado grande y ocupa mucho espacio, bien, pueden ajustar el tamaño de la imagen agregando "width="  en el comando de la siguiente manera:

Código [Seleccionar] Expandir

[img width=][/img] URL IMAGEN
Después del "=" ponen un valor el cual será el tamaño en píxeles del ancho que se presentara la imagen, haciendo un escalado automático de la altura. Pondré ejemplos de la misma imagen con diferentes tamaños.

Tamaño normal 1920

Tamaño reducido a 600

Tamaño reducido a 200

Tamaño reducido a 30

14.- Url: Te sirve que al hacer click el texto te abra una pestaña direccionando al Url que escribiste.
Ejemplo:
https://rol2.superdanova.com/foro

También puedes mostrar cualquier texto en vez del link para ello haces lo siguiente

Código [Seleccionar] Expandir

[url=http:direccion-de-la-pagina.com]El texto que quieras poner[/url]

Ejemplo:
FORO

15.-Email: Esta función abre el programa de correo electrónico que tengas por defecto y te llevara a la dirección del usuario que se adjunto su correo.
Ejemplo:

[email protected]
Pepito Pérez

Código [Seleccionar] Expandir

[[email protected]]Pepito Pérez[/email]

16.-Insertar enlace tpf: Esta necesita algún conocimiento de HTML y en si consiste en hacer vínculos a un servidor FTP que permiten a los visitantes descargar archivos. Sinceramente no creo que lo usen pero si me animo hago una guía y pongo el respectivo ejemplo aquí.

Código [Seleccionar] Expandir

[ftp][/ftp]



17.-Brillo: Esta herramienta le da un contorno de color al texto (esta usé para hacer visible al color blanco).
Ejemplo:

Texto de prueba.

Se puede ajustar el color del brillo:

Código [Seleccionar] Expandir

[glow=red,2,300][/glow]---- Cambie "red" por el color que usted desee.

18.-Sombra: Esta herramienta le da una sombra al texto.
Ejemplo:

Texto con sombra

Como la anterior puedes cambiar el color de la sombra y la dirección modificanco los atributos en rojo.

{shadow=color,direccion}{/shadow}

Ejemplo:

Texto ejemplo de sombra con parámetros cambiados.

Código [Seleccionar] Expandir

[shadow=purple,right]Texto ejemplo de sombra con parámetros cambiados.[/shadow]

19.-Texto en movimiento: Desplaza el texto a lo largo de la pantalla de derecha a izquierda.
Ejemplo:

Texto moviéndose.

Código [Seleccionar] Expandir

[move][font=arial black][b][color=orange]Texto moviéndose.[/color][/b][/font][/move]



20.-Superíndice: Coloca texto como superíndice.
Ejemplo:

TEXTO^Superíndice

21.-Subíndice: Coloca texto en subíndice.
Ejemplo:

TEXTO_Subíndice

22.-Teletipo: Coloca el texto en formato teletipo (formato de HTML).
Ejemplo:

Texto normal     Texto en teletipo



23.-Insertar Tabla: Esta herramienta te permite crear tablas las cuales se presentan en filas y columnas de la sicueinte forma:

casilla 1	casilla 2
casilla 3	casilla 4

El comando que te aparece cuando la usas es:
Los [] son cambiados por {} para evitar errores.

{table}    Indica inicio de tabla.
{tr}         Indica inicio de fila.
{td}{/td} Indican inicio y fin de casilla.
{/tr}        Indica fin de fila.
{/table}   Indica fin de tabla.

Código [Seleccionar] Expandir

[table]
[tr]
[td][/td]
[/tr]
[/table]

24.-Insertar código: Sirve para introducir código de programación y los comandos del foro no son identificados (tambien te podría servir si quieres que copien el texto más rápidamente).
Ejemplo:

Código [Seleccionar] Expandir

[color=black]Aquí el comando color no funciona[/color]

25.-Insertar cita: Te sirve para citar texto, este comando se hace automáticamente cuando das la opción de citar en el comentario de alguien pero puedes citar texto de otras fuentes como libros paginas, web, etc.
Ejemplo:

Y el Cuervo nunca emprendió el vuelo.
Aún sigue posado, aún sigue posado
en el pálido busto de Palas.
en el dintel de la puerta de mi cuarto.
Y sus ojos tienen la apariencia
de los de un demonio que está soñando.
Y la luz de la lámpara que sobre él se derrama
tiende en el suelo su sombra. Y mi alma,
del fondo de esa sombra que flota sobre el suelo,
no podrá liberarse. ¡Nunca más!

En principio el comando no te pone la opción de autor por lo que tienes que ponerla tu mismo

Código [Seleccionar] Expandir

Originalmente sale así: [quote][/quote]
Para poner autor agregas esto [quote author=Nombre del autor][/quote]

Selección rápida

Código [Seleccionar] Expandir

[quote author=][/quote]



Insertar listas

26.-Lista no ordenada: Herramienta para crear una lista sin importar o tomar en cuenta el orden.
Ejemplo:

¿Cuáles son tus mejores amigos?

• Pepe
• Pancho
• Lucho

Código [Seleccionar] Expandir

[list]
[li][/li] ------> En este comando insertas los elementos (para agregar más elementos solo copia y pega ese comando)
[li]Pepe[/li] <------Así
[/list]

27.-Lista ordenada: Lo mismo que la anterior solo que con números.
Ejemplo:

¿Cuáles son los mejores trabajos de SRP?

• Transportador
• Trailero
• ETC

Código [Seleccionar] Expandir

[list type=decimal]
[li][/li]
[li][/li]
[/list]

28.-Linea horizontal: Agrega un alinea horizontal que atravieza toda la caja de texto
Ejemplo: pondré 3 lineas seguidas

Comando

Código [Seleccionar] Expandir

[hr]


Herramientas útiles solo al crear el post

29.-Quitar formato: Esta herramienta sirve cuando estas creando el post o mensaje y su función es el de quitar el formato (comandos) que hayas puesto en el texto seleccionado ya sean color, fuente, cita,etc.

30.-Cambiar vista: Su función es la de ocultar los comandos de la caja de texto, sirve más o menos como una previsualización en el caso de que quieras ver como queda el texto si tanto comando, esto no elimina los comandos solo los oculta de tu vista.

OJO estas herramientas pueden ser combinadas por lo que tienes varias formas de personalizar tu post

Muchas gracias, TKM.

[Anthonny_Diego]

Test IURL

[Anthonny_Diego]

15.- IURL

[Aron_Berak]

gracias

[Juan_Vercetti]

Buena guía crack, me sirvío  mucho