Foros

Foros

por Rally » Vie Ago 23, 2013 8:58 pm

    El editor

  • Texto: Aprende como embellecer el texto del foro.
  • Imágenes: Centrarlas, flotarlas, thumbnails y galerías.
  • Bloques: Hay un montón de maneras de envolver un contenido.
  • Multimedia: Vídeos y música.
  • Tablas & Columnas: Para ahorrar espacio, a veces hacemos esto.
  • Otros: ¡Y un montón más!
  • 0

Avatar de Usuario
Administrador

Estado: Súper disponible

Mensajes: 2947

Registrado: Jue Jun 19, 2008 12:56 pm

Reputación: 2990

Tokyo Tower | Reservas

notas
Espero | Debo
Capítulo
Priya con Claire

Off
Ivy con Zeta
Rusalkas

Re: Foros

por Lila » Dom Oct 06, 2013 5:18 pm
Una de las primeras cosas que uno piensa cuando entra a TST es ¡¿CUANTOS BOTONES Y TODO ESTO PARA QUÉ ES MADRE MÍA?! pero no te preocupes. Aquí vamos a ver para qué sirve cada cosita. No solo los botones del editor, sino otros códigos que tenemos por ahí y algunas cosillas del foro.

Sigue bajando para descubrir.
  • 0

“You can easily judge the character of a man
by how he treats those who can do nothing for him.”
― Johann Wolfgang von Goethe.
Avatar de Usuario

Estado: No disponible

Mensajes: 7688

Registrado: Lun Jul 05, 2010 10:50 am

Reputación: 6769

notas

Re: Foros

por Lila » Dom Oct 06, 2013 5:19 pm

Texto


Etiquetas básicas de texto


Las etiquetas generales de texto son muy fáciles de usar, simplemente pasa el ratón por encima de los botones que ves y, aparte de decirte para lo que es cada una, verás abajo como se usan. Esto es para las negritas, cursivas, subrayadas, enlaces y etc. De eso no hablaremos aunque si cualquiera tiene dudas nos puede preguntar :) Así como preguntarnos sobre cualquier otro código.

Encabezados


Imagen
Imagen
Imagen
Imagen
Éstas etiquetas se usan para encabezados como el que puedes ver aquí mismo. Simplemente selecciona el texto del que quieras crear un encabezado y pulsa alguno de estos, para maquetar los posts viene genial :)

Google Fonts


Imagen
Para los que queráis usar Google Fonts (http://www.google.com/fonts) en vuestros posts tenéis este botoncito, que enrealidad es bastante largo, ¡así que os lo ponemos en un desplegable!

Explicación completa de cómo usar Google Fonts
Se trata de usar
Código: Seleccionar todo
[gfont]ruta de la guente[/gfont]
Y luego poner cualquier fuente como la ponéis normalmente, pero cambiando el nombre de ella a la de la nueva.

Por ejemplo, digamos que queréis usar la Lobster Two, buscáis la fuente, le dais a Quick Use y os aparece una cosita qeu dice Standard, con un código así:
Código: Seleccionar todo
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>


Después de css?family= y antes de ', es lo que tenéis que seleccionar y copiar dentro de gfont, así:
Código: Seleccionar todo
[gfont]Lobster+Two[/gfont]

Al principio del post y debajo seleccionáis una fuente cualquiera y la cambiáis por el nombre de ésta fuente, así:
Código: Seleccionar todo
[font=Lobster Two]Texto de prueba.[/font]

Que es básicamente lo mismo pero sustituyendo los + por espacios.

O sea, todo en conjuto sería así:
Código: Seleccionar todo
[gfont]Lobster+Two[/gfont]
[font=Lobster Two]Texto de prueba.[/font]

Aunque si además queréis negritas y cursivas, tenéis que usar este código en lugar de gfont:


No uséis gfont=completa si no vais a usar las negritas y eso, porque tardará un poco más en cargar.

Preview
Texto de prueba.

Listas


Imagen
Imagen
Imagen
Hay dos tipos de listas, la ordenada y la normal (la de toda la vida, con puntos o cuadrados en este diseño). También hay dos componentes en una lista. Uno es el código que envuelve la lista y el otro los puntitos que separan a cada item de esa lista. O sea, que para hacer una lista deberíamos seleccionar el texto o pulsar en uno de los dos botones, el que tiene cuadraditos o el que tiene como números y para añadir nuevas líneas a la lista hay que pulsar el botón del asterisco al principio de cada línea.

Código (lista normal)
Código: Seleccionar todo
[list][*]Cosa 1
[*]Cosa 2
[*]Cosa 3[/list]
Preview (lista normal)
  • Cosa 1
  • Cosa 2
  • Cosa 3

Código (lista numerada)
Código: Seleccionar todo
[list=1][*]Cosa 1
[*]Cosa 2
[*]Cosa 3[/list]
Preview (lista numerada)
  1. Cosa 1
  2. Cosa 2
  3. Cosa 3
  • 0

“You can easily judge the character of a man
by how he treats those who can do nothing for him.”
― Johann Wolfgang von Goethe.
Avatar de Usuario

Estado: No disponible

Mensajes: 7688

Registrado: Lun Jul 05, 2010 10:50 am

Reputación: 6769

notas

Volver a Guías

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

cron