FANDOM


En este blog, por cuestiones de espacio, se desarrollan los postulados y las explicaciones de la sexta misión.


6. Creación de una firma

Una firma es esencial. Se diría, es uno de los recursos que un usuario nuevo e incluso uno avanzado debería disponer. Los concursos requieren de la firma del usuario, la Guillotina requiere que se firmen sus votos, y algunos usuarios firman sus respuestas en los hilos. Es por eso que lo primero que se aprenderá en la segunda parte del curso es como crear una firma simple, donde se especifique el nombre del usuario y se dé un link a su muro. Pero para todo eso, es necesario aprender varias cosas.

Para nuestra firma, usaremos la estructura de una de mis firmas.


Lo primero que hay que hacer es ir a tu página de usuario, y en la URL (la barra que se encuentra bajo nuestras pestañas y nuestros marcadores), escribir /Firma o /firma. Lo recomendable es que abras la página con el Editor clásico, ya que te ayudará a saber cuándo un código estará completo, incompleto o mal hecho.

En esa página, armaremos nuestra firma. (Usaremos la Paleta de Colores)



Mision 6-1

Captura de ejemplo


El '''<span style''' es lo que más usaremos para crear nuestra firma. Su función es agrupar elementos para que no se haga un caos de códigos. Siempre que lo usemos, debe ser así '''<span style=”los elementos que usemos”> lo que escribamos''' y luego '''</span>'''.

Cuando decimos border hablamos de los bordes de nuestra firma. border será el tipo de borde, y si agregamos un número y px, (por ejemplo; 30px), también es el grosor de nuestro borde. border-color se refiere al color de nuestro borde. Y border-radius se refiere a la curvatura de las esquinas de nuestro borde, y también se expresa en px. Para estos, y el resto de los códigos que aprendamos, siempre es necesario poner, por ejemplo,border-color: Red; con los dos puntos y el punto y coma incluidos. NOTA. No poner ni : ni ; puede hacer que el código no funcione. Al principio es fácil olvidárselo, pero luego es casi intuitivo.

No perderemos mucho tiempo en explicar que es border-bottom-left-radius o border-top-right-radius. Ambos funcionan para la curvatura de los bordes. bottom es abajo, top es arriba. left es izquierda, right es derecha. bottom-left es el borde inferior izquierdo. top-right es el borde superior derecho. Los usaremos más adelante, pero no son necesarios.

background se refiere a nuestra base, lo que tenemos de fondo; background-color se refiere al color de nuestra base.

Hasta aquí la primera parte. Debe terminar en un “>'. Si no lo cerramos, nuestro código explotará. Lo que hemos especificado es; el tipo de border y su color y el color del fondo (y, si lo hiciste, también la curvatura de los bordes).

Si quieres incluir un texto en la firma, debemos agregar otros dos elementos.

font-family que será la fuente o tipo de letra. Para que la veamos, debe estar cargada en nuestro Microsoft Word. Si no, usará la fuente de la Wiki.

Y color. Este debe venir inmediatamente luego de font-family y será el color de la letra.

Y si queremos que este texto, al hacerle click, nos lleve a alguna página, debemos hacer lo siguiente.

Si la página es una página de la Wiki (tu muro, tu perfil, etc.), entonces debes poner [[Nombre de la página|El texto que se verá en lugar del nombre]]. Pero, atención. Si hacemos esto, entonces el color de la letra será el color de los links de la Wiki. Si queremos cambiarlo, entonces debemos poner tanto el font-family como color dentro. Es decir, así;

[[Muro:Lavel Spinetta|<span style="font-family: Times New Roman; color:White">Mi muro</span>]]

Y se verá algo así.

Mi muro

NOTA. Fíjense en el </span>. Debemos usarlo siempre que queramos agrupar elementos. Por ejemplo todo lo escribí dentro del enlace. Si no lo pongo, sería un caos.

Ahora, vamos con una firma un poco más completa.

Supongamos que quiero hacer una firma simple, combinando blancos y negros. Entonces, hago esto.

<span style=”background: Black; border:solid; border-color; White; border: 5px”> [[Muro:Lavel Spinetta|<span style=”font-family: Times New Roman; color:White”>Mi muro</span>]]</span>

Es decir, nuestra firma (por el momento) quedaría algo así.

Mi muro

Eso es una firma sumamente simple. Y si queremos, podemos agregar más cosas, como imágenes.

Subimos la imagen, insertamos el link de la imagen (o la subimos directamente) y vamos ajustando el tamaño y la posición, y agregamos (para que no nos quede muy recto) curvatura a los bordes.

<span style="background: White; border:solid; border-color; Black; border-top-right-radius:25px; border-bottom-right-radius:25px; border-top-left-radius:25px; border-bottom-left-radius:25px"> [[Archivo:Ejemplo.png|30x30px]] [[Muro:Lavel Spinetta|<span style="font-family: Times New Roman; color:Black">Mi muro</span>]]</span>

Ejemplo Mi muro

Yo recomiendo un tamaño de 30x30 píxeles.

Y si queremos hacer más, agregando más cosas, podemos hacerlo repitiendo la fórmula.

Por ejemplo, quiero que haya dos bakcgrounds con la imagen en el centro. Entonces, repito los codes, pero cambiando ciertas cosas.

<span style="background: Black; border:solid 1; border-color; White;"> [[Usuario:Lavel Spinetta|<span style="font-family: Times New Roman; color:White">Lavel</span>]]</span>[[Archivo:Ejemplo.png|30x30px]]<span style="background: White; border:solid 1px; border-color; Black;">[[Muro:Lavel Spinetta|<span style="font-family: Times New Roman; color:Black"> Mi muro </span>]]</span>
  

Y nos quedaría algo así.

LavelEjemplo Mi muro

Aunque en lo personal, si lo cambiamos un poco, puede funcionar mejor.

FaustoEjemplo Muro

Damos a Guardar (o Publicar) y ya tenemos nuestra firma.

Es cierto, se pueden agregar millones de cosas más; brillos, movimiento, sombras, y demás cosas que no sé. Para aquellos usuarios que quieren aprender más de esto, no puede ayudarlos (les recomiendo joder mucho a un usuario que sepa).

Lo importante es entender que existe mucha libertad para la creación de una firma (aunque no lo parezca), pero basta con ver que la firma más arriba es muy diferente a lo que puse como ejemplo al comienzo del artículo (y en realidad usan los mismos códigos).

Para usarla, debemos abrir el código fuente y colocar {{Usuario:TuNombreDeUsuario/Firma}}. En mi caso, quedaría algo así; LaytonLavel ¡Correcto!

También, existe otra solución; ~~~~. Con eso, tu firma se verá como la que está al final de este artículo.

Y eso es todo lo que puedo explicar de firmas. Espero te haya servido, y si no te sirvió, espero te hayas reído con todo lo que dije.

¡Hare Krishna!

-- Lavel Spinetta (discusión) 09:14 18 dic 2017 (UTC)

El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.