[Boards] Trucos y Formato.

[](http://i.imgur.com/VWzfyzE.png) http://i64.tinypic.com/2vl1miq.png Buenas. Vengo a traeros algo que creo necesario para los Boards y que me sorprendió que no existiese, porque la verdad es que es muy útil. Tanto para saber usarlos correctamente como para llevar a cabo unas entradas bonitas dignas de la lengua de Cervantes. Pero no solo hablaré de comandos de texto, también haré una miniguía de cómo se pueden poner imágenes en los Boards puesto que unas cuantas personas me han pedido esto y así mato dos pájaros de un tiro. Por esto mismo, el hilo se dividirá en estas dos partes: - Códigos y Formato. - Añadir imágenes. - Boards: Secciones y visualización. **[Actualizado: 09/01/2019]** En esta actualización añado un truco nuevo para aumentar la separación entre párrafos y la actualización de los foros presentada por Wuks de la [**Versión 5.3.0.**](https://boards.euw.leagueoflegends.com/es/c/miscelanea-es/Y2eWq28Y-actualizacian-de-foros-aguaua-de-la-versian-530)   #1. Códigos. Resaltar que esta parte estará en constante desarrollo, puesto que muchos de los truquillos que os voy a enseñar los aprendí por: - Casualidad. - Margen de prueba y error. - Observación de otros hilos (y romperme la cabeza a posteriori). - Consejos que me han dado. - [Hilo en los foros de NA](http://boards.na.leagueoflegends.com/en/c/miscellaneous/YHPBc6k3-board-formatting-101?sort_type=recent) escrito por **Sir ArmaMalum**. (La mayoría están aquí, aunque conocía varios de antes). Los primeros códigos son realmente muy básicos (verdaderas obviedades) pero bueno, mejor que esté completo ¿No?   >#Cursiva ¿Cuándo se debe usar la cursiva? En estos foros he visto un uso abusivo de la cursiva, sino no haría esta explicación. Así que pondré los ejemplos más comunes. - Para enfatizar una palabra. (Yo prefiero la negrita, también es válida.) - Palabras de origen extranjero. - Palabras que no se escriban correctamente (*exagerao*) o abreviadas (*peli*). - En una cita. - Se puede hacer en diálogos siempre y cuando estén entrecomillados, aunque esto es común del mundo anglosajón. La cursiva es muy fácil de hacer, solo hay que poner una palabra entre dos asteriscos o dos barras bajas. Este comando solo sirve para cada párrafo, así que para párrafos distintos en los que quieras mantener la cursiva tienes que ponerlo al principio y final de cada uno. \*Cursiva* *Cursiva*   >#Negrita Para poner un texto en negrita sin tener que recurrir al botón del panel de comandos solo tenemos que poner una palabra entre dos “**” o entre dos “__”. Es bueno no abusar de la negrita y usarlo para enfatizar ciertas palabras. Al igual que con la cursiva su uso excesivo puede cansar al lector. \*\*Negrita** \_\_Negrita__ **Negrita**   >#Tachado No es una herramienta recomendable, puesto que dificulta mucho la lectura. Se suele usar en los procesos de edición de libros, solo cuando el editor quiere que se suprima esa parte. En cualquier caso también tiene su comando rápido. El comando rápido para realizar un tachado es poner “ ~ ~ ” (sin el espaciado, que sino se tachaba) a cada lado del texto que queramos tachar. ~~Malditos humanos~~ http://i67.tinypic.com/2z8yclt.png ~~Tachado~~   >#Encabezados Estos son muy fáciles de hacer. Solo hay que poner “#” al principio de la frase y la letra se hará más grande. Si pones dos “##” sigue siendo un encabezado pero un poco más pequeño. \#Encabezado \#\#Encabezado #Encabezado ##Encabezado   >#Encuadres Como ya os habréis fijado, para destacar cada encabezado además de resaltarlo por su tamaño, también lo encuadro. Esto se hace fácilmente poniendo al principio del párrafo un simple “>”, si al principio del siguiente párrafo pones otro “>” los reconoce como parte del mismo encuadre. Se suele usar sobre todo para el sistema de citas pero también puede tener fines estéticos. Aquí no pondré ejemplo porque solo hay que fijarse en los encabezados. **(Actualmente este recurso no funciona)**. Para conseguir hacer los encuadres actualmente, hay que usar el botón de citar, no se puede hacer de forma manual. \>Encuadre   >#Notas He decidido llamar a este recurso de esta manera porque me recuerda a las notas a pie de página. De hecho es simplemente un formato de letra ######más pequeña. Para hacer esto solo hay que poner seis “######” delante de la frase que nos interese. \#\#####Nota ######Esto es una nota a pie de página.   >#Divisiones Horizontales Esto chicos es el paraíso hecho comando. Cuando se trata de post largos y queréis dividirlos en secciones para aligerar el peso del post al lector (la vista lo agradece mucho) solo tenéis que poner “---“ sin las comillas y aparecerá algo como esto. \--- ---   >#Tablas Bueno, ¿Quién no ha querido unas tablas de excel? O sin ser necesariamente las de excel, una tabla, vaya. Pero estas tablas son especiales porque son invisibles, por lo tanto molan más. Aquí un ejemplo | Campeón ------------------------- | Icon | | - | Ahri | {{champion:103}} Lo interesante de estas tablas, es que puedes tener varias columnas aunque yo solo ponga una, pero para marcar la división de estas ha de hacerse poniendo “|” entre medias, y sin olvidar los espacios. Otro dato, los guiones que pongas para marcar la línea marcaran la distancia entre los distintos elementos más abajo. Y recordad, no puede haber texto inmediatamente antes o después del comando o no saldrá. http://i65.tinypic.com/2vuwke0.png   >#Puntualización Es interesante utilizar este recurso para ordenar el espacio en casos en los que vayas a dar mucha información suelta pero relacionada. Se hace ameno de leer y le da un buen aspecto al post. Pero dentro de la puntualización también existen los subpuntos. http://i68.tinypic.com/sm93ie.png No he indagado hasta donde podría llegarse, pero tampoco hay que abusar de los puntos subordinados o en vez de ordenar el espacio reinará el caos. Para realizar esto solo hay que poner un guión al inicio y en la siguiente frase poner un espacio delante del guión, y en el siguiente más dos espacios a mayores del anterior. - Hola - Y aquí el subpunto. - Y aquí otro.   >#Enumeración Funciona como el elemento anterior, así que realmente no necesita una explicación. El uso que le des es una cuestión de preferencias. Aunque yo solo he conseguido hacer hasta el 1.1., cuando intento hacer el 1.1.1. no sale, así que si vas a hacer muchos subpuntos lo mejor es usar el recurso anterior. http://i68.tinypic.com/30atjtf.png 1. Hola 1.1. Esto 2. Es 2.1. Una enumeración.   ># El Wombo Combo Yo no lo utilizaría, no consigo verle la utilidad, pero quizás alguien sí. En cualquier caso como es viable lo explico. Si primero pones el sistema de **Enumeración** y seguidamente el de **Puntuación** se combinan y queda un efecto cuanto menos curioso. http://i64.tinypic.com/2cmsyn5.png 1. - Wombo Combo.   >#Hipervínculo Este recurso es muy útil a la hora de hacer trabajos de investigación (como se hace en los *”¿Sabías que…?”*), puesto que funcionan como notas a pie de página en los documentos oficiales, ensayos, trabajos... Por norma estos trabajos suelen ser muy largos, así que buscar el final del documento para añadir el enlace no es nada agradable. Pero si lo hacemos manualmente quemamos menos rueda. Lo único que hay que hacer es meter el texto que haga referencia entre corchetes e inmediatamente después entre paréntesis el link en cuestión. Un ejemplo: \[Hipervínculo](http://imgur.com/sFYC3ZT) [Hipervínculo](http://imgur.com/sFYC3ZT)   >#Imágenes invisibles Bueno, este recurso es muy interesante a la par que útil. Me lo enseñó mi querido amigo **pretor fenix** y seguro que os será de utilidad a más de uno :) ¿Cuántas veces al crear un hilo habéis usado la casilla de enlace para poner una imagen y os lleváis el chasco de que no sale la miniatura/thumbnail al lado de vuestro título en el listado? Pues eso tiene una sencilla solución. Solo hay que hacer lo que en el paso anterior pero sin ningún texto entre los corchetes. Voy a usar mi SQ de Lucian como ejemplo, ya que ahí pequé de ingenua y metí la pata: http://i68.tinypic.com/2n72nu9.png Y así es como quedó: http://i66.tinypic.com/b8pu0h.png La imagen para el thumbnail no se ve dentro del post (ya que está la imagen que añadimos en la pestaña de enlaces) pero fuera sí. Recordad que el thumbnail siempre va a ser la primera imagen que aparezca en el post.   >#Enlaces Ya que en los dos puntos anteriores entré en el tema de los enlaces, creo que sería reseñable un espacio para aquellos sitios web que están aceptados en estos boards. Con esto puedes ahorrarte el guardar una imagen en el ordenador para subirla a imgur por ejemplo, con el link que aparece en la barra de direcciones es suficiente. - ArtStation - Canal de Twitch (solo el video) - Canciones de Soundcloud. - Deviant Art. - Instagram. - Imgur (Sin tener que coger el BBCode y quitar el [img][/img]) - Imgur álbum. - Spotify. (Desde el spotify web, donde está la canción o lista de reproducción, le dais a los puntos suspensivos y a copiar url de la canción y pegáis ese enlace sin nada más) - Tumblr. - Vídeos de Youtube. - Vimeo. - Vine. Por poner un ejemplo. Una playlist de spotify se vería tal que así (no pongo una playlist de verdad porque al ser un post largo no quiero que cargue demasiado lento): http://i65.tinypic.com/azcjmf.png Si quieres evitar que el link que has puesto salga con una pre-visualización dentro del foro lo único que debes hacer es tacharlo tal que así: ~~https://www.youtube.com/watch?v=M_ipWtjyuIM~~   >#Supr Realmente estos comandos están muy bien, pero también pueden ser entorpecedores en algunos casos. Por ejemplo, si quisiésemos poner un hashtag en el foro se nos pondría en tamaño de encabezado automáticamente al tener que iniciar con la almohadilla. Si colocamos un back slash ("\") justo delante se anula dicha función. (Aporte de pretor fenix) \\#Hashtag \#Hashtag   >#Mayor separación entre párrafos A veces queremos que la separación entre párrafos o puntos en un post sea más amplia, como en este hilo. Es más bonito y se lee mejor. Así que os voy a chivar uno de mis trucos favoritos, solo tenéis que poner: https://i.gyazo.com/25f542f8132b6d06adc60c95f191952e.png   >#En un foro multicolor... había un forero tomando el sol. Y fue famoso en el lugar, por sus zascas y su sal. Voy a añadir (para aquellos vagonetis que no queráis salir de este hilo ^^) lo que compartió Wuks, en este caso los encabezados de colores y después los subrayados. #**_~~Rojo ~~_** https://i.gyazo.com/dde4445606c8e1637ba45cb7bb59a000.png ##**_~~Amarillo ~~_** https://i.gyazo.com/f725a94595f8d880465df1f604207f56.png ####**_~~Verde ~~_** https://i.gyazo.com/ed7aa107e7ae488a7089387a73d0b8e6.png #####**_~~Azul ~~_** https://i.gyazo.com/d03d792d7b7de8f49fe9ca0a1b2a2dee.png ######**_~~Rosa ~~_** https://i.gyazo.com/0b6957fb944eb2574b5c6e1a6dc79c7c.png   >#Subrayado de color Es el momento de tratar tu hilo o respuesta como si fuesen los apuntes, con subrayadores de colores. Rojo para esos temas que siempre caen, verde para los que te sabes fijo... El sistema es muy parecido al de los encabezados de colores. **_*~~Verde~~*_** https://i.gyazo.com/2a6ae70dcc988976fbe8d7cfbffbb1e7.png _**~~Morado~~**_ https://i.gyazo.com/efa3fe4136df8cf29176bf43e6d3d9ab.png _*~~Azul~~*_ https://i.gyazo.com/0f94ad5ec9855bb9eabdafb85c7dffec.png _***~~Rojo~~***_ https://i.gyazo.com/41babe97220661327ca9c17c39e6ee95.png   >#ALERTA SPOILER Nuestros sueños hechos realidad, así se podrán castigar a todos los delincuentes del Spoiler de verdad (o no). \> ### \*Spoiler* > ### *Los reyes son los padres* Y ¿si queremos spoilear en verso? \> ###\*Spoiler \[](https://.) y más \[](https://.) y más* > ###*Asomaba a sus ojos una lágrima [](https://.) y a mi labio una frase de perdón; [](https://.) habló el orgullo y se enjugo su llanto [](https://.) y la frase en mis labios expiró. [](https://.) Yo voy por un camino: ella, por otro; [](https://.) pero al pensar en nuestro mutuo amor, [](https://.) yo digo aún, ¿por qué callé aquel día? [](https://.) Y ella dirá, ,¿por qué no lloré yo?* Ojo con esta herramienta, porque si quieres empezar un encabezado después lo engloba dentro del recuadro de spoiler, aunque no como parte del desplegable.   >#Límites de Respuesta Así como todo en esta vida, la opción de respuesta también tiene un límite (visual). Lo que quiero decir es que el sistema de "cascada" para las respuestas en el *Modo de Vista de Discusión* tiene un límite de 14. A partir de ese momento todas las respuestas aparecerán al mismo nivel que el post al que se respondió en un inicio.   >#Presentación A la hora de hacer un gran post, es evidente que el contenido importa. Pero de nada nos sirve tener un buen contenido si no lo hacemos fácil de leer. Un hilo corto mal puntuado o redactado, que parezca un bloque de texto puede ser más difícil de leer que uno más largo presentado de la forma correcta. Para ello podemos usar distintos recursos que aligerarán el peso del post aunque no lo notemos. - Citas. - Puntos. (Referido al apartado de puntualización.) - Títulos de referencia. - Líneas de separación. - Imágenes. (Si tienen más o menos dimensiones parecidas mejor, la diferencia de tamaño entorpece la lectura y es molesto a la vista) - Sangría. (Aun estoy trasteando para encontrar el comando en caso de que exista). Sin ir más lejos, cuando yo hago un post hago estas “barritas” para dividir temas y relajar un poco la vista del lector y así facilitar la lectura. Estas imágenes en los Boards pueden alcanzar un máximo de 425px de ancho. http://i66.tinypic.com/sfb6tj.png ######PD: No abusar del uso de imágenes. Alegran la vista pero también pueden saturarla. ######PD2: Se recomienda hacer uso de la previsualización para ver cómo queda el post, más que nada por ver si es realmente agradable a la vista.   >#Ortografía Sé que muchos pecan de no poner atención a lo que escriben porque “Esto es un foro”. Sin embargo si quieres que la gente te tome en serio y no sientan desasosiego existencial solo al echar un vistazo rápido al texto es conveniente prestar especial atención a estos detalles. Esto no quiere decir que no puedas tener alguna errata, somos humanos. Pero hay una diferencia entre tener una errata y no prestar atención a lo que haces. Lo que quiero decir es, conviene releer lo que escribimos al menos una vez antes de darle a enviar. Y más si tenemos en cuenta que con google chrome ya tienes al corrector señalando algunos errores. Mi consejo: Prestar atención y releer.   >#Iconos Si hay algo que maldigo por encima de todo son los iconos. Los iconos no están para hablar, esto es un mal uso que se les da (con **demasiada** frecuencia). Sé que a primera vista puede parecer tentador escribir “visión” con los iconos de Vi y Sion, pero esto realmente dificulta la lectura y entorpece la comprensión lectora. Además uno de los problemas que acarrea el uso exagerado de iconos es el desorden en el párrafo. Provoca una visión general del texto no muy agradable que a los textos largos no les sienta bien.   >#Ampliar el recuadro de edición Cuando queremos editar un post que hemos hecho y es largo, tirar de la esquina inferior derecha es un suplicio. Sin embargo amigos míos, si le dais a**editar** una segunda vez, este amplía el recuadro por completo.   #2. Añadido de imágenes. Por último, pero no por ello menos importante, voy a enseñar aquí como poner imágenes en los Boards de forma rápida y sencilla. La gran mayoría sabemos, pero hay gente que no (básicamente porque me lo han pedido) así que mejor que quede esto a mano y ya que hay un apartado referente a las imágenes pues aprovechamos y queda todo junto. Antes de nada dos aportes rápidos: - Si tienes una imagen con fondo invisible (hecha por ti, entiéndase) guárdala en formato **.png** para que mantenga el fondo transparente. - Las imágenes con fondo transparente que guardes en formato **.jpg** quedarán con fondo blanco automáticamente. La mayoría que usamos photoshop asiduamente conocemos esto, pero muchos que están empezando a usar el programa pues… No. Bueno allá vamos y lo haremos con la web de ***es.tinypic.com*** ya que imgur.com/ no funciona correctamente y así no nos complicamos. Pero si la imagen es de DeviantArt con coger el link de la barra de direcciones es suficiente, lo único es que va a ir en formato preview. Mientras que si cogemos el Direct Link saldrá a tamaño real. Que como mucho puede tener 425px de ancho en el post principal y 150px en un comentario. Además, si usamos el link de la barra de direcciones no nos servirá para el thumbnail.   Paso 1: **Subir y seleccionar la imagen**. Al contrario que imgur es muy intuitivo y no tiene fallo, pero adjunto la imagen de parte de la itnerfaz para que la conozcáis. https://i.gyazo.com/c573bd0561daf8272393a4ad42145f84.png   Paso 2: **El link** De todos los enlaces que me dan ¿cuál cojo? ¡Este! https://i.gyazo.com/407ce2d35fb1b0e4c522188450e1cf7f.png Solo tenéis que copiar y pegar, 0 complicaciones :)   #3. Boards: Secciones y visualización. No había pensado en este apartado en su día, así que doy las gracias a **El Dragón Blanco** por sugerírmelo. Os haré una breve introducción al funcionamiento del foro empezando por las formas de visualizarlo y seguidamente por las formas que tenemos para consultar los comentarios. A la hora de consultar los foros puedes hacerlo desde la pestaña de Mejores, Populares, Recientes y Respondidos Recientemente. - **Mejores:** Aquí aparecerán los hilos mejor valorados por la comunidad a partir del sistema de positivos y negativos. Puedes consultarlos a nivel global aunque todas las secciones del foro disponen de esta vista a nivel individual. - **Populares:** En esta pestaña aparecerán los post mejor valorados por la comunidad durante 24h. - **Recientes:** Si consultas esta pestaña, podrás ver los post del día por orden de publicación. - **Respuestas Recientes:** En este apartado podrás consultar los hilos según se vayan respondiendo (que redundante) sin importar cuando se haya creado el hilo. Algunos subforos (Aspectos y Conceptos de Campeones, Reclutamiento y Battlegrounds) no disponen de este tipo de vista. En lo referente a la visualización de los comentarios, explicaré todas las partes una por una, empezando por la vista cronológica y la de discusión. - **Vista Cronológica:** Este tipo de vista es la que se corresponde a la de los foros antiguos, las respuestas a los hilos no se verán relacionadas entre sí y se distribuirán por páginas. Encima de los comentarios a la izquierda aparece el botón para cambiar a este tipo de vista. http://i64.tinypic.com/212y1i8.png - **Modo Discusión:** Este tipo de vista es una innovación de este foro. Nos permite ver las respuestas de los usuarios a un comentario y en formato cascada con un límite de 14 respuestas. Lo bueno de esta vista, es que si hay un debate entre usuarios nos permite seguirlo a la perfección sin necesidad de que usen los quotes, cosa que la vista cronológica no permite. Al igual que la vista anterior, esta está en el mismo lugar. http://i64.tinypic.com/1z6cl0x.png - **Comentarios Mejores/Recientes:** Ya en el foro viejo podíamos seguir los comentarios en formato de **recientes**, en el modo discusión estos aparecerán más arriba, orden descendiente desde el más nuevo al más antiguo. Por su parte, si marcamos la opción de **mejores**, saldrán arriba de todo los post con mayor número de positivos. Esta opción se encuentra encima de los comentarios a la derecha. http://i66.tinypic.com/25p0kjt.png Solo me queda mencionar, que si hay una respuesta de vital importancia un moderador puede marcarlo para que sea el primer comentario en cualquier modo para que lo lea todo el mundo. ---   Bueno por último dar gracias por la atención recibida y espero que os haya gustado, os sea de ayuda y por supuesto podáis usar estos trucos para hacer unos post maravillosos. Y recordad que el contenido está aun en desarrollo, estaré probando cosas para añadirlas (y lo iré señalando según las añada) y si conocéis algún truquillo más lo dejáis en el post y lo incluyo (con acreditación por supuesto). Prometo no parar hasta encontrar el subrayado y la sangría (si existen aquí). Y recordad: *No importa lo bueno que sea el producto si no sabes venderlo. La presentación importa.*
Compartir
Denunciar como:
Ofensivo Spam Acoso Foro incorrecto
cancelar