JMiur [E]

Una forma sencilla de tener herramientas de diseño sin necesidad de instalar software o extensiones en los navegadores es utilizar bookmarklets que no son otra cosa que enlaces que ejecutan algo.

En todos los casos, basta arrastaralos a la barra de marcadores o añadirlos con el botón derecho del ratón; luego, cuando los queremos usar, basta hacer click en el marcador para ejecutarlos.

Estos son dos de ellos especiales para quienes quieren diseñar páginas web:


Design Suite es un conjunto de herramientas que incluye una grilla, reglas y algunas otras cosas que nos facilitan la tarea de medir cualquier parte de una página web, alinear correctamente los diferentes elementos, etc.


Favelet Suite nos abre una ventana con una serie de opciones disponibles que incluyen listas de colores, visor de atributos, etiquetas y objetos, posibilidad de ver el código fuente o la hoja de estilo del sitio, información general y varias herramientas para remover o redimensionar elementos.

11 comentarios:

MyM  

Dos propuestas muy interesantes, JM. Gracias por compartirlas. Un cordial saludo.

Responder
Beben Koben  

I've been collected links of the great bookmarks ;)
hihihi...do you want to know? :D
cheers :)

Responder
Anónimo  

hola!
En primer lugar felicitarte por el trabajo que realizas, en segundo lugar pedirte perdon por preguntarte una cosilla que no se donde hacerlo..bueno, la pregunta es...
Como puedo inserir los logos de suscripcion (rss,mail,f,t)todos juntitos y bien alineados en la parte derecha de mi blog? que codigo (se dice asi?) utilizo?
No se si es correcto poner aqui mi blog?...de todas formas esta en el perfil del coment...creo.....perdona mi ignorancia, !!!
gracias mil!!!!

Responder
La hormiguita  

genial, gracias :)

Responder
JMiur  

Arrebato Demencial:
No hay forma de decirte nada sin saber si son iguales o distintos, cuál es su tamaño, etc ya que no hay una sola solución genérica.

Responder
Anónimo  

Hola! Gracias por el interes, bueno, los iconos de suscripcion estan en mi blog, luego de hacer esto tendrian un alto y ancho de 50.
Si necesitas mas info, quieres que te mande mail?

Responder
JMiur  

Beben Koben:
I have to delete your comment because the link included it's reported as a troyan by the antivirus. Please, check it.

Arrebato Demencial:
Los códigos a usar son los mismo; son simples enlaces con una imagen y se colocan todos en un elemento HTML:

<a href="DIRECCION"><img src="LAIMAGEN"></a>

Lo puedes hacer en un post borrador y luego, copiar el código HTML generado y pegarlo en ese elemento de la sidebar que debes agregar.

Puede haber más detalles pero, hay que verlo una vez puestos.

Gaara2k:
El sistema que uso para los banners, lo puedes ver explicado en esta entrada

El fondo de tu blog tiene 1263 pixeles de ancho así que, cuando lo miras en un monitor más ancho, se ve hacia la izquierda porque así está posicionado. Podrías centrarlo de este modo:

body {
background: url("http://2.bp.blogspot.com/_VpGrFvPOj74/TJv8i4a1SUI/AAAAAAAAAAs/Bo6-6wfXwqI/s1600/background.png") repeat fixed 50% 0 transparent;
.........
}

ese 50% indica que se muestre en la mitad de la ventana, sea cual sea su resolución aunque, claro, si esta excede los 1263 pixeles de ancho, el resto, los laterales, se verán de color negro porque, el fondo, se repite..

Sobre las letra, poco puedo decir, como están sobre una imagen de fondo tan fuerte, es decir, con tantos colores, conseguir que lo que se escribe encima resalte, no es nada sencillo.

Responder
Anónimo  

Hola Jmiur, MUCHAS GRACIAS!!!!!!! funciona de maravilla, es justo lo que queria, muchas muchas gracias por perder el tiempo con un servidor pues parece que esto es muy simple y elemental, de verdad muy agradecido, si alguna vez necesitas alguna consulta acerca del cine de terror, ya sabes, pasate por mi casa, que desde hoy tiene un trocito de tu saber hacer....hasta pronto compañero!

Responder
JMiur  

Me alegra que se comprendiera :D

Responder
Lisandro  

¡¡buenisimo!!

Responder
JMiur  

Todos los títulos de los widgets, etán controlados por una regle genérica:

h2 { ....... }

Si quieres ca,bair ese sólo, deberás editar el widget mismo, buscar esa etiqueta H2 y allí mismmo, ponerle el estilo.

Tambien podrías crear una regla para ese widget específico:

#HTML1 h2 {}

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR