FANDOM


colocar imagen aquí colocar texto aquí


Uso:
{{U personal
|ancho=
|altura=
|borde=
|clase=
|colorborde=
|anchoimagen=
|fondoimagen=
|imagentexto=
|tipodefuente2=
|tamanoimagen=
|imagen=
|fondotexto=
|colorfuente=
|tipodefuente=
|tamanofuente=
|texto=
|anchoimagen2=
|fondoimagen2=
|imagentexto2=
|tipodefuente3=
|tamanoimagen2=
|imagen2=
}} 
Valores por defecto (de no definirse)

238px
45px
1px

(=imagenfondo)
45px
#cccccc
black (negro)
(sans-serif)
14pt
(si se omite, desaparece el recuadro)
#eeeeee
black
(sans-serif)
8pt
(en blanco)
(opcionales
            si
               se
                  desea
                        segunda
                                imagen)

Ejemplo:
{{U personal
|colorborde=black
|fondotexto=#66CC99
|fondoimagen=orange
|imagen=[[Imagen:Shiva FFX.jpg|38px]]
|colorfuente=blue
|texto=A este usuario le gusta [[Shiva (Invocación)|Shiva]].
}}
Resultado:
Shiva FFX A este usuario le gusta Shiva.

Tutorial

Bienvenido al tutorial de cómo hacer efectiva esta plantilla que ha sido diseñada como "etiqueta de usuario personal" (o "userbox personal", si se prefiere el anglicismo). Para una colección de userboxes preconstruidas, favor ver aquí.


Dimensiones

Por defecto, una etiqueta de usuario (o userbox como se le llama en inglés, o usuariobox en "Spanglish") se mantiene con un ancho de 238px, una altura de 45px, y un borde de 1px de grosor. Se recomienda no cambiar estos valores excepto de ser necesario. Además, por defecto, el recuadro a la izquierda donde se coloca la imagen se define con un ancho (anchoimagen) de 45px, igual que la altura; si la imagen es algo más estrecha, este ancho se puede reducir (especialmente si hay mucho texto a su derecha), o si la imagen es algo más ancha (y hay relativamente poco texto a su derecha), entonces se puede aumentar anchoimagen (pero sin abusar de las proporciones).


Colores

De entrada necesitas cinco colores para la etiqueta de usuario (o userbox como se le llama en inglés, o usuariobox en "Spanglish"); todo esto se explica a continuación. Puedes elegir el color de dos maneras. Ya sea usando los colores predefinidos (nombres en inglés), como el rojo (red), verde (green), rosa (pink), etc, o utilizando el sistema de colores hexadecimales. Este último es más complicado, si no sabes cómo funciona, pero permite más libertad para las tonalidades de un color.

(Cómo funcionan)

Para colocar un color, simplemente se escribe el nombre (en inglés) del color que se desee. Y como ejemplo, esto:

{|style="background: red"
|este fondo es rojo
|}

dará esto como resultado:

este fondo es rojo

El mismo resultado se pudo haber logrado mediante el sistema de colores hexadecimales, así:

{|style="background: #FF0000"
|este fondo es rojo
|}

dará como resultado:

este fondo es rojo

El sistema hexadecimal trabaja con una mezcla de los tres colores primarios, rojo, verde y azul (RGB por sus siglas en inglés): #FFFF<font color=FF</font> con una de escala de 0 (sin color) a F (a todo color). Según la lógica común, el color blanco se consigue con una mezcla de todos los colores (#FFFFFF), mientras que el negro es privado de todos los colores (#000000). Para un ver un gráfico con distintas tonalidades y colores, véase aquí. Este sistema es bueno para aprender, ya que no todos los colores están predefinidos (aunque muchos sí).

clase

El parámetro clase permite a uno colorear la userbox en clases de juegos usando un nombre clave para él (este enlace es en inglés, pero los nombres clave son fáciles de distinguir pues su mayoría son siglas usadas hasta en español).

colorborde

Es el color del borde, el cual que bordea la plantilla entera. Se recomienda que sea black (negro), blue (azul) o red (rojo).

fondoimagen

También conocido como imagenfondo (para compatibilidad con antigua versión de esta plantilla) y fondoimagen1 (compatibilidad con antigua plantilla U personal2; ver Segunda imagen).

El color del fondo de la izquierda de la box, donde se encuentra la imagen. Este color se verá alrededor de la imagen, si la imagen no cubre la box entera.

imagentexto

También conocido como imagentexto1 (para compatibilidad con antigua plantilla U personal2; ver Segunda imagen).

En caso de querer colocar texto en lugar de una imagen (ver imagen para más información), puedes usarlo para elegir el color del texto. Si no quieres la imagen texto, sino una imagen en su lugar, puedes omitir este color, el cual por defecto se convertirá en black (negro).

fondotexto

El color del fondo de la derecha de la box, donde se coloca el texto.

colorfuente

El color de las letras en el texto. Si quieres un color secundario, cámbialo con el texto, o si quieres un enlace (link en inglés, el cual es azul por defecto) con el mismo color que el resto del texto, puedes cambiar el código manualmente. Aquí cómo hacerlo:

texto texto texto <font color=green>texto texto texto</font>

texto texto texto texto texto texto

así que básicamente, coloca:

texto con otro color <font color=el color deberá ir aquí>texto con un nuevo color</font>

Fuentes

(Los parámetros de tipo de fuente fueron originalmente definidos en la deprecada plantilla U personal2, cuya funcionalidad eventualmente fue añadida a la versión actual de esta plantilla U personal.)

Por defecto, las userboxes heredan el mismo tipo de fuente (font en inglés) utilizado en los artículos de la wiki (un tipo sans serif como Helvetica, Arial o Noto Sans, según el sistema operativo de su ordenador/​computadora o teléfono móvil/​smartphone), con un tamaño razonable de 8pt para el texto principal y 14pt para cualquier texto en sustitución de imagen.

tipodefuente

También conocido como tipodefuente1 (para compatibilidad con antigua plantilla U personal2; ver Segunda imagen).

Si se desea personalizar el texto de la userbox con otro tipo de fuente, se puede definir el tipo en tipodefuente.

Si en lugar de una imagen se emplea un texto corto, tipodefuente2 se provee también para personalizar el tipo de fuente de ese texto.

tamanofuente

Debe leerse como tamañofuente, pero no se permiten tildes ni acentos en nombres de parámetros de plantillas.

Si se desea también personalizar el tamaño del texto de la userbox, se puede definir el tamaño en tamanofuente. El tamaño se puede definir tanto en puntos (pt) como en pixeles (px), con la siguiente equivalencia en la mayoría de los navegadores Web de ordenadores:

12pt = 16px

Si en lugar de una imagen se emplea un texto corto, tamanoimagen se provee para personalizar el tamaño de la fuente de ese texto.


imagen

También conocido como imagen1 (para compatibilidad con antigua plantilla U personal2; ver Segunda imagen).

Al tiempo presente en el FFWiki en español, solamente las imágenes internas (tanto de FFWiki como de otros wikis de Wikia) pueden ser usadas. Las imágenes externas (fuera de Wikia) no funcionan aquí como en el FFWiki en inglés (donde el uso de imágenes externas está por ahora restringido a imágenes almacenadas en PhotoBucket) debido a un problema de codificación, así que hasta nuevo aviso, su uso aquí se prohíbe. Es posible tener un texto corto de 4-5 letras en lugar de una imagen.

Imágenes internas (FFWiki)

"Imágenes internas" se refiere a imágenes que han sido directamente subidas a la wiki. Como ya se sabe cómo enlazar a una imagen de esta wiki, no se entrará en detalles sobre eso. Sin embargo, hay algunas reglas para los tamaños de las imágenes en la plantilla. Si quieres que la imagen use aproximadamente el cuadrado, o si la altura excede el ancho, el tamaño debe ser de 38px. Si la altura excede aproximadamente 1.25 a 1.50, se permite subir el tamaño a 45px.

Imágenes externas a FFWiki (internas de Wikia)

Si la imagen reside en otra wiki dentro de la familia de Wikia, esta se enlaza como si fuese una imagen externa (usando las mismas reglas para enlaces externos), aunque técnicamente es interna ya que reside en el mismo servidor (server) donde esta wiki reside. Si el ancho cae entre 38px y 45px y la altura no excede el ancho por más de 1¾, simplemente copia el URL y pégala después de imagen=. De lo contrario, deberás manipular el URL de Wikia para forzar una reducción (thumbnail) de la imagen. Por ejemplo, si utilizas una imagen proveniente de la Touhou Wiki (otra wiki dentro de Wikia):

https://vignette.wikia.nocookie.net/touhou/images/b/bc/TohoWiki.png

la cual normalmente se mostraría muy grande como para caber en una userbox:
TohoWiki.png
entonces necesitarás escribir "thumb/" después de "images/" en el URL de la imagen y agregar "/{tamaño_deseado}px-{nombre_de_imagen.extensión}" al final del URL antes de añadirla a la userbox:

|imagen=https://vignette.wikia.nocookie.net/touhou/images/thumb/b/bc/TohoWiki.png/45px-TohoWiki.png

dando como resultado:
45px-TohoWiki.png


texto

Esto es explicativo. Puede tener texto multicolor si lo deseas, aunque de este modo tendrás que introducir los códigos de color manualmente (véase colorfuente para obtener información acerca de ello). Además podrás vincular a otras páginas internas o externas.


Segunda imagen

Al añadir imagen2, es posible tener una imagen (o texto) que aparezca a la derecha. Por ejemplo:

{{U personal
|borde=1
|colorborde=firebrick
|fondotexto=white
|fondoimagen=darkblue
|fondoimagen2=crimson
|imagentexto=white
|imagentexto2=
|tipodefuente=courier
|tipodefuente2=arial
|tipodefuente3=arial
|colorfuente=crimson
|imagen=Kupo!
|imagen2=[[Imagen:Edicion No.gif|30px]]
|texto=A este usuario le gustan los [[Moguri|Moguris]].
}}

resultará en:

Kupo! A este usuario le gustan los Moguris. Edicion No

Otro ejemplo:

{{U personal
|borde=2
|colorborde=navy
|fondotexto=#EEE8AA
|fondoimagen=navy
|fondoimagen2=navy
|imagentexto=gold
|imagentexto2=
|colorfuente=#234432
|imagen=:D
|imagen2= [[Imagen:Judge Chocobo.png|30px]]
|texto=Para una userbox de dos lados como ésta, sólo añada los dos valores.}}

resulta en:

:D Para una userbox de dos lados como ésta, sólo añada los dos valores. Judge Chocobo

También es posible omitir la primera imagen a la izquierda y mostrar únicamente una imagen a la derecha:

{{U personal
|borde=2
|colorborde=navy
|fondotexto=#EEE8AA
|fondoimagen2=navy
|imagentexto2=
|colorfuente=#234432
|tipodefuente=times
|tipodefuente3=courier
|tamanofuente=10pt
|tamanoimagen2=24px
|imagen2=''':P'''
|texto=Para una userbox con imagen a la derecha, omita '''imagen='''.}}

resulta en:

Para una userbox con imagen a la derecha, omita imagen=. :P
El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.