viernes, 19 de enero de 2018

BB Code - Edición del perfil CDM/Eldarya



Hola a todos hoy les explicaré como editar sus perfiles utilizando el bb code y hacer que su perfil se vea mejor y sea más atractivo.

Esta explicación es tanto para Corazón de Melón como para Eldarya, les dejo mis perfiles por si quieren algunas ideas 

El bbcode se puede usar tanto en el perfil como en el foro y en los mensajes privados/inbox, es muy fácil de usar solo debes hacer los corchetes "  [ ]  " y escribir la palabra dentro.

Puedes mezclar códigos como te plazca (por ejemplo si quieres puedes combinar las letras negritas con el texto centrado: [center][b]texto[/b][/center]  )

Si solo quieres leer los códigos ve a la sección 7

Índice:

  1. ¿Cómo teclear este símbolo? "["   "]" 
  2. Imágenes/GIFS
  3. Texto
  4. Vídeos y Música
  5. Redireccionamiento (links)
  6. Contador de visitas
  7. Todos los códigos juntos


1. ¿Cómo teclear este símbolo? [   ] 

Los corchetes son la base del bbcode, es muy importante usarlo siempre o... simplemente el código no funcionará, todos los códigos se ponen con ellos. Para teclearlo debes presionar las teclas a la misma vez:  

CTRL + 
                                                                           


 CTRL + 






SÍMBOLOS: [ ]


2. Imágenes/GIFS



Para colocar esto, solo escribimos "img" entre los corchetes: [img] y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura:[/img] 
Luego copiamos el link de la imagen que queramos poner:

lo pegamos luego del primer [img], 
Como queda: [img]https://vignette.wikia.nocookie.net/eldarya-en-espanol/images/c/c9/Logo.png/revision/latest?cb=20160702055350&path-prefix=es[/img]
Luego le das al recuadro de aceptar y en tu perfil ya aparecerá la imagen/GIF donde hayas querido.



CÓDIGO: [img]link de la imagen[/img]

3. Texto
Colores

Para ponerle colores a las palabras solo debes 
abrir corchetes y escribir color= seguido del color que quieran (abajo están todos los colores). Como quedaría [color=red] (escogí el color rojo)

Luego del corchete de "cierre" escribimos lo que queramos y ahora escribimos [/color] para cerrar el código. Quedando así:  [color=red]Castiel[/color]

Para terminar le damos aceptar y quedaría así:

Castiel

CÓDIGO: [color=color que quieras]texto[/color]

Colores disponibles en CDM y Eldarya:

Gray  

DimGray
LightSteelBlue
NavyBlue 
LightSlateGray 
SlateGray 
SteelBlue 
RoyalBlue 
CornFlowerBlue 
MediumSlateBlue 
LightSlateBlue 
SlateBlue 
DarkSlateBlue 
Navy 
DarkBlue 
MediumBlue 
DodgerBlue 
DeepSkyBlue 
SkyBlue 
LightSkyBlue 
LightBlue 
PowderBlue 
Azure 
LightCyan 
PaleTurquoise 
MediumTurquoise 
LightSeaGreen 
DarkCyan 
Teal 
CadetBlue 
Aqua 
Cyan 
DarkTurquoise 
Turquoise 
Aquamarine 
MediumAquamarine 
DarkSeaGreen 
MediumSeaGreen 
SeaGreen 
DarkGreen 
DarkSlateGray 
DarkOliveGreen 
Olive 
Green 
ForestGreen 
OliveDrab 
LimeGreen 
YellowGreen 
Lime 
Chartreuse 
LawnGreen 
GreenYellow 
PaleGreen 
LightGreen 
SpringGreen 
MediumSpringGreen 
DarkKhaki 
Gold 
Khaki 
PaleGoldenRod 
BlanchedAlmond 
Moccasin 
Wheat 
NavajoWhite 
SandyBrown 
Tan 
BurlyWood 
GoldenRod 
Yellow 
RosyBrown 
DarkGoldenRod 
Sienna 
SaddleBrown 
Chocolate 
Peru 
DarkRed 
Maroon 
Brown 
FireBrick 
Orange 
IndianRed 
LightCoral 
Salmon 
DarkSalmon 
LightSalmon 
Coral 
Tomato 
DarkOrange 
OrangeRed 
Crimson 
Red 
DeepPink 
Magenta 
Fuchsia 
HotPink 
Pink 
LightPink 
MediumOrchid 
PaleVioletRed 
Purple 
MediumVioletRed 
DarkMagenta 
MediumPurple 
BlueViolet 
Indigo 
DarkViolet 
DarkOrdhic 
Orchid 
Violet 
Plum

Puedes alternar los colores. Por ejemplo:
[color=red]Mé[/color][color=black]xi[/color][/color=green]

Te dará: xico


Negrita


Para colocar esto, solo ponemos la letra "b" entre los corchetes: [b], escribimos lo que queramos y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/b]

Quedando así: [b]Hola[/b] 


Para terminar le damos aceptar y quedaría así:


Hola



CÓDIGO: [b]texto[/b]

Cursiva

Para colocar esto, solo ponemos la letra "i" entre los corchetes: [i], escribimos lo que queramos y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/i]
Quedando así: [i]Hola[/i] 

Para terminar le damos aceptar y quedaría así:

Hola

CÓDIGO: [i]texto[/i]

Subrayado

Para colocar esto, solo ponemos la letra "u" entre los corchetes: [u], escribimos lo que queramos y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/u]
Quedando así: [u]Hola[/u] 


Para terminar le damos aceptar y quedaría así:

Hola



CÓDIGO: [u]texto[/u]


Texto centrado

Para colocar esto, solo escribimos la palabra "center" entre los corchetes: [center], escribimos lo que queramos y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/center]
Quedando así: [center]Hola[/center] 


Para terminar le damos aceptar y quedaría así:


Hola



CÓDIGO: [center]texto[/center]



Spoilers

Esto sirve para poder ocultar parte del texto. De ese modo debes darle click para abrir y ver el contenido del cuadro. Se usa normalmente para poner vídeos/música, pero lo puedes usar para lo que quieras
Como se ve:

Corazón de Melón:

Spoiler (Hacer clic para mostrar)


Eldarya:








Para colocar esto, solo escribimos la palabra "spoiler" entre los corchetes: [spoiler], escribimos lo que queramos (lo que irá dentro del recuadro) y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/spoiler]

Quedando así: [spoiler]Hola[/spoiler] 


Para terminar le damos aceptar y quedaría así:






CÓDIGO: [spoiler]texto[/spoiler]

Si quieres ponerle nombre al spoiler debes colocar el mismo código de arriba pero añadiéndole un símbolo de igual = " el nombre que quieras

Como se ve:

Corazón de Melón


CÓDIGO: [spoiler=texto]texto[/spoiler]


Títulos

Existen dos tipos:

Ejemplo 1:


Corazón de Melón:

>> Corazón de Melón

Eldarya:



CÓDIGO: [title1]texto[/title1]

Ejemplo 2:

Corazón de Melón:
Corazón de Melón
Eldarya:




CÓDIGO: [title2]texto[/title2]


4. VÍDEOS Y MÚSICA

Para añadir un vídeo lo único que tienes que hacer es abrir corchetes y escribir dentro de ellos: 

[youtube] [/youtube]

Copias el link del vídeo que quieras y le añades: &amp

Quedaría así:

[youtube]https://www.youtube.com/watch?v=yq6VhQGz-no&amp[/youtube]

El resultado es:




CÓDIGO: [youtube]link del vídeo&amp[/youtube]

PARA QUE EL VÍDEO SE REPRODUZCAN SOLO

Lo único que debes hacer es añadirle a tu código luego del &amp:
&;autoplay=1

Quedaría así:

CÓDIGO: [youtube]link del vídeo&;autoplay=1[/youtube]


MÚSICA

La música en los perfiles se aplica colocando un vídeo (lo de arriba), muchas chicas lo ponen dentro de un spoiler.

CÓDIGO: [spoiler=nombre que le quieras poner][youtube]link del vídeo&­;autoplay=1[/youtube][/spoiler]


5. REDIRECCIONAMIENTO
Esto sirve para que cuando la persona que esté leyendo tu perfil le de click a una palabra la lleve a otra página.
Por ejemplo si quiero que los que lean mi perfil de Eldarya también lean el de cdm puedo usarlo.

Para colocar esto, solo escribimos la palabra "url" entre los corchetes: [url], copiamos y pegamos el link del otro sitio web y luego hacemos lo mismo pero le colocamos la barra espaciadora frente al corchete de apertura [/url]

Quedando así: [url]link[/url] 

Para terminar guardamos los cambios y en el perfil se vería el link de esta forma:

https://www.eldarya.es/player/profile/PukiePikachu

CÓDIGO: [url]link del sitio web[/url]

Para que no aparezca el link completo en el perfil y en su lugar haya un texto, debemos escribir prácticamente el mismo código, pero en este caso el link se pondrá después del primer url y antes del primer corchete y se añadirá "=" para luego cerrar corchetes: [url= link], escribimos el texto que queramos que aparezca y volvemos a escribir [/url]

Quedando así: [url=link]Hola[/url] 

Para terminar guardamos los cambios y en el perfil se vería el link de esta forma:

Hola

CÓDIGO: [url=link]texto[/url]

Si en lugar de texto, deseamos que aparezca una imagen lo único que debemos hacer es escribir el código para poner texto en vez de url pero en lugar de solo escribir añadiremos [img]link de la imagen[/img]

Quedando así: [url=link][img]link de la imagen[/img][/url] 

Para terminar guardamos los cambios y en el perfil se vería la imagen y al presionarla funcionaría igual que un url normal:


CÓDIGO: [url=link][img]link de la imagen[/img][/url]

6. CONTADOR DE VISITAS

La página que usaré se llama: Contador de visitas gratis
Link: https://www.contadorvisitasgratis.com/

Debes entrar a la página y seleccionar el contador que más te guste.



Te rediccionará a la siguiente página y deberás editar los siguientes datos:


Deberás cambiar tu ubicación, la categoría del sitio (en mi caso puse la opción de internet).
La salida es el número de dígitos que tendrá tu contador, recomiendo cambiarlo según tu actividad en el foto o tu "fama".
Puedes editar tu número inicial para que el contador comience desde el número que quieras. (Esto es útil cuando cambias de contador)


La posición no importa ya que tu puedes ponerlo donde quieras en tu perfil, si quieres puedes editar el zoom.
Es importante cambiar de "Hits counter" a contador de visitas.

Luego le das a enviar y solo copias la siguiente parte del texto: 


Luego ve a tu perfil y presiona editar.
En esta parte usaremos el código para poner imágenes y copiaremos el link entre los dos [img][/img]

Se vería así:

[img]https://counter2.freecounter.ovh/private/contadorvisitasgratis.php?c=9284lrcm5x5awq2sgqmbr113k9lkalwf[/img]

Al finalizar le das a aceptar.
Debería verse así:



El contador cuenta también tus propias visitas a tu perfil.

CÓDIGO: [img]link del contador[/img]


7. TODOS LOS CÓDIGOS

Símbolos:


SÍMBOLOS: 
Para aplicar una imagen:



CÓDIGO: [img]link de la imagen[/img]

Para darle color al texto:



CÓDIGO: [color=color que quieras]texto[/color]

Para poner el texto en negrita:

CÓDIGO: [b]texto[/b]

Para poner el texto en cursiva:

CÓDIGO: [i]texto[/i]

Para centrar el texto:


CÓDIGO: [center]texto[/center]

Para subrayar el texto:


CÓDIGO: [u]texto[/u]

Para poner un spoiler y/o ocultar una parte del texto hasta que se le de click:


CÓDIGO: [spoiler]texto[/spoiler]

Para poner un spoiler con nombre y/o ocultar una parte del texto hasta que se le de click:



CÓDIGO: [spoiler=texto]texto[/spoiler]

Tipo de título 1:


CÓDIGO: [title1]texto[/title1]


Tipo de título 2:

CÓDIGO: [title2]texto[/title2]

Para añadir un vídeo/música:

CÓDIGO: [youtube]link del vídeo&amp[/youtube]

Para añadir un vídeo/música y que se reproduzca solo:



CÓDIGO: [youtube]link del vídeo&autoplay=1[/youtube]

Para re-direccionar a otra página:


CÓDIGO 1: 
[url]link[/url]

CÓDIGO 2 (que aparezca texto en vez del url en el perfil): 
[url=url]texto[/url]

CÓDIGO 3 (que aparezca una imagen en vez del url):
[url=url][img]link de la imagen[/img][/url]

Para añadir un contador de visitas:

CÓDIGO: [img]link del contador[/img]



Gracias por leer n.n


26 comentarios:

  1. ¿cómo cambio el tamaño de fuente? he visto algunos usuarios que escriben con letra más pequeña, pero no encuentro la forma de hacerlo.

    ResponderBorrar
    Respuestas
    1. Hola! Yo también he estado buscando eso, y encontré en una página que el tamaño del texto se puede cambiar con el código [small].

      Así el texto se verá más pequeño dependiendo de las veces que pongas ese código.
      Ejemplo:
      [small]Texto[/small]

      Si quieres que se vea aún más pequeño pones ese código más veces
      Ejemplo:
      [small][small]Texto[/small][/small]
      Así el tamaño se reducirá dos veces

      Borrar
    2. Otra cosa, y es que el texto se puede hacer más grande con el código [big]

      Así:
      [big]Texto[/big]

      Borrar
  2. Me ha encantado tu página! Es muy clara y concisa, justo lo que una persona ocupa para poder editar su perfil! Muchas gracias!

    ResponderBorrar
    Respuestas
    1. ¡De nada!
      Me alegro mucho que haya sido de ayuda lind@ n.n <3

      Borrar
  3. Hola! Muchas gracias. Visitar mi perfil, me llamo Snowcrush

    ResponderBorrar
  4. Hola linda me encanto tu pagina pero tengo un pequeño problemas con las img y es que cuando pongo [img]link de la img[/img]me aparece nada mas el link pero no la imagen entonces no se que pasa espero puedas ayudarme con eso ^^u

    ResponderBorrar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Borrar
    2. Me ocurre lo mismo :((
      Dejé de jugar Eldarya por mas de un año y, ahora que volví, en mi perfil en lugar de imágenes me aparece "Enlace de imagen externo"
      Llevo buen rato buscando algún nuevo código de bbcode y no encuentro nada, pero sé que hay uno porque mucha gente en los foros aún pueden ponerlas
      ayuda por favor :'((

      Borrar
    3. Prueben utilizando [IMG][/IMG]
      Al cambiarlo a mayúsculas me funcionó.

      Borrar
    4. Me pasó muchas veces con una página que se llama Imgur así que opté por subir las fotos en otra página y se solucionó así ♥ Espero que hayas podido solucionarlo hace mucho, perdón la demora

      Borrar
  5. no me deja poner gif alguien sabe por que (estoy utilizando el codigo de imagen normal) ¿tengo que utilizar uno diferente y especifico para gif ?

    ResponderBorrar
    Respuestas
    1. Perdona la demora, dejé abandonado los juegos hace mucho :c

      Hay algunas páginas en las que te da opciones para copiar el código.
      Te recomiendo: imgbb.com

      Busca BBCODE completa enlazada, copia el código y quédate con el [img]link[/img] (borra lo que está en corchetes que dice url)

      Borrar
    2. Hola! A mí me pasa que si dejo solo [img] [/img] la imagen no me carga. Solo me funciona poner las imagenes usando el codigo completo de BBCODE completa enlazada con URL.

      Cambió la manera de poner imagenes acaso?

      Borrar
    3. Hola! Respondiendo a tu pregunta, prueba colocando el código el mayúsculas [IMG][/IMG], en caso de que siga de la misma forma, prueba cambiar la imagen.

      No ha cambiado la manera de poner imágenes, sin embargo las páginas para subir imágenes tienen distintos códigos y a veces debes seleccionar la opción deseada (bbcode completa, etc). Dependiendo de la página deberás probar la opción que funcione :)

      Borrar
  6. Una preguntita, alguien sabe cual es el código para poner degradado a lo que escribes? he visto muchos perfiles que hacen eso pero no sé cual es el código y me interesa saber.

    ResponderBorrar
    Respuestas
    1. ¡Hola!
      Es el mismo código del cambio de color: [color=color que quieras]texto[/color]

      Lo que hace el degradado es que el código letra por letra o palabra por palabra y escogen colores muy similares para crear el ejemplo de degradado. Se combina colores así:
      [color=red]Mé[/color][color=black]xi[/color][color=green]co[/color]


      Te doy un ejemplo del código con degradado:
      [color=#26374A]a[/color][color=#29424E]r[/color][color=#2D4E52]e[/color] [color=#34655A]w[/color][color=#37705E]e[/color] [color=#3F8866]o[/color][color=#42936A]u[/color][color=#469F6E]t[/color] [color=#4DB676]o[/color][color=#51C27A]f[/color] [color=#49AA72]t[/color][color=#469F6E]h[/color][color=#42936A]e[/color] [color=#3B7C62]w[/color][color=#37705E]o[/color][color=#34655A]o[/color][color=#305956]d[/color][color=#2D4E52]s[/color][color=#29424E]?[/color]

      ¡No te olvides que puedes agregarle negrita, achicar o agrandar el tamaño y combinarlo con los otros códigos! >u<

      Borrar
    2. Muchísimas gracias!<3

      Borrar
  7. Este comentario ha sido eliminado por el autor.

    ResponderBorrar
  8. PanDeDulcenwn28 diciembre, 2020

    Hola! me encanto esta pagina pero una ayudita porfa xd
    se puede poner de color la letra de los spoilers? no me gusta mucho que se vea de color negro fome T-T

    ResponderBorrar
    Respuestas
    1. Hola n.n

      Estuve probando el cambio de color en spoilers para responder tu duda, pero te traigo una buena y una mala noticia. Ambas aplican en Eldarya

      1. En el caso del foro no se puede cambiar el color del texto spoiler (el que tienes que clickear para abrir el recuadro), pero si puedes cambiar el texto de dentro de él:
      [spoiler=texto]
      [color=colorquequieras] Texto de prueba [/color][/spoiler]




      2. En el caso de perfil o mensajes privados si es posible cambiar el color de los textos de spoiler, pero tienes que colocar el código de color previo al del spoiler:
      [color=color que quieras]
      [spoiler=texto]texto2[/spoiler]


      En caso que quieras que el color del spoiler y del texto interior sea diferente:
      [color=color que quieras]
      [spoiler=texto][color=color que quieras 2]texto 2[/color][/spoiler]


      Espero te sirva <3, en caso que no funcione en cdm, avísame y pruebo otra vez <3

      Borrar
  9. Hola, estoy entrando de nuevo a corazón de melón. Hice todos los pasos para poner mi video en mi perfil de CDM pero no se da play solo. ¿Qué hago?

    ResponderBorrar
    Respuestas
    1. holaa, pudiste resolver el problema? es que me pasa lo mismo

      Borrar
    2. Se desactivo ese codigo! ya no funciona

      Borrar
    3. uy y cual es codigo actual?

      Borrar

BB Code - Edición del perfil CDM/Eldarya

Hola a todos hoy les explicaré como editar sus perfiles utilizando el bb code y hacer que su perfil se vea mejor y sea más atractivo...