31

Iconos en el elemento de Archivos

BrianERC me consulta en un comentario como colocar un icono en el elemento "Archivos" tal como ha visto en otro blog.
Hace tiempo había explicado en otra entrada como eliminar o sustituir por un icono el ▼ del elemento "Archivos".

Lo que haremos ahora es mostrar un icono antes y después de ▼ tal como BrianERC me solicita.


[1] En primer lugar tenemos que añadir un nuevo elemento "Archivo" a nuestra sidebar y escoger mostrarlo en opción "Jerarquía" (eso se hace en las opciones que Blogger nos proporciona al añadir el elemento).

[2] Colocamos unas líneas de CSS en nuestra plantilla "Edición HTML" sin expandir artilugios, como siempre digo, lo mejor para no equivocarse es hacerlo antes de ]]></b:skin>:

#ArchiveList ul li a{
padding-left: 20px;
padding-top: 5px;
background: url(url_de_nuestro_icono) center left no-repeat;
}

[3] Usamos la vista previa y si todo está bien, guardamos los cambios.

Iconos archivo

Entradas Relacionadas:

31 comentarios:


Anónimo

Hola Rosita!

Paso a saludarte y a desearte toda la buena salud que te mereces.

Me hacía falta saber que estabas en la red.

Un fuerte abrazo,

Lia.

Anónimo

que buena onda rosa, gracias por el dato para aplicarlo....un saludo

Unknown

Eres increíble!, ya has resuelto todo!, muchas gracias!, no se como agradecerte y más aún por el enlace!, si hay algo que pueda hacer, sólo dilo =D

Ya me pondré a trabajar para lograr eso!, y disculpa que te moleste de nuevo, pero sigo con mis dudillas, como puedo hacer por ejemplo, para que ese icono que agrego a la izquierda de los elementos (etiquetas, archivo, titulo, etc...) cambie por otra imagen al pasar el mouse por encima del enlace?

Gracias!, lo menos que puedo hacer es agregarte a mi blogroll, y es lo que voy a hacer en este momento :-)

Saludos y suerte!
Se feliz ^^

Anónimo

Hola rosa te felicito por tu blog es exelente, quisiera consultarte algo, habrá alguna forma de paginación de las entradas de bloggers, asi como paginación de entradas para WordPress, o almenos algo parecido, agradecería mucho tu ayuda. Saludos

Anónimo

Rosa:
A tiempo de agradecerte la ayuda q siempre estas dispuesta a darnos quisiera felicitarte por tu blog.
Te escribo por un problema que tengo me encanta el truco de "Títulos expandibles en los post de las etiquetas" pero tengo un problema con mi plantilla todos los pasos me salen bien lo unico que no puedo colocar (por que mi plantilla es diferente al del post) es la parte abajo de
POST
no puedo colocar lo q esta de rojo en el ejemplo espero que puedas ayudarem te envio el codigo que tiene mi plantilla en esa parte abajo del post a tu correo, espero que puedas ayudarme, y mejor si me respondes aqui mismo chauu y gracias

Pipore

Hola Rosa,
muaaaaah!

Nada más, muchas gracias

Anónimo

BrianERC, gracias a ti!

Algo como eso que me pides tengo en "borradores" en cuanto pueda lo publico.

Anónimo

stban, pues lo siento mucho :-X pero no he visto tu email...¿lo has mandado a lejeniaimposible@hotmail.com?

Anónimo

Ligia, gracias cielo, si, aquí sigo...con problemas en mi conexión que me están "fastidiando" continuamente. :-(

Anónimo

sharys'ce Gracias!

Super, un abrazo! :-L

Anónimo

Anónimo, no, no lo hay, al menos yo he investigado sobre eso y no he dado con nada...

Anónimo

Bueno amiga Rosa te reenvie de nuevo el correo espero que esta vez si lo recibas y rebices bien tu bandeja de entrada en correos no deseados y en borradores puede que este es uno de esos, pero me quedo la duda cual es tu correo ?lejaniaimposible@hotm.... o lejeniaimposible@hotm...

bueno mi correo es stban_lp@hot...

Bye espero que lo recibas chau

Anónimo

Bueno amiga Rosa te reenvie de nuevo el correo espero que esta vez si lo recibas y rebices bien tu bandeja de entrada en correos no deseados y en borradores puede que este es uno de esos, pero me quedo la duda cual es tu correo ?lejaniaimposible@hotm.... o lejeniaimposible@hotm...

bueno mi correo es stban_lp@hot...

Bye espero que lo recibas chau

Unknown

Estaré al pendiente de tu blog :-D
NO! Gracias a ti!, realmente es un espectáculo la cantidad de cosas que has logrado hacer de blogger, si te interesa, yo he intentado hacer algo bueno para blogger y conseguí una cosa que a mi me resulta de utilidad, y tal ves a ti también, generar tags para bitacoras.com automaticamente, lo que hace es asignar las etiquetas/categorías que le proporcionas al artículo como tags para bitacoras.com.
Por supuesto no se compara ante estas cosas que has logrado hacer tú!, eternamente agradecido!, te sigo desde feeds, saludos y suerte!
Se feliz ^^

Antony

Hola!

Bueno Muchas gracias por la ayda prestada, ya pude organizar las imagenes de mi directorio del blog. Yo las organizaba con tablas pero me salia todo mal. Gracias!

Saludos!

espacio joven blog

Hola rosa, pues me quedare con las ganas de esas mas de 2000 imágenes de fondo para mi blog pero te agradezco la ayuda, solo hay relojes ya los vi, saludos, esta bueno tu blog pasare seguido. =)

Ruth

ha por cierto te dejo un enlace aqui para que lo publiques en tu blog de eternamente cabreada jaja saludos

Unknown

Hola mi preciosa!!!, ahora que ya hice muchas nenas y nenes, les ha encantado a los Pekes!!!, voy por la herramienta de quitar el fondo jajaja veré si puedo y luego, luego, luego te pediré ayuda para colocar unas palomitas en la cabecera. Muchos besitos y abrazos!!!

Anónimo

Hola Rosa!!
Nada, ante todo felicitarte por el blog (uno más... suma y sigue...).
La verdad es que no hay mucho que pueda decir para alabarte a ti y a tu blog que no se haya dicho con anterioridad, pero después de tantos días leyendo tus explicaciones y viendo tu gran trabajo no puedo hacer menos que quitarme la boina ante ti. (Si, si, boina de las de pueblo…)
Bueno, ya que estoy aquí, y por aportar un miguita al pastel, aprovecho para remitirte un post de una página que me acaba de enderezar todos los problemas de divs que tenía en mi blog, por si acaso a alguien le sirve.
Se trata de sustituir el ‘clear:both’ que tantos problemas trae a veces por la explicación de la página para solucionar los problemas internos del ‘div’, además de permitirte agregar el ‘clear:both’ para arreglar los problemas exteriores del ‘div’. (Vamos, que seguro que os parece una tontada, pero a mi me ha ido de fábula mientras me peleaba con el ‘post-footer’)
Pues nada, que eso, un abrazo y mis mejores deseos para ti, para tu blog y para todos aquellos que dan por el simple hecho de querer. (Y en tu caso poder :))

Anónimo

Jajajaja!
Con tanta cháchara se me había olvidado de añadir el link :S

LINK

BESOS!!!

Anónimo

Jordi, muchas gracias por el enlace, sin duda lo revisaré a fondo ;-)

Me has hecho reír un buen rato imaginando que de verdad llevas boina :D cosa que dudo mucho, ji,ji.

Anónimo

Graciela, vas a tener que poner una fabrica de bebés :D:D

Anónimo

espacio joven blog , es lo que pasa en esto del Internet...un día estamos y de repente, al otro ya no:-(

Anónimo

BrianERC , está genial eso de las tags para bitacoras, lo probaré yo misma como suelo hacer...y te cuento, tal vez salga una entrada al respecto, citando la fuente, por supuesto ;-)

Anónimo

Antony, gracias a ti!

Fender Stratokaster

Hola amiga, mi nombre es Fender. Ando curioseando por aquí porque tienes un amigo que te hace mucha publicidad.

Me gustó ese recuadro de “Leer Comunicado” en la parte superior de tu blog. ¿Podrías facilitarme su tutorial? no logré localizarlo en el menú.

Saludos y felicidades, tienes un blog muy agradable.

p.d. En colores eres la antítesis de JMiur.

Anónimo

Fender, pues si, el Gran Jmiur :D no solo es amigo, sino maestro.

Puedes encontrar lo que dices aquí:
http://elescaparatederosa.blogspot.com/2007/11/mostrar-y-ocultar.html

Si, es cierto, a mi me encantan los espacios blancos y los colores suaves e "ingenuos"

Un abrazo:-L

Unknown

Hola Rosa!, ojala te sirva lo de las tags para bitacoras.com, he estado sin internet unos días y los he sufrido jaja!, esto ya es una adicción...
Bueno muchas gracias por probar el "plugin" =D
Saludos y suerte!
Se feliz ^^

MARGA'S HAPPY CRAFTS

Siento ser pesada, pero ¿no puedo utilizar iconos que tengo yo en mi PC?

Mil gracias.

MARGA'S HAPPY CRAFTS

Perdon he publicado demasiado rapido, ¿si no puedo utilizar mis iconos, donde puedo encontrarlos?

Anónimo

MARGA, puedes usar los que tienes en tu PC siempre que antes los subas a una página de alojamiento de imágenes para usar luego su url.

Anónimo

Funciona a la perfección Rosa! Además le quité la numeración de archivos y en vez de jerarquía lo puse en lista así (espero que salga) :D
#BlogArchive1 li a{

Saludos!

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S