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


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...