Generador de botones 2.0 | Oloblogger En la página Peter J.S. hay una sencilla aplicación, que sirve para generar pequeños botones con el tan manido estilo 2.0. Pinchando en e...

31 de octubre de 2007

Generador de botones 2.0

En la página Peter J.S. hay una sencilla aplicación, que sirve para generar pequeños botones con el tan manido estilo 2.0.

Pinchando en el enlace se nos presenta directamente un formulario para introducir el texto que debe acompañar al icono. Si lo que quereis es sólo la imagen, como no se aceptan cadenas vacías, teclear un espacio con la barra. Otra opción sería bajarse la imagen y posteriormente recortarla con cualquier programa de tratamiento de imágenes.

A continuación se ve el menú de iconos. Simplemente hay que seleccionar aquel que queremos, ver el resultado en "Preview" ("Go back" si no nos gusta") y por último "Generate Button".


Abajo a la izquierda hay un desplegable A-Z, desde el que se puede acceder a todos los botones, clasificados por su inicial (en inglés).

A continuación se abre el explorador de carpetas para que indiquemos dónde y con qué nombre queremos guardar el archivo. Lo hacemos y listo: ya tenemos la parte gráfica de nuestro botoncito para colocar donde queramos... añadiendo el código de enlace que corresponda, claro.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

13 comentarios :

  1. .-No he visto dirección de correo.e y por eso me pongo en contacto con vosotros por aquí.
    .-Quiero aumentar el espacio entre líneas de mis entradas pero no sé dónde tengo que modificar exactamente el código heigth-line.
    .-Gracias anticipadas, Andybel.

    ResponderEliminar
  2. El correo está en la barra lateral de la derecha, arriba. Creía que se veía bien.

    Busca en tu plantilla la siguiente parte:

    /* Posts
    ----------------------------------------------- */
    h2.date-header {
    margin:2em 0 .5em;
    color: #993333;
    font: normal normal 78% Georgia, Serif;
    }
    .post {
    margin:.5em 0 1.5em;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    }

    Ahí lo tienes...
    Un saludo,

    ResponderEliminar
  3. El correo está en la barra lateral de la derecha, arriba. Creía que se veía bien.

    Busca en tu plantilla la siguiente parte:

    /* Posts
    ----------------------------------------------- */
    h2.date-header {
    margin:2em 0 .5em;
    color: #993333;
    font: normal normal 78% Georgia, Serif;
    }
    .post {
    margin:.5em 0 1.5em;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    }

    Ahí lo tienes...
    Un saludo,

    ResponderEliminar
  4. .-Localizo esa parte en mi plantilla. Hago pruebas cambiando la magnitud del parámetro line-heigth pero no veo cambio en el ancho de líneas cuando le doy a la vista previa...
    .-Acaso hay que "guardar cambios en plantilla" para poder confirmar los cambios...???
    .-Gracias, Andybel.

    ResponderEliminar
  5. No. No hace falta grabar para ver los cambios. Prueba con 5.0em por si es que estás cambiando muy poco el parámetro y no lo aprecias a simple vista.

    Si sigue sin funcionarte, graba tu plantilla en un fichero y enviamela por correo electrónico (ahora que sabes dónde está :-)

    ResponderEliminar
  6. Perdón, creo que me acabo de dar cuenta de lo que pasa. Se ve que estás intentando cambiar el valor line-height en la etiqueta H3, que es la del título.
    Añade en el apartado...
    .post {
    margin:.5em 0 1.5em;
    }

    la instrucción line-height: 2.0em;

    .post {
    margin:.5em 0 1.5em;
    line-height: 2.0em;
    }

    Ahora si te debe funcionar

    ResponderEliminar
  7. Ahora que he visto que vuestra plantilla es la "HARBOR DEL AUTOR DOUGLAS BOWMAN", el sitio dónde teneis que incluir la instrucción LINE-HEIGHT es en .POST P{

    .post p {
    margin:0 0 .75em;
    line-height:5.0em;
    }

    Ese 5.0 es para exagerar, para que veais que funciona. Realmente hace referencia a una altura proporcional al standard de la plantilla.

    Así, si cambiais el tipo de letra general, cambia también la altura por línea dedicada al texto.

    Si preferís, podeis poner una altura fija, indicada en pixels. Por ejemplo line-height:12px;

    Lo he probado en una plantilla igual para asegurarme que funciona. Si ya no os va, es que algo habreis cambiado en la plantilla original que está afectando.

    Un saludo,

    ResponderEliminar
  8. .-Bueno, parece que sí que funciona; aunque a según que entrada del blog le afecta de diferente manera. En el último post afecta sólo a la primera línea y no al resto de párrafos... No sé si tiene algo que ver con la división html de párrafos por el comando div...?
    .-De todas maneras, gracias por tu colaboración y espero que todas estas pruebas ayuden a muchas personas más que también utilicen esta misma plantilla.
    .-Gracias Oloman, nos seguiremos viendo...
    .-Andybel.

    ResponderEliminar
  9. si os gusta el mundo del futbol,y no teneis canal olus para ver los partidos,no te preocupes,porque podras ver todo el futbol gratis entrando en esta pagina web www.palimpalem.com/2/lawebdejuanki

    ResponderEliminar
  10. Hola!!! navegando en busca de plantillas, me encontre con tu blog, me ennnnnnncanto!! pero mira ya som las 5.30 y he estado leyendote largo rato, me gustan muchos los chiches que colocas , y ese botonazo de los feed !!! la casita de inicio... todo , ya intentare probar algo de todo lo que posteas , muchisimas gracias.. desde Argentina..Rosario .. mi Blog es medio comercial y y medio utilisimo , entra sin compromiso ..
    saludos
    Gabriela

    ResponderEliminar
  11. Olvide apretar el BOTONAZO jaja me lo llevo

    ResponderEliminar
  12. Hola

    Estoy intentando acceder a los enlaces y me da network error.
    ¿Me podrías ayudar?

    Gracias

    ResponderEliminar
  13. No es problema tuyo, Javierlota. El post tiene más de dos años y eso es mucho tiempo en internet. Los destinos han desaparecido de su alojamiento original. Ya buscaré otros...

    ResponderEliminar