17

Menú o lista.

Dos códigos sencillitos para hacer un menú desplegable y una lista. Donde pone ejemplo 1, 2, 3 ponéis lo que queráis.

Código uno:

<select name="select"><option>Ejemplo 1</option><option>Ejemplo 2</option><option>Ejemplo 3</option></select>

El resultado:



Código dos:
<label><input type="radio" name="GrupoOpciones1" value="opción">Ejemplo 1</label><label><input type="radio" name="GrupoOpciones1" value="opción">Ejemplo 2 </label>

El resultado:

Entradas Relacionadas:

17 comentarios:


Carlos Nonato

Rosa dijo...
"porno" dejar de reirme con tu post me duelen hasta las costillas.
¡muy bien pensado el experimento!
me acordare de vez en cuando de poner porno en google a ver como va...
Saludos.

00:33


Carlos Nonato dijo...
Jajajaja, menos mal que el counter me dice a través de qué entraste, que si no pensaría que ya lo habías probado. Venga, que cuanto te pillen viendo guarreridas te dejo ponerme de excusa.
Por cierto, me presta eso de tener lectores de la tierrina: ya sois tres... Y menuda nevada tendrás hoy a la puerta de casa, ¿no?. Uf, hace siglos que no paso yo por Moreda.
Ah, y muy chulo tu blog. Ya iré pillando cosas de ahí, porque estoy "chofisticando" el mío poco a poco y veo que tienes buenos trucos y enlaces. Los gañanes como yo lo agradecemos. Mola un gü**o el relojito, por ejemplo.
Saludos desde el destierro.

Rosa

Gracias Carlos por tu visita, la verdad es que tu post me hizo mucha gracia, tanto que cuando me acuerdo se lo comento a quien pillo, je,je.
Pues si, en Moreda nos rodea la nieve, menos mal que estamos acostumbrados...

pablo

hola rosa q tal no sabia donde preguntate esto perdona por hacerlo aqui.veras ,hay algun modo para que cuando publicas una entrada en blogger y despues publicas otra ,que la anterior la ponas la primera sin necesidad de borrarlo y volverlo hacer,es decir mover las entradas de posicion.gracas un saludo¡¡¡

Rosa

Pablo, no tienes que borrar y volver a publicar la entrada. Si tienes una entrada publicada ayer, por ejemplo, y publicas otra hoy, con ponerle a la que publicas la fecha de ayer y la hora antes que la de la otra, saldrá después de la de ayer...creo que me he explicado fatal...

En fin, que cada entrada se ve en la fecha que la publicas, puedes ponerles fechas antiguas y no saldrá la última.

Jordi Casadevall

Buenas ROsa,

me estaba preguntando ¿donde tienes si es que lo tienes, la expliacion para que cuando se clicke sobre una de las etiquetas del menu, en vez de que salgan todas las entradas completas, salgan solamente el titulo, y el numero de comentarios por ejemplo.

Gracias y enhorabuena por tu blog! me es de gran ayuda!

http://jordicasadevall.blogspot.com

Rosa

Jordi, puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Jordi Casadevall

Muchas gracias Rosa, como siempre, tus comentarios me han sido de mucha utilidad.

saludos!

Sidhe

Holis Rosa :P

Una cosita.. con esto ¿se podrá hacer una encuenta?

Eso..
Graacias!

Rosa

Sidhe, tal como entendemos una encuesta con posibilidad de votar "en vivo" no.

Para hacer una encuesta lo más fácil es usar el Gadget de Blogger "encuesta"...

Biblioteca Popular

Hola Rosa, te escribo desde Argentina y ante de pedir debo (por que ansí me han enseñao) agradecerte por tanta amabilidad, dedicación y prolijidad con la que ayudas a la gente en esto que a tantos nos interesa. Quiero que mi deseo no sea una mera adulación común, es que esa felicidad que le da a uno cuando, gracias a ti, nos salen estos truquitos, deberíamos enfrascarla y regalártela ara que de verdad la sientas.

En lo que a mi duda respecta, estoy armando un Blog Biblioteca y quiero poner en la Sidebar a todos los autores de los libros que ofreceré para su descarga. Y me gustaría que al apretar en un autor se despliegue la lista de los libros que a escrito éste, y que al seleccionar el libro se lo pueda descargar.
Yo se como hacer los link pero no encuentro la forma de encajarlos o enfrascarlos dentro del Autor. Me encantaría algo sencillo como la lista de blogs de ayuda que tu tienes pero que al apretar sobre uno se desplieguen los links de los libros. Espero que puedas ayudarme o recomendarme alguna alternativa.
Muchas gracias por tanta ayuda, un fornido abrazo.

Julio Bernabé.
http://bibliotecapopularargentina.blogspot.com

Mi Blog

Rosa

Biblioteca, pues lo único que se me ocurre es hacerlo como tu dices, mediante enlace, podrías colocar el nombre del autor usando un código que al pinchar sobre el desplegase los enlaces a las descargas.
Este te serviría creo:
http://elescaparatederosa.blogspot.com/2007/11/mostrar-y-ocultar.html

Sandunga

Rosa: es la primera vez que entro en tu blog y me pareció sumamente interesante y de gran ayuda para armar el mío.

Ahora las dudas. Coloqué este script en el blog (con la herramiento html), tal cual vos lo pusiste acá, cambiando unícamente el nombre de las opciones. Pero se ve mal, puedes comprobarlo tu misma en http://rosariovibra.blogspot.com/. No se por que, ya que no le cambie nada.

Mi segunda consulta sería como hacer para que cada valor remitiera a un enlace puesto por mí en vez de a una etiqueta. Desde ya muchísimas gracias.

Rosa

Sandunga Perdona :$ había un error en el código que ya está solucionado, vuelve a copiarlo por favor.

Para enlazar lo que sea tienes que colocar en lugar de Ejemplo 1, Ejemplo 2, etc.. el enlace así:

<a href="http://rosariovibra.blogspot.com/"> Inicio</a>

Como cualquier otro menú...hay que hacerlo a mano enlace por enlace.

FILÁ NOSOTRAS

hola Rosa en este menu: codigo 2


¿como puedo poner una imagen? si es que se puede, un abrazo

Rosa

FILÁ NOSOTRAS ¿Te refieres a una imagen sustituyendo a los círculos?... supongo que se podría, pero ya no tendría la misma funcionalidad que ahora... mucha gente no sabría que esa imagen es para marcar la opción, por ejemplo...

FILÁ NOSOTRAS

no me refiero a los circulitos del menu, realmente lo que quiero poner es una imagen en el fondo de las etiquetas o menu.
pero que no salga en toda la sidebar solamente en ese widgets

Rosa

FILÁ NOSOTRAS

[1] Una vez situados en nuestro panel de Blogger, vamos a la pestaña de "Diseño" y pinchamos en "Edición de HTML".

Sin expandir la plantilla de artilugios localizamos el código que pertenece a los widget y que, estará representado cada uno, por una línea parecida a esta:

<b:widget id='HTML12' locked='false' title='Mis lecturas' type='HTML'/>

[2] Nos fijamos en la línea del widget concreto al que vamos a ponerle la imagen de fondo, si tiene título añadido nos será mucho más sencillo de localizar.
Una vez localizada la línea, nos fijamos en su id que es siempre distinta para cada widget.
En el caso de mi ejemplo, el id es HTML12

[3] Nos situamos ahora más arriba, en el código CSS de la plantilla y siempre antes de ]]></b:skin> colocamos el código necesario para mostrar laimagen en ese widget concreto:

#HTML12{
background: url(DIRECCION_DE_LA_IMAGEN);
}

[4] Por último tendremos que repetir estos mismos pasos para cada widget al que vayamos a ponerle imagen de fondo.

Publicar un comentario en la entrada

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