JMiur [E]

Bubble Weather by Enthropia
Contiene 118 íconos de 50×50 150x150 y 250x250 en formatos GIF y PNG.descargar
Design Carton
Contiene 10 íconos de 256×256 y 512x512 en formato PNG.descargar
DF Project by Navdeep Raj
Contiene 18 íconos de 256x256 en formato PNG.descargar
Leo Mix
Contiene 6 íconos de 256x256 en formato PNG.descargar
Lovely by LazyCrazy
Contiene 16 íconos en formato PNG.descargar
Thumby by murasaki55
Contiene 47 íconos de 256x256 en formato PNG.descargar

22 comentarios:

Nico  

Me gustaron las cajas :D

Responder
JMiur  

Quien lo hubiera dicho :D

Responder
Claudio Casco  

Hola JMiur, te conulté varias veces por mail. Quiero reemplazar en mi blogroll los iconos de Blogger y WP por otros tipo los tilde que tienes en tu sidebar.
Puedes guiarme para modificar el HTML del blog
Cordialmente, El Filomata

www.polikratos.blogspot.com

Responder
Anahí  

A mí me gustaron los lazycrazy y los thumby. Y esta vez me embromó, JMiur, no tengo ninguno... =P
Slds.

Responder
Gem@  

Quería llevarme Lovely by LazyCrazy pero no termina de descargarse :(

Responder
Gem@  

Ya lo tengo se ve que era mi conexión :s pero no puedo abrir el zip :(

Responder
JMiur  

El Filómata: ¿En qué parte exactamente? Es que no veo esos íconos en tu blog ¿Por ejemplo en la parte que tiene como título LECTURA OBLIGATORIA?

Anahí: Ohhhhhhhhhhhhhhhh MILAGRO MILAGRO MILAGRO :D

Gem@: Menos mal, suelo equivocarme con esos enlaces :D

Responder
Claudio Casco  

si justo ahi,o 10 ULTIMOS DE LAS BASES ocurre que yo le quite los iconos (aaplicando la opción de configuración) en ESPECIALISTAS no todos los link son de blogger o wp, son paǵinas de internet, en estos tambien quisiera colocar un icono.
Gracias

Responder
JMiur  

Perfecto. Entonces puede agregarse una imagen de fondo de este modo:

background: transparent url(URL_imagen) no-repeat scroll 0px 0px;

donde 0px 0px es la posición de la imagen, si debe centrarse un poco verticalmente, cambias el segundo cero por otro valor, positivos la mueve hacia abajo y negativos hacia arriba.

Eso, conviene colocarlo en una nueva definición del CSS antes de </b:skin> por ejemplo para LECTURA OBLIGATORIA sería así:

#BlogList2 li {background: xxxxxxxxxxxxxxxx; }

y para ESPECIALISTAS, así:

#BlogList3 li {background: xxxxxxxxxxxxxxxx; }

Podría haber algún otro detalle a retocar, dependerá de la imagen pero, una de 16x16 andaría bien.

Responder
martincasc  

Creo que me exprese mal J, en tu sidebar tienes LA PUERTA ABIERTA y EN LA BOLSA con links y "viñetas". Eso es lo que quiero colocar en mis blogsroll, y todo otro links que coloque en el futuro. Asi es como que quiero que queden.
Gracias nuevametne.
Saludos

Responder
Claudio Casco  

J, es probable que en el comentario anterior haya utilizado otro perfil de google.
El comment sobre el tema de las viñetas es válido.
Gracias otra vez

Responder
JMiur  

El código que te pasé, colocará es viñeta tal como está en mi sidebar. Sólo es una pequeña imagen de fondo que se colcoa en cada uno de los items de la lista (etiqueta LI)

Si pusiera una imagen igual en tu blog, vería algo como esta captura.

Responder
Claudio Casco  

Ya está!! Impresionante!.
Muchas gracias!
Cordialmente,

Responder
JMiur  

Me alegro que se haya resuelto :)

Responder
Carina  

Hola, acabo de crear un blog e investigando un poco por la red como darle formato e ir "decorándolo" a mi gusto me he topado con tu blog que la verdad es genial. De antemano darte las gracias por el trabajazo que tiene lo que haces. La cuestión es que no tengo muchos conocimientos de informática y a veces me lio. Me gustaría poner unos bocadillitos en los comentarios como los que tienes tú en el sidebar, pero no sé como se hace. También me gustaría colocar unas viñetas a los enlaces a sitios web. Gracias, un saludo.

Responder
JMiur  

Carina:
Para eso, necesitas identificar el elemento que vas a modificar, por ejemplo, los Ultimos Comentarios en tu blog tienen este ID HTML3. Así que, antes de </b:skin> que es donde está todo el CSS de lblog, definirás algo así:

#HTML3 li {
list-style-type:none;
background: transparent url(URL_imagen) no-repeat left top;
padding-left: 20px;
}

En ese ejemplo, colocas donde dice URL_imagen la imagen a usar, una pequeña que será el fondo de cada item de esa lista. Luego, con padding-left controlas cuánto se separará el texto hacia la derecha (para que no esté arriba de la imagen), el valor, deppenderña del tamaño de la imagen y de tu gusto personal.

Como extra, en background hay dos datos: left y top. Con este último, controlas la posición de la imagen de fondo, por ejemplo si se ve demasaido arriba, en lugar de top colocas un valor 5px o cualquier otro y eso, la bajará. Si hay que subirla usas valore negativos.

Responder
Carina  

Muchas gracias por contestar. Mi duda es, si tengo la imagen en mi pc, necesito subirla a la red para conseguir la url ¿no? Un saludo.

Responder
JMiur  

Carina:
Sí, debes subirla a la web. Usa cualquier servicio de alojar imágenes o mejor, súbelas al mismo Blogger. En un post, subes la imagen, miras en la pestaña HTML el código de la URL y luego, o lo borras o lo guardas como borrador, no hace falta publicarlo. La imagen quedará alojada en Picasa como cualquier otra que subas desde el Editor de Entradas.

Responder
Carina  

Muchísimas gracias. No sabía que se podían alojar en el mismo blog. También gracias a tu blog di con la manera de poner avatar en los comentarios, pero al hacerlo el recuadrito de cada comentario se ha desplazado a la derecha y no sé como hacer para que el avatar salga encima del cuadradito y no a la izquierda. En fin, soy un desastre:)

Responder
JMiur  

Carina: Sí, cualquier imagene siempre es mejor alojarla en Blogger. Se guardan en una cuenta asociada de Picasa que se crea automáticamente.

Para el avatar de los comentarios, sugeriría que agregaras esto pero justo después de <body> para sobrescribir algunos datos que colcoca Blogger por defecto. Sólo es una idea general:

<style>
#comments-block.avatar-comment-indent {margin-left:0;}
#comments-block .avatar-image-container {left:0;}
.comments-title {padding:0 5px 5px 45px;width:557px;}
</style>

Responder
Carina  

¡¡Perfecto!! Mil gracias, todo arreglado, mi blog va tomando forma y en gran parte gracias a ti:)

Responder
JMiur  

Me alegra que se comprendiera :D

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