23 de Octubre de 2014
Jul
18

Sistema de firmas para blogs y foros

Categorías: , ,

Os presento una cosilla en la que he emepezado a trabajar y que se aparta totalmente de mi que hacer diario.

Se trata de un generador de firmas para usar en un blog, foro, página web, etc.

Por el momento está aún muy verde y  faltan cosas por pulir, pero la idea original era (y es) que fuese totalmente gratuito, con posibilidad de que los propios usuarios suban sus propios fondos de firmas.

Aprovecho la oportunidad que me brinda Gamefilia  para pediros consejos y/o sugerencias.

Por el momento el sistema de invitaciones aún no está disponible, pero si alguien está interesado en participar que me envie un MP al perfil de meristation o que deje un comentario por aquí, en dicho caso adjuntar un fichero con su "nombre" (de no más de 200 x 40 pixels y preferiblemente en formato *.png)

Cuando me refiero a un fichero con su "nombre" me refiero a algo como esto:

Existen dos tipos de firmas:

  • Firma dinámica
  • Firma estática

La firma dinámica se genera cada vez que se "llama"
La firma estática es un fichero *.jpg que se genera únicamente cuando se ha "llamado" a la firma dinámica.

Esto es así puesto que muchos blogs y/o foros únicamente permiten BBCodes y no permiten usar etiquetas HTML.

De esta forma, podremos usar una firma estática en la Zonaforo de MeriStation por ejemplo, ya que el HTML está desactivado para los mortales.

 

Firmas estáticas

Actualmente se permiten hasta un total de 5 distintas firmas estáticas, donde podremos configurar:

  • Si el fondo es aleatorio o se usa un fondo fijo
  • El tamaño de la firma
  • Ver u ocultar la geolocalización
  • Ver u ocultar el contador de firmas

De esta forma, si varios blogs / foros sólo permiten BBCodes, podemos tener una firma estática para el foro "A", otra distinta para el foro "B", otra para el foro "C", y así hasta 5
(y por el ... te la ...   si, ya sé :) .

Como he indicado antes las firmas estáticas son ficheros *.jpg. Para usarlas en estos foros que unicamente permiten BBCodes tendríamos que hacer esto:

[img]dirección de la firma estática[/img]

Por ejemplo, si quiero usar la firma estática número 1 y mi usuario se llama ollydbg lo que tendríamos que poner es esto:

[img]http://www.transitopesado.com/prosign/static/ollydbg1.j pg[/img]

El resultado sería este:

Para la firma estática 2 tendría que hacer esto:

[img]http://www.transitopesado.com/prosign/static/ollydbg2.j pg[/img] 

El resultado sería este:

En mi caso paraticular tengo que:

- Firma 1:

  • El fondo es aleatorio
  • Se muestra la geolocalización de la última firma "dinámica"
  • Se muestra el contador

- Firma 2:

  • El fondo es fijo
  • No se muestra la geolocalización
  • No se muestra el contador

 

Firma dimámica

Tal y como apuntamos anteriormente, la firma dinámica requiere el uso de etiquetas HTML, en concreto de la etiqueta <img src=... />

Dentro de dicha etiqueta hay que llamar a la página web que genera la firma "on the fly", a dicha página se le pueden pasar los siguientes argumentos:

  • name (obligatorio)
  • bgid (opcional)
  • showcnt (opcional)
  • resizewh (opcional)

name

Este argumento indica la firma de "quien" se va a generar la firma. Es  el único argumento que es obligatorio.
Si el "quien" no existe no se genera ninguna firma.
Ejemplo de uso: name=ollydbg

bgid

Este argumento es opcional. Si no se indica este argumento o es igual a 0 se utilizará un fondo aleatorio para la firma.
Por ejemplo, si queremos que la firma siempre tenga el fondo número 44 usaremos este argumento así: bgid=44

Podéis consultar los fondos disponibles en los enlaces del final de este post

showcnt

Este argumento es opcional. Si no se indica este argumento siempre se visualizará el contador en el pie de la firma. Si no quieres que se muestre el contador en la firma deberás especificar showcnt=0

Aunque establezcas showcnt=0 internamente se seguirá acumulando el contador, lo único que no se reflejará en la firma.

resizewh

Este argumento es opcional. Si no se indica este argumento, la dimensión de la firma será siempre de 490 x 150 pixels, que por otro lado es el tamaño máximo permitido

En caso de querer un determinado tamaño hay que usar este argumento así:

resizewh=420,129

Esto fuerza que la firma tenga un tamaño de 420 x 129 pixels

Debéis tener en cuenta que no se aplicará ninguna corrección al "aspect-ratio". Tener esto en cuenta para no "deformar" las firmas.

El tamaño mínimo es de 256 x 78 pixels. Un tamaño menor que éste provoca que la firma no se redimensione.

 

Bien, ahora vamos a ver como usar estos argumentos en una etiqueta HTML para generar la firma dinámica.

La página que tendremos que llamar dentro de <img src=... /> es la siguiente:

http://www.transitopesado.com/prosign/display.aspx

Los argumentos se los pasaremos como indico a continuación.
Ejemplo 1: Crear una firma dinámica para ollydbg:

<img src="http://www.transitopesado.com/prosign/display.aspx?name =ollydbg" width="490" height="150" />

Ejemplo 2: Crear una firma dinámica para ollydbg y que el fondo sea siempre el número 44:

<img src="http://www.transitopesado.com/prosign/display.aspx?name =ollydbg&bgid=44" width="490" height="150" />

Observación sobre el lenguaje HTML: El primer parámetro siempre va precedido del símbolo ?, mientras que el resto de parámetros siempre van precedidos del símbolo &

El orden de los parámetros es indistinto, puedes usar el parámetro name antes o después que cualquier otro y con el resto igual, no tienen un "orden" fijo:

Ejemplo 3: Crear una firma dinámica para ollydbg pero con un tamaño de 420 x 129 pixels:

<img src="http://www.transitopesado.com/prosign/display.aspx?name =ollydbg&resizewh=420,129" width="420" height="129" /> 

Ejemplo 4: Crear una firma dinámica para ollydbg, con el fondo 44, de un tamaño de 420 x 129 pixels y que no muestre el contador:

<img src="http://www.transitopesado.com/prosign/display.aspx?name =ollydbg&bgid=44&resizewh=420,129&showcnt=0" width="420" height="129" />  

 

Bien, llegados a este punto y como los blog de Gamefilia si que permiten etiquetas HTML ( bieeenn!!!! :) es hora de usar nuestra firma dinámica.

Are you ready?

3
2
1
GO:

Ollydbg ProSignature

Cada vez que refresques esta página, se genera la firma dinámica.

En teoría la firma 1 estática también debería cambiar puesto que en este mismo post hay una firma dinámica que crea la/s firmas estáticas cada vez que se "llama" a la firma dinámica.

Por último indicar que la página del proyecto es esta:

http://prosign.transitopesado.com/

 

Lo dicho, dudas, sugerencias, como colaborar, en el botón de abajo :)


Saludos.
mov eax,ollydbg; Int 13h   

 

Actualización 31 de julio

 

La página del proyecto ya está completamente operativa y lista para nuevos registros.

Al final he quitado el tema del sistema de  invitaciones y ahora se puede registrar cualquiera, sin tener invitación.

He estado cambiando cosillas en el tema de la identificación del ISP, nombres con acentos y alguna cosa más.Al registrarse se tiene acceso al "panel de control" donde se pueden configurar las firmas.

Así por ejemplo este es el apartado de "Firma dinámica":


(haz click para agrandar)

Aquí se puede configurar y mostrar la etiqueta HTML que podréis copiar y pegar en aquellos blogs / foros donde sí permitan el uso de etiquetas HTML

En el apartado "Firma estática" se podrán configurar hasta 5 firmas:


(haz click para agrandar)

Se puede generar la/s firma/s estática/s y se muestra la etiqueta en formato BBCode que podréis copiar y pegar en auqellos blogs/foros donde únicamente se permitan etiquetas de tipo BBCode.

Vuelvo a repetir que las firmas estáticas se generan automáticamente cada vez que se visualiza una firma dinámica en cualquier blog/foro.

También está disponible la opción desubir una serie de "nombres":

Cuando se produce un nuevo registro el nombre del usuario aparece escrito en la parte superior derecha con un tipo de fuente "estándar" (Verdana en este caso)

Sin embargo desde esta opción del panel de control se podrán subir (y tambien borrar) "nombres" en formato *.png.

Estos nombres se usarán siempre de forma aleatoria, esto quiere decir que en una firma se usará un determinado "nombre" y en la siguiente otro "nombre" de forma aleatoria.

Estos archivos los podeís generar con el Photoshop, The Gimp, Paint.NET o cualquier otro programa de dibujo, incluso desde páginas del estilo CoolText.com, en especial este asistente (Glossy Logo) genera unos nombres bastante resultones.

La opción de "nuevo fondo" aún no está implementada. La idea es que cada usuario pueda subir sus propios fondos de firmas y compartirlas con el resto de usuarios. Como diría "aquel"...estamos trabajando en ello.

Y por último pero no menos importante tenemos la "galería de fondos":


(Haz click para agrandar)

Aquí se mostrarán todos los fondos disponibles, tanto los que son comunes a todos los usuarios como los que hayas subido desde la opción "nuevo fondo"

La galería va creciendo y a fecha de escribir esta actualización hay 122 fondos disponibles para las firmas.


Bueno, pues de momento esto es todo. Si alguien aún tiene alguna duda o crítica o lo que sea, puede dejar un comentario.

 

Saludos.
mov eax,ollydbg; Int 13h    

 

5
Valoración media: 5 (3 votos)

9 Comentarios:

Interesante... a ver si

Interesante... a ver si encuentro algunos fondos que esten guays y te animas a hacerme alguna firma xDDD

P.D: Buen blog, no lo conocía ;)

Saludos!!!

Joer menuda currada

Joer menuda currada Shocked

¿Has pensado en pedir ayudar en el foro dediseño grafico y multimedia? Seguramente haya mucha gente dispuesta a ayudarte en lo que necesites, a ver que cosas se pueden mejorar y demás. 

Flipo con lo que has hecho, de verdad X-D

Te doy 5 estrellas, pero mereces muchas más.

No te lo tomes a

No te lo tomes a mal...

...pero no he entendido una mierda  LMAO A ver, estás trabajando en un programa para hacer firmas y dices que si somos capaces de ayudar pongamos nuestro granito de arena, ¿No? Pues lo siento, pero yo sería más inútil que una piedra atada al cuello en el medio del Atlántico Innocent

Yo como Tidus 7 no me he

Yo como Tidus 7 no me he enterado de nada, cuando han salido los códigos esos me he perdio XD.

Yo en esto de firmas y códigos de este estilo soy un 0 a la izquierda.

Ostras Pedrin

... y yo que pensaba que me explicaba con claridad meridiana :)

Intentaré explicarlo de forma gráfica para que tidus 7, kilian xl y futuros navegantes entiendan algo.

PASO 1). Abrir este enlace (post de Diseño Gráfico y Multimedia de Zona Foro de MeriStation)
PASO 2). Mirar la firma de mi mensaje en el post anterior. A continuación cerrar la pestaña o ventana del enlace anterior en vuestro IExplorer, Firefox, Chorme, Opera, Safari...
PASO 3). Abrir este enlace (Blog "El lugar de los Recuerdos" de Gram_Schmidt)
PASO 4). Abrir el enlace del PASO 1). ¿Has notado algo "distinto" en la firma que estás viendo? :)
PASO 5). Abrir el enlace del PASO 3)
PASO 6). En tú navegador de internet, vete a la pestaña / ventana que se abrió en el PASO 4). Pulsa la tecla F5 o refresca la pantalla. ¿Has notado algo "distinto" en la firma que estás viendo? :)

Saludos.
mov eax,ollydbg; Int 13h  

Ostias, qué guay. ¿Cuantas

Ostias, qué guay. ¿Cuantas variantes tiene tu firma? Surprised

Coño, me has dejado a

Coño, me has dejado a cuadros...¿eres mago o algo?. Creo que me quedan muchas cosas que ver por internet XD.

Yo creo que he visto 4 cambios de firma por lo menos.

Con un "impresionante" me

Con un "impresionante" me quedo corto. Eso es en VB.NET o es ASP?

 Saludos!

Entrada Imprescindible

Por compartir con Gamefilia algo tan util en el mundo de Internet como un generador de firmas y tener la generosidad de querer ofrecerlo gratuitamente, sin olvidar el impresionante trabajo que hay tras el proyecto, esta es una entrada imprescindible