Muchos de vosotros estais intentando poner firmas graficas sin éxito, y los que de verdad me habeis impresionado, sois algunos con las frasecillas que me poneis. ¡Si yo me estaba resistiendo a crear el tuto por eso! Lo mas importante es no descuadrar la web asi­ que aviso, en ese sentido seremos estrictos.

Imagen En la firma

En el caso que se incumpla una de estas sencillas normas se borrara el comentario del usuario y su firma en su cuenta de usuario para que este tenga constancia.

En el caso de reincidir repetidamente en una o varias normas, se le eliminara al usuario la opcion de publicar imagenes en la web.

Damos por hecho que habeis leido este tutorial si usais imagenes en la web y que vais a leer las normas basicas del uso de imagenes.

Las firmas tendran un ancho maximo de 350 pixels de ancho por 200 de alto.

Debido al sistema de post en arbol de drupal, que provoca que no todos los comentarios sean igual de anchos habra quien le interese tener una firma mas estrecha.

En el caso que la firma desplace el menu lateral, se borrara la firma manualmente.

Esta es vuestra responsabilidad como usuarios que haceis en comentario, en el caso que desplace la firma debereis pulsar el link Editar de debajo vuestro comentario y eliminar vuestra firma en ese comentario.

Las firmas no pueden contener imagenes que puedan herir la sensibilidad de otros usuarios.

Esperamos no tener que ser muy estrictos en este sentido, pero por favor tened en cuenta que esta pagina la visitan muchos menores y padres con hijos que no necesitan ver segun que imagenes que nada tengan que ver con el tema de la web y resulten ofensivas. Politica, sexo, sangre, etc.

Subiendo una imagen al "mundo" WWW.

Ahora, vamos a subir nuestra imagen (la que queramos que aparezca en la firma) a algún servidor de "Hostin Imagen". Os dejamos enlace a una recopilación de las webs más importantes que se dedican a hosting de imagenes.

Una vez hayamos subido la imagen, se nos ofrecerá una serie de URL's para nuestra imagen, copiamos la URL que empiece por "http://" y acabe por el nombre de nuestra imagen.

Podéis comprobar que lo habéis hecho bien, pegando esta URL en la barra de direcciones de vuestro navegador. Podréis ver que se habre una ventana con vuestra imagen ;). Si es así, seguid adelante.

Editando nuestra firma

Seleccionamos Mi Cuenta en el menu de la izquierda de la web, nos aparecera una ventana de nuestro usuario, seleccionamos Editar.

Buscamos esta ventana y en donde introduciremos nuestra firma. Recomiendo usar una base a la mia, a la larga resulta mas comoda de usar cuando escribes comentarios.

Antes de seguir, le damos al boton de Desactivar editor de debajo del recuado. Esto nos permite meter codigo HTML directamente.

Ahora añadimos esta secuencia de letras/simbolos. Donde http://TUIMAGEN.jpg es la URL que nos dió el servidor al subir nuestra imagen.

<img border="0" align="middle" src="http://TUIMAGEN.jpg" />

Una vez editada nuestra firma, guardamos los cambios, y la veremos aparecer por defecto al escribir un nuevo comentario, recomiendo pulsar enter para bajar la firma y que no moleste para escribir y dejar nuestro comentario antes de la firma. Al publicar veremos los resultados.

Publicando imagenes en la web

El ancho de publicacion no soporta mas de 480 pixels de ancho, en una resolucion de monitor estandard. Por lo que no se admitiran imagenes de mas de 450pixels de ancho. Tenedlo en cuenta a la hora de publicar una imagen. El codigo es basicamente el mismo que la firma.

<img border="0" align="middle" src="http://TUIMAGEN.jpg" />

Podemos usar distintos parametros al middle, para cuadrar nuestras imagenes.

• Left - Centra texto a la derecha de la imagen.(IMAGEN-TEXTO) (Tipicamente usado en las noticias)
• Right - Centra texto a la izquierda de la imagen.(TEXTO-IMAGEN)
• Middle - Centra texto posterior al centro. (Dejando un espacio (<br />) seguiremos el texto debajo la imagen.

Agregando linksTodos sabemos que hay links muy extensos que descuadran la web, tenemos una forma sencilla de evitarlo. Escondiendo los links y haciendolos activos.

<a target="_blank" href="http://novedades.pesepe.com">Novedades nuestra pagina hermana</a>

Resultado: Google

El Target="_blank" es importante para abrir el link en una nueva ventana, si os referis a una pagina externa. Y se puede eliminar si usais un link propio de beta.pesepe.(Opcional)

Avatar propio (Imagen de usuario)

Cada usuario tiene un avatar propio, es la imagen que nos permite identificar un usuario de forma rapida. Solo salen en los comentarios, no en los hilos principales. Asi que cada vez que habrais un hilo nuevo o creeis un tutorial, no aparecera ni el avatar ni la firma.

La opcion para cambiar el avatar esta justo encima de la que hemos visto antes al editar nuestra firma. Las imagenes tienen un limite de 80x80 pixels y no puede ocupar mas de 40Kb.

Preparamos una foto en nuestro ordenador y pinchamos en el boton navega para cargar nuestra imagen.

No olvideis guardar los cambios en el link inferior de esta misma pagina antes de salir.