ÍNDICE

¡Bienvenidos a nuestro rincón!
Fecha actual Lun Jun 27, 2022 12:48 am





Nuevo tema Responder al tema  [ 22 mensajes ]  Ir a página 1, 2  Siguiente
Autor Mensaje
 Asunto: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Dom Nov 02, 2008 12:20 am 
Avatar de Usuario

Registrado: Mar Feb 05, 2008 8:32 pm
Mensajes: 4109
Ubicación: Contando copos de nieve
Introducción

¿ Qué es BBCode ?
Es un sistema de codificación que permite enriquecer un texto con multitud de funcionalidades de un modo rápido y sencillo.

¿ Tenemos BBCode en este foro ?
Si. Ese es el motivo de esta explicación.

¿ Qué cosas permite BBCode ?
Seguramente BBCode permite muchas cosas pero las que nos interesan a todos son las más básicas.
Textos en Negrita, subrayados, cambios de tipo de letra, color y tamaño ( fonts ), incluir hipervínculos ( Links ), incluir emoticonos, incluir fotografías, incluir citas... etc.

Conociendo éstas pocas cosas ( o utilizando los botones automáticos ) podemos dotar a nuestros posts de un aspecto inmejorable.

Antes de nada, decir que NO ES NECESARIO APRENDER DE MEMORIA NADA, simplemente conviene leerlo para comprender cómo funciona y así que nos resulte mucho más fácil utilizar los botones automáticos y corregir algún texto si fuese necesario.


Modo de empleo
Has 2 modos de utilizar BBCode.

1. Escribiendo el código que corresponda directamente.

2. Dejando que las herramientas ( botones ) del foro, lo escriban por nosotros. En este caso, una vez escrito, seleccionamos con el ratón la porción de texto sobre la que queremos operar, y una vez seleccionado, pulsamos el botón de la funcionalidad que deseemos. El código adecuado aparecerá escrito.

Todas las funcionalidades de BBCode que nos interesan se escriben usando el mismo sistema.
- Se indica el comienzo de la funcionalidad deseada. Entre corchetes.
- A continuación se escribe el texto sobre el que deseamos dicha funcionalidad.
- Por último , se indica el fin de la funcionalidad. También entre corchetes. Del mismo modo que se indicó el comienzo pero añadiendo una barra.
Código:
[XXX]Texto objeto de la funcionalidad[/XXX]
( Donde XXX es el código de funcionalidad deseado.


Si se desea combinar varias funcionalidades en un mismo bloque de texto, es tan fácil como iniciar todas ellas, despues incluir el texto y despues finalizar todas las funcionalidades.

Código:
Ejemplo de texto en Negrita y subrayado.
[b][u]Texto que irá en negrita y subrayado[/u][/b]



Texto en Negrita.
( El Código de Negrita es "b" )
- Iniciamos código de negrita
- A continuación el texto
- Finalizamos código de negrita
Código:
[b]Texto a poner en Negrita[/b]

El resultado es:
Texto a poner en Negrita


Texto en Cursiva
( El Código de Cursiva es "i" )
- Iniciamos código de cursiva
- A continuación el texto
- Finalizamos código de cursiva
Código:
[i]Texto a poner en Cursiva[/i]

El resultado es:
Texto a poner en Cursiva


Texto subrayado
( El Código de Subrayado es "u" )
- Iniciamos código de Subrayado
- A continuación el texto
- Finalizamos código de subrayado
Código:
[u]Texto a subrayar[/u]

El resultado es:
Texto a subrayar


Texto en Grande y de color Verde
( El Código para cambiar el tamaño es "size=" indicando un número para el tamaño)
( El código para cambiar de color es "color=" indicando el nombre del color en inglés )
- Iniciamos código de tamaño
- Iniciamos código de color
- A continuación el texto
- Finalizamos código de tamaño
- Finalizamos código de color
Código:
[size=18][color=Green]Texto a poner en Grande y verde[/size][/color]

El resultado es:
Texto a poner en Grande y verde


Ahora todo a la vez
Código:
[size=18][color=Green][b][u][i]Todo a la vez[/size][/color][/b][/u][/i]

El resultado es:
Todo a la vez


Citas ( Quotes )
"Citar" es hacer un recorte de un texto ( por ejemplo de una respuesta de un mensaje ) y colocarlo en nuestra propia respuesta.
La codificación de las Quotes funciona exactamente igual que todo lo que hemos visto hasta ahora.
El código es "quote"
Veamos un ejemplo.
Código:
[quote="lybrana"]Esto lo dijo lybrana[/quote]

El resultado es:
lybrana escribió:
Esto lo dijo lybrana


El modo de utilizar las citas sin escribir código es utilizar el botón "citar".
Esto provoca que se abra una contestación nueva en la que ya viene escrita la cita completa de la respuesta sobre la que hemos pulsado "Citar".
A partir de este punto, si no deseamos la cita completa sino sólo una parte, bastará con eliminar la parte no deseada.


Hipervínculos ( Links )
Un Link es una porción de texto que aparece subrayada y de color diferente, y que al pinchar sobre ella, da acceso a otra dirección, bien sea ir a otra página, a otra parte de la actual, a ver una imagen, a descargar un video, etc.
La codificación sigue el mismo patrón que hemos visto hasta ahora.
El código es "url"
Sin embargo, existen en este caso podemos hacerlo de 2 modos:

Modo 1. ( normal )
Código:
[url]http://forodestierro.forogratis.es[/url]

El resultado es:
http://forodestierro.forogratis.es

Modo2. ( Sustituyendo el texto por un reclamo )
Código:
[url=http://forodestierro.forogratis.es]PINCHE AQUI[/url]

El resultado es:
PINCHE AQUI



Incluir fotos ( imágenes )
El código es "img"
Veamos un ejemplo.
Código:
[img]http://www.jardineria.pro/wp-content/uploads/2007/12/flor-de-loto.jpg[/img]

El resultado es:
Imagen


Listas sin índice
Sirve para crear una lista. Los elementos aparecerán en el mismo orden en que se escriban, colocadas verticalmente y con una pequeña viñeta a la izda.
El código es "list"
Los elementos se separan con asteriscos entre corchetes.
Veamos un ejemplo.
Código:
[list][*]Uxia[*]Zita[*]Monikam[/list]

El resultado es:
  • Uxia
  • Zita
  • Monikam


Listas Con índice
Sirve para crear una lista a la que automáticamente se le incluye un índice, numérico o alfabético.
El código para índice numérico es "list=1"
El código para índice alfabético es "list=a"
Los elementos se separan con asteriscos entre corchetes.
Veamos un ejemplo.
Código:
[list=a][*]Oceanía[*]Europa[*]América[*][/list]

El resultado es:
  1. Oceanía
  2. Europa
  3. América

NOTA: Aunque los creadores de BBCode llaman a estos 2 últimos puntos "Listas desordenadas" y "Listas Ordenadas", lo cierto es que en ningún caso se autoordenan. Esperamos que en próximas versiones si dispongan de esa funcionalidad.


Emoticonos ( Smilies )
Son esos muñequitos que expresan sensaciones, que usamos para enriquecer nuestros textos.
La codificación en este caso es particular de cada emoticón,por eso lo más fácil es usar los botones para incluirlos directamente.

Ejemplos:

:D :) :( :o :evil: :twisted: :ponpon: :malo: :risa: :muac: :mono: :ummm: :enfadado: :shy: :dummy:
:angry: :arrgh: :bling: :chilled: :cool: :crazy: :cry : :chicomalo: :goggles: :sorpresa: :enamorado: :ninja: :ooh: :piño: :sonrisa:



Bueno, espero que esta recopilación ayude algo. Cualquier mejora será bien recibida.
Clases particulares de BBCode baratitas en horario extraescolar. :mrgreen


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 1:01 am 
Avatar de Usuario

Registrado: Jue Ene 17, 2008 3:02 pm
Mensajes: 2385
Ubicación: por la costa mediterránea...viendo el mar
Perfecta explicación... OOOOLE :ponpon :ponpon

_________________
Imagen El Amor es Eterno... Siempre Te Querremos Oli.


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 10:09 am 
Avatar de Usuario

Registrado: Vie Oct 03, 2008 10:07 am
Mensajes: 106
Ubicación: valencia
HOLA, muy bien, pero ya que estas y te veo tan puesta, me podias explicar como poner, esas frases que os aparecen debajo de las respuestas, o esas relitas tan monas de cuenta atrs? es que soy muy nueva en esto del foro y voy un poco perdida, lo he intentado pero me da error y me desespero, tambien he intetado lo de las fotos y no me deja. porfa ayudame... :alabar
PD: has visto y me he aprendido la leccion anterior. :reves


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 11:21 am 
Avatar de Usuario

Registrado: Mar Feb 05, 2008 8:32 pm
Mensajes: 4109
Ubicación: Contando copos de nieve
lusa escribió:
HOLA, muy bien, pero ya que estas y te veo tan puesta, me podias explicar como poner, esas frases que os aparecen debajo de las respuestas, o esas relitas tan monas de cuenta atrs? es que soy muy nueva en esto del foro y voy un poco perdida, lo he intentado pero me da error y me desespero, tambien he intetado lo de las fotos y no me deja. porfa ayudame... :alabar
PD: has visto y me he aprendido la leccion anterior. :reves


Las frases que aparecen debajo de los post son la firma. Si editas tu perfil

Imagen

Y pones la frase que quieras en el campo firma y guardas los cambios ya tienes tu frase puesta.

Imagen

Lo de las fotos veo que no hay ningún tutorial, voy a postear uno, y ahora edito y te pongo la url. De momento apuntate esto para fotos que ya están colgadas en la red

lybrana escribió:
Incluir fotos ( imágenes )
El código es "img"
Veamos un ejemplo.
Código:
[img]http://www.jardineria.pro/wp-content/uploads/2007/12/flor-de-loto.jpg[/img]

El resultado es:
Imagen


EDITO: aqui tienes la url del post de como subir imagenes al foro

http://forodestierro.forogratis.es/foro ... 926#562926


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:26 pm 
Avatar de Usuario

Registrado: Vie Oct 03, 2008 10:07 am
Mensajes: 106
Ubicación: valencia
Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta. :pc pongo una fotito pa probar :cunao
Imagen


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:29 pm 
Avatar de Usuario

Registrado: Jue Ene 17, 2008 3:02 pm
Mensajes: 2385
Ubicación: por la costa mediterránea...viendo el mar
uys lusa esa no se sube :think

_________________
Imagen El Amor es Eterno... Siempre Te Querremos Oli.


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:31 pm 
Avatar de Usuario

Registrado: Sab Oct 21, 2006 2:57 am
Mensajes: 7800
Ubicación: Madrid
Lybrana, he puesto este hilo como post-it, porque me parece muy interesante, así no se va abajo. :smiley

_________________
Hay vida antes del café...?
Imagen


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:36 pm 
Avatar de Usuario

Registrado: Vie Oct 03, 2008 10:07 am
Mensajes: 106
Ubicación: valencia
Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta. :pc


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:37 pm 
Avatar de Usuario

Registrado: Sab Oct 21, 2006 2:57 am
Mensajes: 7800
Ubicación: Madrid
lusa escribió:
Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta. :pc pongo una fotito pa probar :cunao
Imagen


Imagen

Le faltaba http:// a las propiedades de la imagen... :smiley

_________________
Hay vida antes del café...?
Imagen


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 5:41 pm 
Avatar de Usuario

Registrado: Jue Ene 17, 2008 3:02 pm
Mensajes: 2385
Ubicación: por la costa mediterránea...viendo el mar
Uxia escribió:
lusa escribió:
Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta. :pc pongo una fotito pa probar :cunao
Imagen


Imagen

Le faltaba http:// a las propiedades de la imagen... :smiley


Imagen

lo habia probado antes asi y no me salia uxia... k raro algo faltaria jajaja

_________________
Imagen El Amor es Eterno... Siempre Te Querremos Oli.


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 6:05 pm 
Avatar de Usuario

Registrado: Vie Oct 03, 2008 10:07 am
Mensajes: 106
Ubicación: valencia
gracias, ya tengo claro las fotos de internet, voy a ver el otro post :think


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 6:07 pm 
Avatar de Usuario

Registrado: Vie Oct 03, 2008 10:07 am
Mensajes: 106
Ubicación: valencia
madre mia la que he lio, el ordenador se me quedaba bloqueado y pensaba que nohabian llegado los mensajes, que desastre :meparto


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Dom Nov 02, 2008 6:21 pm 
Avatar de Usuario

Registrado: Mar Feb 05, 2008 8:32 pm
Mensajes: 4109
Ubicación: Contando copos de nieve
Uxia escribió:
Lybrana, he puesto este hilo como post-it, porque me parece muy interesante, así no se va abajo. :smiley


Gracias Uxia, pensé que sería interesante para todas.


Arriba
 Perfil  
 
 Asunto:
Mensaje sin leerPublicado: Vie Nov 14, 2008 10:07 pm 
Avatar de Usuario

Registrado: Lun Nov 12, 2007 10:37 pm
Mensajes: 1161
Muy interesante , gracias lybrana.


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Sab Ene 03, 2009 10:23 pm 
Avatar de Usuario

Registrado: Dom Nov 30, 2008 4:07 pm
Mensajes: 87
que bien me viene!

muchas gracias por el post :smiley


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Lun Abr 12, 2010 7:42 am 
Avatar de Usuario

Registrado: Sab Sep 08, 2007 7:16 am
Mensajes: 5349
Lybrana gracias por este post. Yo tengo un problema para subir imágenes. Cuan intento subir una foto de internet pincho en el mousse y me salian varias opciones de la imagen, cual debo coger?? porque no soy capaz de subir ninguna


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Mar Abr 13, 2010 2:43 am 
Avatar de Usuario

Registrado: Dom Ene 17, 2010 3:06 am
Mensajes: 1638
Ubicación: Paraguay
majoba escribió:
Lybrana gracias por este post. Yo tengo un problema para subir imágenes. Cuan intento subir una foto de internet pincho en el mousse y me salian varias opciones de la imagen, cual debo coger?? porque no soy capaz de subir ninguna


Hola Majoba....yo no se mucho de esto...pero cuando quiero copiar algo, le doy al boton derecho del mousse y la que escojo es la que dice copiar la ruta de la imagen, luego pongo y en medio pego la ruta que copie...y ya esta....

_________________
Mis gatos acompañan mi vida, dejando las huellas de sus patitas impresas en mi corazón

He aprendido que debemos mantener nuestras palabras tiernas...porque quizá mañana nos veamos obligados a masticarlas

he aprendido que las personas afines llegan a mi vida lenta pero inexorablemente atraídas por un magnetismo extraño...y derivamos unos cerca de otros hasta que nuestras órbitas se tocan y se convierten en parte de mi universo


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Mar Abr 13, 2010 7:26 am 
Avatar de Usuario

Registrado: Sab Sep 08, 2007 7:16 am
Mensajes: 5349
Gracias felina, voy a probar :pc


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Jue Abr 15, 2010 12:58 pm 
Avatar de Usuario

Registrado: Sab Sep 08, 2007 7:16 am
Mensajes: 5349
No soy capaz de poner imágenes :cry :cry
Cuando doy al botón izquierdo del mousse en una imagen, salen varias opciones. copiar imagen, copiar url de la imagen..... cual debo pinchar?? y en el mesaje debo poner esa dirección entre corchetes de imagen o url?? :helpsos :helpsos :helpsos


Arriba
 Perfil  
 
 Asunto: Re: Cursillo de BBCode para desenvolverse en los foros
Mensaje sin leerPublicado: Jue Abr 15, 2010 4:26 pm 
A camelia das Rias Baixas
Avatar de Usuario

Registrado: Lun Oct 23, 2006 9:21 am
Mensajes: 16498
Ubicación: Madrid, pero soñando el mar...
No sé si varía según navegador o depende de algo más... Con Mozilla: botón derecho, Ver información de la imagen (la última, creo); cuando carga ese formulario, copias lo que aparece en Dirección (en la zona atenuada, encima de Tipo) y lo pegas entre [img]e[/img].

Con Explorer, Propiedades, copias lo que aparece en Dirección URL y lo pegas entre los mismos corchetes.

_________________
Imagen
Esto es Gloria


Arriba
 Perfil  
 
Mostrar mensajes previos:  Ordenar por  
Nuevo tema Responder al tema  [ 22 mensajes ]  Ir a página 1, 2  Siguiente


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
subSilver+ theme by Canver Software, sponsor Sanal Modifiye
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
Condiciones de Uso | Política de privacidad | Configuración de cookies | Denuncie el foro