¡Bienvenido a Universo Maker!
¿Es esta la primera vez que visitas el foro? Si es así te recomendamos que te registres para tener completo acceso a todas las áreas y secciones del foro, así también podrás participar activamente en la comunidad. Si ya tienes una cuenta, conectate cuanto antes.
Iniciar Sesión Registrarme

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo Mensaje [Página 1 de 1.]

#1 [*] Códigos para tus temas el Vie Oct 26, 2012 9:34 pm

Razor

avatar
Ya faltaba este tema para ayudar a los novatos con la interfaz de formato del foro para los mensajes, en este tema explicare los diferentes códigos BB, su función y forma de empleo.


Actualizaciones HTML de Universo Maker



Puedes también implementar códigos HTML sencillos en tu tema, aquí voy a ir poniendo los nuevos que vaya agregando al CSS del foro, así que puedes estar pendiente del tema:
Caja:
Ejemplo:
Texto

Código:
<fieldset class="cuadro">Texto</fieldset>
Este código implementa una caja que contenga texto u otros.


Consideraciones Principales



El código BB es como HTML condensado, muy sencillo de utilizar, pero hay algunas pautas para que lo comprendas más fácilmente:
  • El hecho de que las balizas del código se escriban en mayúsculas no afectan el resultados, da lo mismo poner [X] que [x].
  • Recuerda siempre que abres una baliza [Nombre] cerrarla, eso se hace con una pleca seguida de la denominación de apertura [/Nombre].
  • Dentro de la apertura y cierre de las balizas escribes el contenido (si así lo requiere el código) para que este funcione.
  • En los comandos que sirven para insertar contenido multimedia asegúrate de siempre poner la dirección con el http://www. o tendrás errores.
  • Recuerda siempre llevar un orden lógico de abertura y cierre de balizas para que se vea bien al final y no te de algún error de visualización.



Códigos



Texto
Negrita:
Ejemplo: Escribe tu texto aquí
Código:
[b]Escribe tu texto aquí[/b]
Pone la letra en negrita
Cursiva:
Ejemplo: Escribe tu texto aquí
Código:
[i]Escribe tu texto aquí[/i]
Pone la letra en cursiva
Subrayada:
Ejemplo: Escribe tu texto aquí
Código:
[u]Escribe tu texto aquí[/u]
Pone la letra subrayada
Tachada:
Ejemplo: Escribe tu texto aquí
Código:
[strike]Escribe tu texto aquí[/strike]
Pone la letra tachada
Tamaño:
Ejemplo: Escribe tu texto aquí
Código:
[size=#]Escribe tu texto aquí[/size]
Cambia el tamaño de la letra, donde dice # cámbialo por cualquiera de estos números: 7, 9, 12, 18 y 24
Fuente:
Ejemplo: Escribe tu texto aquí
Código:
[font=Nombre de la font]Escribe tu texto aquí[/font]
Cambia el tipo de la letra, escoge algún tipo de letra serif, recuerda que la que escojas tiene que estar definida en los parámetros del foro, algunas son: Arial, Arial Black, Comic Sans Ms, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS y Verdana.
Color:
Ejemplo: Escribe tu texto aquí
Código:
[color=Nombre del color o cogido hexadecimal]Escribe tu texto aquí[/color]
Cambia el color de la letra, lo puedes poner por nombre (en ingles) del color que quieres, o mas acertado por su código hexadecimal, para revisar algunos copia este link: http://www.colorpicker.com/
Párrafo
Alineación Izquierda:
Ejemplo:
Escribe tu texto aquí
Código:
[left]Escribe tu texto aquí[/left]
Alinea tu texto a la izquierda
Alineación Centro:
Ejemplo:
Escribe tu texto aquí
Código:
[center]Escribe tu texto aquí[/center]
Alinea tu texto centrándolo
Alineación Derecha:
Ejemplo:
Escribe tu texto aquí
Código:
[right]Escribe tu texto aquí[/right]
Alinea tu texto a la derecha
Alineación Justificada:
Ejemplo:
Escribe tu texto aquí
Código:
[justify]Escribe tu texto aquí[/justify]
Alinea tu texto justificándolo, de manera que queda recto en ambas partes del párrafo
Sub-Indice:
Ejemplo: Ax
Código:
A[sub]x[/sub]
Para operaciones matemáticas, coloca la frase como subindice.
Exponente:
Ejemplo: Ax
Código:
A[sup]x[/sup]
Para operaciones matemáticas, coloca la frase como exponente.

Formato
Lista con Viñetas:
Ejemplo:
  • Lista 1
  • Lista 2
  • Lista 3

Código:
[list][*]Lista 1
[*]Lista 2
[*]Lista 3[/list]
Crea una lista con viñetas, solamente tienes que poner el comando list y donde pongas las balizas de asterisco allí abra otra viñeta.
Lista Enumerada:
Ejemplo:
  1. Lista 1
  2. Lista 2
  3. Lista 3

Código:
[list=1][*]Lista 1
[*]Lista 2
[*]Lista 3[/list]
Crea una lista enumerada, para hacer el cambio simplemente colocas list=1 al inicio de la baliza.
Ocultar:
Código:
[hide]Texto[/hide]
Este código hace que el contenido dentro de el solo sea visible para la moderación/administración del foro.
Información Hover:
Ejemplo: [wow]custom:[Pasa el mouse por aquí],,[Descripcion],/t[/wow]
Código:
[wow]custom:[Texto],,[Descripcion],/t[/wow]
Este código hace que al pasar el mouse por el texto se abra una descripción emergente, no hace falta que lo entiendas solo modifica lo pertinente.
Desplazamiento:
Ejemplo: Wii Wii2
Código:
[scroll]Texto[/scroll] [updown]Texto[/updown]
Hace que el texto se desplace ya sea horizontalmente (scroll) o verticalmente (updown).
Trazar Linea:
Ejemplo:



Código:
[hr]
Este es el único código de baliza que no se tiene que cerrar, para poner la linea simplemente colocas el [hr].
Citar:
Ejemplo:
Escribe aquí.
Ramón escribió:Escribe aquí.
Escribe aquí.
Código:
[quote]Escribe aquí.[/quote]
[quote="Ramón"]Escribe aquí.[/quote]
Este código sirve para citar frases, una es una cita sin el dato de quien la escribió y la segunda es la que tiene ese dato, solo agregas el = y entre comillas el nombre que aparecerá.
Si pones una quote dentro de otra, tendrás un cuadro de diferente color, mira el tercer ejemplo.
Tabla:
Ejemplo:
escribeescribe
Código:
[table][tr][td]escribe[/td][td]escribe[/td][/tr][/table]

Este código es un tanto complicado, pero viene automatizado en los mensajes, de cualquier manera, [table] inicia la clase, [tr] son las filas, [td] las columnas, solo tienes que escribir dentro de [td] y para agregar mas filas pues repites el proceso de [tr][td]escribe[/td][td]escribe[/td][/tr].
Insertar
Imagen:
Ejemplo:
Código:
[img]Dirección de tu imagen[/img]
Este comando sirve para insertar una imagen en tu post.
Vinculo:
Ejemplo: www.universomaker.net
Universo Maker

Código:
[url=Dirección]Dirección[/url]
[url=Dirección]Texto Alternativo[/url]
[url=Dirección][img]Dirección de la imagen a mostrar[/img][/url]
Este comando hace enlaces, hay varias formas de combinarlo las que te menciono arriba son unas cuantas, para que al darle clic al texto vayas a ese vinculo o incluso desde una imagen, usa tu imaginación.
Flash:

Código:
[flash(20,20)]Dirección del fichero swf[/flash]
Este comando inserta un objeto flash en tu post, tiene que tener la extensión .swf al final de la dirección, lo que esta en paréntesis es la altura y anchura del objeto en cuestión [pixeles].
Vídeo:

Ejemplo:
Código:
[youtube]Dirección del video[/youtube]
Este comando inserta un vídeo de youtube en tu post, solo tienes que poner la dirección completa del mismo, pero recuerda que poner muchos hará lenta la carga del post.

Eso es todo, espero les sirva.
Saludos
Out.-





Todos mis aportes por Mediafire tienen contraseña, esa es: www.universomaker.net
Esto es para evitar plagio, asegúrense de copiar y pegar la contraseña.

Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.