Algunas veces tenemos mucho contenido que agregar en una entrada pero no queremos mostrarlo todo de un solo golpe, ya sea porque no queremos que la entrada se haga demasiado larga o porque queremos que el contenido se vaya descubriendo poco a poco.
Y sí, ya antes habíamos visto cómo expandir y contraer partes de una entrada usando Scriptaculous y que le da un efecto deslizante, pero como a muchos no les gusta usar Scriptaculous vamos a ver otra forma de hacerlo usando un simple javascript que aunque no tendrá efecto alguno cumple su función muy bien, que será la de mostrar y ocultar contenido.
Y sí, ya antes habíamos visto cómo expandir y contraer partes de una entrada usando Scriptaculous y que le da un efecto deslizante, pero como a muchos no les gusta usar Scriptaculous vamos a ver otra forma de hacerlo usando un simple javascript que aunque no tendrá efecto alguno cumple su función muy bien, que será la de mostrar y ocultar contenido.
Puedes ver un ejemplo haciendo click en el siguiente botón.
Podemos incluir dentro cualquier cosa que se nos ocurra, ya sea una tabla, una imagen, un reproductor de audio, un video, etc.
Para usarlo en tu blog sólo basta con poner este código en una entrada cada vez que lo quieras usar:
<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>
Ahí sólo tienes que agregar donde se indica el contenido que quieres ocultar. Si el botón no te gusta mucho puedes leer esta entrada para saber cómo personalizar los botones.
O bien, puedes usar un enlace de texto en lugar de un botón
En ese caso el código a usar es este:
<div class="divspoiler">
<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar ▼▲</a>
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>
O si lo prefieres también puedes usar una imagen.
Ahí el código sería este:
<div class="divspoiler">
<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>
Bastante práctico y fácil de usar ¿no? Puedes agregar varios en la misma entrada sin necesidad de cambiar alguna ID ni nada de eso. Sólo procura no cambiar a la pestaña Redactar una vez que lo pongas y no modifiques los espacios del código para que funcione correctamente.
Ciudad Blogger
Genial!, muy simple y muy practico!
ResponderEliminar;D muy bueno pero ya ya es muy viejo, pero siempre es muy util yo lo utilizo simbre desde que lo descubi, ace como 6 meses lo uso en la mayoria de las entradas que hago, ;D pero bueno de todos modos es muy util.
ResponderEliminarSuerte!
Muy bueno gracias ^-^
ResponderEliminarasi!!
ResponderEliminaroie Potro no tienes una entrada en la que las nuevas paguinas no tengan los gadgets no aparescan como el inicio?
aqui andare dando al abuelta x mientras :D
Gracias.
http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
ResponderEliminarO si usas una plantilla del Diseñador:
http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html
A mi no me funciona, trataré con proximos posts a ver si consigo que aparezca el mensaje oculto :P
ResponderEliminarmmm........interesante mi seductor potro, gracias por el tip!!!
ResponderEliminarPues qué interesante. Me lo anoto!!!!!
ResponderEliminarUn besote
Orale muy bueno! Gracias!
ResponderEliminarNO SABIA QUE SOS NO SIGNIFICABA NADA JEJEJE
ResponderEliminar✿ Belle ✿, habría que ver en cuál blog y en qué parte lo has puesto para encontrar el problema.
ResponderEliminarKary, qué bueno que te gustó mi linda Kary ;)
Laube, gracias por el beso, otro para ti!
Microboy90, a ti por tu visita!
ResponderEliminarnEjO, sacado de Respondones :P
MaG@S RaDioMuSiC, gracias a ti por estar!
Este tipo de boton es muy bueno y facil de usar yo lo utilizo mucho en mi blog
ResponderEliminarGracias potro. Esta muy bueno el video de los estornudos jajaja :) saludos
ResponderEliminarpotro andaba buscando algo parecido A Eso.
ResponderEliminarAndaba Buscando expandir y contraer pero un gadget o cualquier otra cosa en el sidebar
Pliss! Ayudame
Muy bueno, jejej y gracias por la advertencia de la pestaña redactar :)
ResponderEliminargracias potro genial algo que estaba buscando
ResponderEliminarpotro te queria pedir un favor es que ahora tengo una plantilla que nose modifica con blogger y nose en donde encontrar al codigo para cambiar el color a el fondo de mis entradas este es my blog http://cinecolombi.blogspot.com/2011/04/ver-online-infierno-al-volante-3d-furia.html
Posteador web para cambiar el codigo busca algo como esto
ResponderEliminar.post {
background: #FFFFFF;
margin-bottom:15px;
padding:10px;
}
.post-body {
font-family:"lucida grande","segoe ui",verdana,helvetica,arial,sans-serif;
font-size:13px;
border-bottom:#e0e0e0 1px solid;
}
.main p {
margin:0px;
}
creo que cambiando lo que esta en negrita por otro codigod e color puedes modificar el fondo de tus entradas
Potro, una duda como pongo esa Trivia que pones de ejemplo en el post?
PeliculasTube, requete fácil y práctico ;)
ResponderEliminarEmilio, muchos mocos volando :P
_R054R!0_, ya mero viene esa entrada, ya está programada ;)
posteador web, exactamente como te ha dicho Kron.
ResponderEliminarKron, aquí está la info, pero es mucho muy sencillo por ahora ;)
che son grandes grandes gracias por ayudarmen + 10
ResponderEliminarOk Potro
ResponderEliminarEsto esta de lujo Potro
ResponderEliminarComo siempre gracias
Gracias a ustedes por su visita ;)
ResponderEliminarMe parece fantástico, Potro!! Qué bien puede quedar en el blog, muy profesional. Gracias!!
ResponderEliminarhola potro hoy te queria preguntar algo es que comenze a postear para my web y otro blog y al psotear algo tengo una nueva interfaz de portear es muy maluca me gusta mas la anterior nose si tu sepas como utilizar la anterior forma de postear es que esta es muy maluca y muy dificil de entender las funciones gracias muy amable
ResponderEliminarPat.mm, seguro que sí, y lo mejor de todo es que es super sencillo de usar :)
ResponderEliminarposteador web, ¿te refieres a la nueva interfaz de Blogger? Yo aún no la tengo, así que todavía no sé si se pueda regresar a la anterior, pero en cuanto la tenga lo reviso y te digo ;)
En tu blog de ciudad blogger BETA, ¿cómo has puesto los enlaces para que cuando se ponga el ratón cambie de color?
ResponderEliminarhttp://ciudadbloggerbeta.blogspot.com/
Gracias :)
Hola, Potro! Gracias por este truco, que no lo conocía. Voy a probarlo, pues a mí me sería muy útil, pues tengo algunas entradas largas.
ResponderEliminarAntes estuve usando el otro truco que nos habías enseñado, sobre expandir y contraer partes de una entrada (con +/-) y me funcionó bien solo un tiempo. Pero después ya no, así que tuve que quitarlo.
Solo una duda: por lo que dices en tu post, ¿será que ya no funciona este nuevo truco, si regresamos a la pestaña redactar después de colocarlo? Si es así, avísame, para no frustrarme de antemano (je, je).
Es que algo similar me pasó con los tooltips que nos enseñaste una vez. Yo podía postear la entrada y editarla luego cuantas veces quisiera, pero solo en la pestaña de html. Pero si volvía a la pestaña redactar, ya todo se dañaba y no funcionaba más.
¿Es algo así más o menos lo que pasaría con este Spoiler de ahora?
Gracias por todo, de antemano.
Saludos!
Hola Sr. Potro este se ve mas sencillo que el del scriptaculous, sin efecto obviamente pero mas sencillo de usar, porque el otro me hace cambios en el codigo si paso de editar la entrada en html a redactar y luego a html otra vez el código se me cambia, sin mencionar la cuestión de tener que estar cambiando los dos nombres.
ResponderEliminarbueno puedo usar este de java y dejar los que ya tengo en en el otro, no dan problemas juntos?
Hola Ana,
ResponderEliminarAquí está la información que necesitas:
http://ciudadblogger.com/2009/06/efecto-de-arcoiris-en-links-al-pasar-el.html
Hola Vicky,
ResponderEliminarSiempre que se usan scripts se recomienda que se redacte la entrada desde la pestaña Edición de HTML, pues aunque algunos de ellos pueden no verse afectados si se cambia a la pestaña Redactar, muchas veces con un pequeño error que cometamos en esa pestaña arruinamos el código.
En el caso de este código en específico sí funcionará, pero como te decía, siempre y cuando no se cometa ningún error tales como alinear también ese código, darle un formato, etc.
¡Saludos!
Hola Mo,
ResponderEliminarNo pasa nada si dejas ambos métodos, incluso podrías usarlos conjuntamente y no habría ningún problema de compatibilidad ;)
¡Saludos!
UNA PREGUNTA MI ESTIMADO POTRO SE QUE NO TIENE NADA K VER CON ESTE TEMA PERO TENGO UNA DUDA EN MI BLOG QUIERO PONER UNA ENTRADA CON TRES IMAGENES HORIZONTALMENTE Y ABAJO DE CADA IMAGEN SU DESCRIPCION SE PUEDE HACER ESO O SOLO SE PUEDE UNA IMAGEN ABAJO DE OTRA TE AGRADEZCO ANTES K NADA POR TU ATENCION Y TE FELICITO POR TU BLOG
ResponderEliminarMI BLOG ES ESTE Y QUISIERA QUE LAS TRES IMAGENES GRANDES QUEDARAN HORIZONTALMENTE Y SU DESCRIPCION ABAJO COMO LE HAGO LAS DOS QUE DICEN RESIDENCIA Y LA QUE DICE NEGOCIO
ResponderEliminarJAJAJA SE ME OLVIDABA ESTA ES LA DIRECCION http://cityvilleextreme.blogspot.com/2011/04/la-primavera-ah-llegado.html
ResponderEliminarHola TH3 V1P3R,
ResponderEliminarSólo pon los códigos de las imágenes uno detrás del otro sin saltos de línea para que se alineen horizontalmente. Si el ancho del área de las entradas alcanza para las tres imágenes entonces las tres se acomodarán en una sola fila, pero si excede el ancho entonces se mostrará una encima de otra.
OK INTENTARE COMO ME DICES Y PARA ODER ACOMODAR LOS COMENTARIOS ABAJO DE CADA IMAGEN?????
ResponderEliminarBuen truco,simple pero eficaz.
ResponderEliminarAprovechando,sabes como quitar esta configuracon en una plantailla:
lo que pasa esque me gusta una plantilla,pero dicha plantilla tiene la configuracion deque en la pagina principal de las entradas no se ve la imagen de cada entrada como yo la puse,si no que se alinea ala izquierda y se reduce,esta es la plantilla.
http://www.demo.premiumbloggertemplates.com/2011/04/musicstyle-blogger-template-demo.html
sabes como quitar esa configuracion,ose lo que quiero esque no se alineen ala izquierda y que no se redusca la imagen.
de antemano gracias.
TH3 V1P3R, ummm, en ese caso quizá sea mejor que uses una tabla HTML, así puedes comodar en las celdas de arriba las imágenes y en las celdas de abajo los textos descriptivos.
ResponderEliminarNNIOO, tendrías que quitar el Leer más pero desconozco cómo lo hayan puesto, seguro en la página donde lo descargaste o la página del autor podrán asesorarte.
Oh Gracias Potro jejjee me servira en una entrada proxima :)
ResponderEliminarte he dejado un comentario en la entrada de mp3 para no liarte
ResponderEliminarpotro como hacen algunos blogs para poner una linea separadora en el menu horizontal pero mas corta.. que no ocupe todo el alto del menu.. me ayudas? algo como | <--- eso ponen
ResponderEliminarExcelente Potro, justo lo que buscaba. Imagínate si se puede hacer esto con los comentarios...
ResponderEliminarPotro, sabes cual es el código para colocar un vídeo, osea tengo el vídeo almacenado en término vídeo.mp4 y quiero el reproductor para colocarlo como se hace con la música o radio¿?
Saludos :)
POTRO: Queria preguntarte una cosa a ver si tu puedes ayudarme porque no encuentro solucion a un problemilla.
ResponderEliminarMira, veo que tu tienes puesta publi de Adsense,no? Pues bien, he intentado ponerla en mi blog y si intento ponerla con la direccion www.cajondevida.com me mandan un email diciendome que no me aceptan por falta de contenido (tengo mas de 500 entradas¡, compre el dominio esta navidad), y si pongo http://cajondevida.blogspot.com a las 2 horas me mandan un email diciendome que no me aceptan porque mi sitio es de "dificil navegacion".
Sabes que puedo hacer o que estoy haciendo mal? A ver si tu o alguien puede echarme una mano.
Hola, Potro.
ResponderEliminarMuchas gracias por todas las aclaraciones.
¡Saludos!
oye potro como estas oye como pusiste ese formulario de contacto en dicha pestaña.
ResponderEliminar¡Gracias Potro!
ResponderEliminarMe funciono muy bien.
PokerPRO, debe ser un simple caracter como | ó ❘
ResponderEliminarPirez, para los comentarios hay uno que usa el efecto deslizante.
Pirez, lo olvidaba, para ese formato quizá el reproductor JW FLV Player te sirva.
ResponderEliminarLoren, no sabría decirte, quizá en el Foro de Ayuda de Adsense sepan orientarte al respecto.
Daniel, mira aquí.
Susy, gracias a ti por tu visita!
Este comentario ha sido eliminado por el autor.
ResponderEliminarExelente Potro, Como siemple, Bueno vengo a ver si me puedes ayudar como siemple lo haces. Esta vez mi duda es la siguiente ¿Como poner algo mas(algo adicional) en la parte del blog que dice Publicado por ๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO) on 22 de abril de 2011 / Tags: UFC, UFC 129, esa parte esque para los comentarios utilizo un servicion llamado disqus que es para comentarios y instalo eso y me queda en una posicion la cual no es la mejor me gustaria ponerlo al lado de las etiquetas!
ResponderEliminarSi no me explique bien aqui una imagen de muestra:
http://dl.dropbox.com/u/8944635/CBD.PNG
mi blog es WWEONLIVEpuntocom
Muchas Gracias!.
hola potro:
ResponderEliminarhoy te queria preguntar si tu sabes como poner 2 anuncios de adsense de 300x250 debajo de las entradas y paginas. y que los anuncios de las entradas solo se vean al entrar a entrada y no se bean en la pagina principalpara ser mas claro como esta pagina http://www.veonaruto.com/2011/04/naruto-shippuden-207-sub-espanol-online.html#more
Hola Potro.
ResponderEliminarMe gustaria que me dijeras una cosa. Te quiero preguntar que si en un comentario que una persona ponga en mi blog, esta persona pone malas palabras, se pueden cambiar las palabras estas por una raya de un color o algo para que no aparezcan
Muchas gracias.
Muchas gracias me sirvicio mucho, una pregunta potro, ¿Tú no sabrás comó se llama está plantilla? http://goo.gl/4n0vF, la veo en muchos blogs pero no sé el nombre, por favor ayúdame :(
ResponderEliminar๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO), mira esta entrada, ahí verás cómo localizar el código de los comentarios y de las etiquetas para ponerlos juntos.
ResponderEliminarposteador web, esta entrada sobre 10 lugares donde poner Adsense podrá servirte.
Hola Marina, no hay manera de editar los comentarios ya sea nuestros o de otros, sólo podemos eliminarlos o dejarlos tal como están. Saludos!
ResponderEliminarHola José Hernandez, no sabría decirte, lamentablemente la mayoría elimina los créditos de las plantillas y ahí se pierde esa información :/
Hey, muy buen post no se si puedas darte una vuelta por mi blog y decirme que errores de html tiene
ResponderEliminarhttp://www.wweenespmexico.com.ar
Saludos :D
hola potro:
ResponderEliminarayudame con este problema
en mi blog le puse en un gadget unas imagenes con movimiento pero con internet explore no funciona bien. con mozilla y con google crome si funciona perfecto.este es el codigo que use ayudame por favor me urge.
http://blog-peliculasdvdrip.blogspot.com
Este comentario ha sido eliminado por el autor.
ResponderEliminarola me podrias ayudar com mi blog lo que pasa que el apartado donde muestra el num. de visitas se hiso muy largo y no se ve bien podrias ayudarme a componerlo este es mi blog con la plantilla sin errores mi blog original esta dentro de el www.oficial-web.blogspot.com
ResponderEliminarHola Potro, con este gadget se consigue tener más entradas por página?, yo lo he aplicado a varias entradas en mi blog pero veo que me permite las mismas. Saludos y gracias por tu blog.
ResponderEliminarURGENTE!!!
ResponderEliminarHola Potro... Quiciera que me ayudaras a eliminar un espacio que aparece en mi primer post yo pense que era un proble en el post pero despues publique otra noticia y me salia en la primera entrada trate de eliminarlo por una hora y no coloque la plantilla en otro blog y todo bien.
Te dejo una imagen para que te des cuenta potro gracias por poner atencion a este comentario espero tu respuesta....
Mi blog|http://dlivehd.blogspot.com/
Imagen|http://imagengratis.org/images/espaciolu2ml.jpg
URGENTE!!!
ResponderEliminarHola Potro... Quiciera que me ayudaras a eliminar un espacio que aparece en mi primer post yo pense que era un proble en el post pero despues publique otra noticia y me salia en la primera entrada trate de eliminarlo por una hora y no coloque la plantilla en otro blog y todo bien.
Te dejo una imagen para que te des cuenta potro gracias por poner atencion a este comentario espero tu respuesta....
Mi blog|http://dlivehd.blogspot.com/
Imagen|http://imagengratis.org/images/espaciolu2ml.jpg
Genial...como siempre insuperable.Andava buscando algo parecido para mi blog y esto vá genial.Muchas gracias Potro.
ResponderEliminaradmin, el atributo marquee ya es muy viejo y en los navegadores recientes de IE sólo permite el texto en movimiento mas no imágenes.
ResponderEliminarAdminPrime, no he entendido, no veo ningún contador ahí.
tycon, no, aunque no muestra el contenido el navegador lo sigue cargando y leyendo, así que no te servirá para mostrar mayor número de entradas.
◄┼ ♥ ┼ ► Rodrigo◄┼ ♥┼ ►, pues supongo que ya lo has resuelto porque no veo en ninguna de tus tres ultimas entradas el espacio que mencionas.
ResponderEliminarAMPA- IGE, qué gusto que te ha sido útil :)
wena potro hace tiempo estaba buscando como hacerlo con la imagen :D
ResponderEliminarhola potro primero que nada como estas,el temaque te voy a comentar no tiene nada que ver con este,
ResponderEliminaruna pregunta sabes,ya apliqué el leer mas mejorado 1 bueno sabes quisiera saber si a las imágenes en miniatura se le puede agregar un borde de color y esquinas redondeadas grácias
Espero tu respuesta
Saludos
hola potro espero que te encuentres bien muy buen efecto quisiera saber si tambien sirve para gagets a una cosa queria pedirte un favor si podrias votar en esta pagina
ResponderEliminarhttp://www.13.cl/programa/quiero-mi-fiesta/contenido-exclusivo/su-fiesta-tu-votas-ellos-ganan?fb_comment_id=fbc_10150158895284197_16020072_10150163299399197#f202963bdeb7594
por Cuarto Alocado San Isaac
tienen que hacer por medio de tu face y poner me gusta, please te lo agradeceria mucho cuidate i sgue a si con este blog nos vemos
perdon por el error ortografico al final fue un error de tipeo
ResponderEliminarentonces que atributo le puedo poner para que funcione las imagenes con movimiento
ResponderEliminarhttp://blog-peliculasdvdrip.blogspot.com
Sirius, super fácil con la imagen ¿no? :)
ResponderEliminarDaniel, cualquier duda sobre ese tema vamos a verlo en esa entrada para no desviarnos del tema principal de este post ;)
Atem Muto, ¿te refieres a ponerlo dentro de un HTML/Javascript? Sí, o si te refieres a que un gadget se expanda y contraiga completamente entonces ese post viene en un par de horas más.
admin, probablemente algún script que cumpla con esa función, a ver si después encuentro algo parecido para publicarlo.
a ok gracias entonces te lo pregunto en esa entrada?
ResponderEliminarhola potro: tu sabes como se coloca esta opcion que dice quizas tambien te interesee.
ResponderEliminarpara ser mas explicativo te dare una apgina donde lo tiene y ahy muchas ke lo tienen y ps rrecurro a usted que sabe de eso .
esta es la web de donde te digo ke esta lo que quiero http://www.dospuntocerovision.info/agua-para-elefantes-online-espanol-latino/ gracias potro XD
hola potro con tu permiso le respondo XD.
ResponderEliminarFacil abajo hay unas letritas pequeñas que dice
LinkWithin
cliquea en ese enlace es un widgedt.
Explicación:
Ya al haver entrado en esa página colocas tu correo.
Blog Link: Es tu url de tu blog
Platform:Eliges tu plataforma Blogger Wordpress u otro.
Width: es cuantas entradas relkacionadas quieres que se muestren
luego si quieres marcas la opción de abajo.
para terminar seleccionas Ged widget!
esto generará un código para que lo pegues justo debajo de las entradas y luego guardas el diseño
saludos
Visita mi sitio si quieres ciberexperto.blogspot.com
ejjejejee bravo ecxelente mcuhas gracias hacen tremendo ekipo ustedes dos XD y buena tu pagina aunke ya la conocia de ahy e sacado varias cosas XD
ResponderEliminarmuchas grácias intento ayudar.
ResponderEliminarSaludos
Daniel, sí porfa, deja la pregunta allá, y gracias por responder ;)
ResponderEliminarHola Potro!
ResponderEliminarVoy a probar este truco en cuanto pueda, creo que tengo que sacar Scriptaculous... a ver si este me funciona!
Ando medio enloquecida de trabajo, así que quizás demore en poder probar, pero cuando lo pruebe te cuento (capaz que preferís que no!).
Risueñamente,
Karen
De hecho no es necesario sacar Scriptaculous (al menos no para este truco) pues no interfiere en nada.
ResponderEliminarQue todo salga bien cuando lo pruebes y claro que quiero que me cuentes cómo te va con ello ;)
Voy a demorar, pero te prometo que te cuento jaja! Y el de hoy también me gustó... espero tener tiempo.
ResponderEliminarSabes que pronto tendré quien me ayude con esto (yo sola no puedo con todo), y me han sugerido cambiarme a Wordpress.
Como te dije, entiendo muy poco y claro, le tengo cariño a "Blogspot"! Tus trucos pueden usarse también en otros sitios? Qué diferencia hay entre Blogspot y Wordpress?
(Si es que puedes comentar al respecto, espero que no esté mal preguntarte, y si no puedes/quieres responder también lo entiendo!)
Saludos!!!
Karen
No sé si es Wordpress o Worldpress.... *lol*
ResponderEliminarHola Potro, lo primero felicitarte por el trabajo.
ResponderEliminarYo utilizo Apture o Scrib para lanzar una ventana pop up, pero por alguna razón no siempre funcionan bien así que utilizo código para abrir las ventanas Pop up.
Este código me parece muy interesante, lo he probado y funciona bien.
Pero mi pregunta es, si ¿solo sirve para imágenes que acepta blogger además de los embed? ¿O se puede enlazar por ejemplo con una página web?
¿No sé si lo he explicado muy bien?
Saludos y gracias
VK Import, pues diferencias hay muchas, una de ellas es que Blogger es gratuito y en Wordpress tienes que pagar el dominio anual y un hosting cada mes. Los trucos de aquí no se pueden aplicar ahí pues es otra plataforma y otro método para hacer las cosas, nunca lo he usado pero dicen que es muy fácil siempre y cuando se tengan conocimientos básicos de programación.
ResponderEliminarTxolarte, no estoy seguro de haberte entendido, ¿me puedes dar un ejemplo más detallado?
Potro:
ResponderEliminarUn abrazo y un archirequeterecontragrande
¡¡¡ G R A C I A S !!!
porque además de compartir con todos los "ciudadanos" tus conocimientos, siempre te das tiempo para CONTESTAR y COMENTAR las publicaciones que aparecen en los post's de tu blog. Lo dicho TODO UN CABALLERO.
Hasta pronto.
Susy
http://www.dembowz4.net/
ResponderEliminarqueria darle la racia AL POTRO POR SU ESTUPENDA WEB. GRACIA A SUS ENTRADAS Y CONSEJO E ECHO MI BLOGGER QUE ES DE MUSICA URBANA PARA DERCARGAR DEMBOW,REGGAETON,BACHATA,SALSA Y MAS SI QUIEREN LA PUEDEN VISITAR Y DECIRME COMO ME QUEDO GRACIAS http://www.dembowz4.net/
Te agradezco mucho tu comentario Susy, un abrazo grande también para ti :)
ResponderEliminarDembowz4, gracias a ti por tu visita!
ResponderEliminarhttp://areadehumanidadesrhida.blogspot.com/ ¿como hacer en el ultimo divspoiler de la imagen para que muestre el contenido al principio y poder ocultar cuando se de click sobre ella????
ResponderEliminarLa duda que tengo es la siguiente:
ResponderEliminarCuando utilizo el código para Mostrar/ocultar ¿Qué elementos puedo ocultar y mostrar?
He probado con una foto JPG y un gif , también insertando el código embed de un video youtube y en los dos casos funciona bién.
No obstante si ,quisiera mostrar/ ocultar un documento pdf alojado en google sites ,supongo que no puedo hacerlo si no lo convierto en JPG.
Supongamos, que en una de mis entradas quisiera hacer referencia a una entrada de tu blog. Con una ventana emergente pop up si puedo hacerlo, pero con la opción Mostrar/ Ocultar supongo que no.
En resumen ¿el código Mostrar /ocultar solo se puede utilizar para imágenes con los formatos que acepta el blog, además de los embed ? O por el contrario se puede aplicar de otra forma.
Gracias por tu atención
Hola Potro!
ResponderEliminarGracias por tu respuesta y asesoramiento.
Hablaré al respecto con quien me va a ayudar (que sí tiene conocimientos de programación).
Extrañaría horrores tus trucos, además...
:))))
Saludos!!!
Karen
Edison urquijo, en ninguno de los casos el botón, enlace o imagen desaparecen, sólo el contenido a ocultar.
ResponderEliminarTxolarte, puedes ocultar cualquier elemento que sea admitido en las entradas, ya sea una imagen (en cualquiera de sus formatos), una tabla, un formulario, un video, etc. En el caso de los documentos PDF no se muestran así nada más, necesitas de un servicio para poder mostrarlos en el blog.
VK Import , suerte!!!
Este comentario ha sido eliminado por el autor.
ResponderEliminarSobre ese problema vamos a verlo en la entrada que corresponde para no desviarnos del tema principal de este post ;)
ResponderEliminarTienes razón, la pongo donde debe estar.
ResponderEliminarGracias
HOLA POTRO HAY UNA COSA QUE ESTADO BUSCANDO Y VISITANDO LOS BLOGGER DE wordpress E NOTADO ESTAS ENTRADAS ANTES DE ENTRAL AL BLOGGER EJEMPLO.(http://konklase.com/) ME GUSTARIA SAVER SI SE PUEDE ASER EN BLOGGER PARA YO COLOCAR MIS ANUNCIOS Y BOX DE FACEBOOK SI ES SI POR FAVOR UN TUTTORIAL PARA VER COMO SE ASE ESO ES MUY IMPORTANTE SI ESISTE SAVER COMO SE ASE E PENSADO COLOCAR UNA ENTRADA DE ALERTA COMO ESAS CUANDO ENTRAS A LAS WEB PORNO Y MODIFICARLA PERO NO E ENCONTRADO NADA.. AYUDA PLISS.. POTRO
ResponderEliminarOTRA COSA POTRO.. COMO PONGO LOS ANUNCIOS GOOGLE FLOTANTE EN MI BLOGGER Y EL BOX FACEBOOK EN EL CENTRO DE LA PANTALLA
ResponderEliminarno me explique bien creo... lo que queria decir era si teniendo a imagen (divspoiler) o el boton el contenido se muestre al cargar la pagina para cuando el lector quiera ocultar el objeto para no generar incomodidad
ResponderEliminarsin embargo gracias por intentar responderme
ResponderEliminarme gusta este blog buenos consejos para dar vida a nuestros blogs gracias por darnos ideas.. @el potro
ResponderEliminar¿Te refieres a que al cargar se muestre el contenido y que al presionar el botón se oculte? Si es así entonces el código sería este:
ResponderEliminar<div class="divspoiler">
<input type="button" value="Ocultar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != 'none') { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'block'; this.value = 'Ocultar'; }" />
</div><div><div class="spoiler" style="display: block;">
Aquí el contenio que queremos ocultar
</div></div>
agradezco tu ayuda "el potro", muchas gracias, ahora quisiera saber, tal vez esto te sirva, visita la pagina de yahoo.com y si puedes enseñanos como crear banners como el de las principales noticias de yahoo. para poder organizar nuestros blogs de na forma interactiva y animada con estos banners
ResponderEliminarExactamente así no tengo nada ahora, pero en el buscador de aquí busca 'slider' y encontrarás algunos que quizá puedan servirte.
ResponderEliminarHola potro y gracias por el tuto
ResponderEliminarpero nececito ayuda...
como seria para que el contenido apresca encima del boton?...ayudate con eso porfa
y gracias de antemano :)
Esa te la debo pues no tengo idea, quizá agregando ahí una propiedad 'position' pero no lo sé, nunca lo he intentado :/
ResponderEliminarbueno... cualquier cosa avisa
ResponderEliminarigual gracias
Hola El Potro muchas gracias por el código pero tengo un problema y es que al escribirlo en el editor html de las entradas me aparece el spoiler pero no hace nada de nada y me aparece lo que quiero ocultar debajo del spoiler si me pudieses ayudar o decir algo que me pueda servir te daría las gracias al cuadrado :) Saludos
ResponderEliminarHola Elrhin,
ResponderEliminarQuizá has modificado los espacios del código o has cambiado a la pestaña Redactar.
Prueba hacerlo de nuevo sin quitar espacios o modificar el código principal y sin cambiar a la pestaña Redactar.
GRACIAS SIEMPRE SE ME OLVIDAN ESOS CODIGOS.
ResponderEliminarHola Potro, la verdad es que no se donde enviarte en privado así que te envío este aporte en publico: http://neomyz.com/ en esta pagina puedes publicar las ultimas entradas en flash de una forma muy elegante... saludos
ResponderEliminarGracias artedigitalmcy, de hecho ya hay una entrada sobre ello :)
ResponderEliminarBueno aquí va otro, se trata de uno de los Gagget mas interesantes que he visto, es el lindo pajarito de Twitter Volando en el Blog.. Y te invita a unirte o a enviarte un Twit lo pueden ver en mi sitio: www.artedigitalmcy.blogspot.com
ResponderEliminarTengo el código pero este sitio de mensajes no deja enviar el script.. dime por donde te lo envío
me sale este mensaje: Su HTML no es aceptable: Etiqueta no permitida: SCRIPT
Ese está muy lindo y muy solicitado de hecho, aunque ya Oloblogger publicó esa entrada. Pero sí, es una reliquia :)
ResponderEliminarbuenas el potro, es muy interesante tu blog pero tengo una pregunta. Ya he puesto el botón de mostrar en mi entrada, pero yo quiero que me salga el video de youtube con la imagen como sale en tu ejemplo, y a mi me sale cuando le doy al boton tan solo el link. Como puedo meter el video como en tu ejemplo?
ResponderEliminargracias
Tienes que agregar no el enlace del video sino el código del video incrustado que obtienes de la página de YouTube.
ResponderEliminarSaludos.
muchas gracias tio, ahora lo acabo de ver
ResponderEliminarmuy bueno tu blog, seguire mirando cosas haber que tienes cosas interesantes por aqui
si me das permiso te pongo el url de mi blog para que le heches un vistazo, pero antes con tu permiso, no voy a hacer publicidad de mi blog en tu blog jaja
Ya lo he mirado desde tu perfil :)
ResponderEliminar¡Mucho éxito!
ok gracias
ResponderEliminarcomo has podido comprobar la cosa salió muy bien
me he hecho seguidor
Lamentablemente esos códigos no funcionan para BLOG gratis de Wordpress
ResponderEliminarNo lo sé Marianne, todos los trucos de este sitio están enfocados a los blogs de Blogger únicamente.
ResponderEliminarho! gracias Potro, era lo que necesitaba...
ResponderEliminarTengo una duda…
ResponderEliminarYa he puesto el código y si funciona, me ha quedado perfecto, pero necesito que la imagen este centrada ¿cómo le hago?
Gracias.
Encierra la imagen entre <center> y </center>
ResponderEliminarhola potro y si lo q quiero es mostrar ttodo el contenido, ve tengo un blog el cuaAL ES PARA DESCARGAR MUSICA Y RESULTA UN FASTIDIO Q SOLO SALGA LA IMAGEN DE LA MUSICA A DESCARGAR Y NO EL ENLACE PARA DESCARGAR-- PERO MAS FASTIDIOSO RESULTA QYUE SI MI ENTRADA ES UN VIDEO TIENEN AJURO QUE ENTRAR EN ELLA PARA PODER VER EL VIDEO OSEA NO SE VE AFUERA EN LA ENTRADA SI NO HACIENDOLE CLIC A LA ENTRADA ME ENTIENDES ENTONCES NECESITO UNA AYUDA POR FA CUANTO MAS PRONTO MEJOR TE LO AGRADECERIA DE TODO CORAZON
ResponderEliminarHola Urbana,
ResponderEliminarNo me queda muy claro tu problema sin saber cuál es la dirección de tu blog, pero supongo que has te detener un script de Leer más que genera resúmenes automáticos. Si es así entonces la solución es quitar ese Leer más para que muestre la entrada completa. En los próximos días publicaré una entrada que habla sobre ese tema.
bueno potro este es mi blog www.somosurbanos.tk entra y ve q me sale solo una imagen y para ver el contenido completo debes de dar en el nombre de la entrada. y bueno no le instale lo q tu dices solo fue una plantilla q me pareció bonita y la coloque en mi blog espero tu ayuda gracias por responder
ResponderEliminarEfectivamente es como te decía, tendrías que quitar el Leer más para que eso no suceda.
ResponderEliminarSi te urge mucho mira esta entrada, ahí se explica cómo instalar el Leer más, tú harías lo contrario para eliminarlo.
Recuerda antes hacer un respaldo de tu plantilla.
Saludos.
muchas gracias corazón ya di con el problema.
ResponderEliminaraquí coloque el cogido a eliminar pero no quiere cargar el mensaje con el código
bueno gracias potro en verdad me fuiste de mucha ayuda gracias
script type='text/javascript'>createSummaryAndThumb("summary");</script
ResponderEliminarese es el código a borrar bueno en el caso de mi plantilla
ResponderEliminarExactamente ese mero :)
ResponderEliminarHola potro, resulta que estoy de insomnio y decidí escribir una entrada algo extensa para probar los botones de mostrar, el problema es que a la hora de publicar la entrada y dar click en los botones no sucedía nada. Así que mejor utilicé los enlaces, pero hice una prueba poniendo un botón a otro texto y éste si funcionó.
ResponderEliminarLa cosa es que el texto en el que quería poner botón, lo escribí primero en redactar, ademas de que agregue viñetas. Sospecho que alguna de esas o ambas fueron la razón de que el botón no sirviera. ¿Crees que hay algún modo de corregir eso? Espero tu respuesta.
Hola katty la Oruga,
ResponderEliminarEs posible que haya sido porque lo pusiste en el modo Redactar, o porque en algún momento cambiaste a esa pestaña.
Cuando se trata de un script siempre se deben poner los códigos en la pestaña Edición de HTML, de lo contrario pueden no funcionar.
Quita el botón, ponle a tu entrada los estilos y formato que quieres en Redactar, cuando termines cambia a la Edición de HTML y pon el código del spoiler.
Saludos.
Hola potro, pues ya lo volví a intentar y funcionó bien esta vez. Parece que cometí un error al centrar los botones, pero igual gracias por el consejo, no sabia que cambiar a la pestaña redactar afecta los códigos. Saludos y gracias de nuevo.
ResponderEliminarQué gusto que ya está todo resuelto. ¡Saludos!
ResponderEliminarHola Potro!!
ResponderEliminarGracias por este post, la tecnica ya la implemente en algunos blog y me funcionó de maravilla pero fijate que quiero este mismo efecto pero dezlizar el contenido hacia el lado derecho, es que tengo unas imagenes a la izquierda pero quiero que cuando les den click salga el contenido a la derecha.
¿¿¿Potro se podrá de alguna manera estando dentro de una entrada?????
Gracias por adelanto potro!... ;)
Hola Circulo W.H.,
ResponderEliminarMe temo que no, al menos no con este método pues lo que hace es sólo condicionar que un elemento se muestre o se oculte y eso para cualquier navegador siempre será de arriba para abajo.
No sé si haya algún otro script que pueda hacerlo, pero si me entero de algo te aviso ;)
Potro a mi me gustaria ocultar alguna parte de lo que sale en mis entras por ejemplo entra a esta pagina... http://www.alofokemusic.net/ y dale click a unas de sus entradas y veras que mas abajo dice.. nota: usuarios frecos ayudenos a promover ECT quisiera algo haci Gracias!
ResponderEliminarPues veo esa nota que mencionas pero no entiendo qué tiene que ver con el spoiler o qué oculta ese mensaje, porque sólo he visto un simple texto en la entrada :/
ResponderEliminaryo tengo un blog y se Trata sobre lo mismo que el Dueño de esa hace publicar noticias y cosas de artista y me gusta saber como hacer algo haci aunque no sea con el spoiler!! porfavor me gustaria saber!
ResponderEliminarNo me ha quedado muy claro, ¿me podrías dar más detalles?
ResponderEliminarBueno Okey... Cuando yo Publique una entrada me Gustaría saber como puedo poner una descripción hasta donde yo quiera que se vea, Pero cuando entren... Que mas Abajo aparezca una nota como la de la pagina que te mande Y Tanbien me gustaría saber que hay personas que publican una entrada y cuando entras a verla por completo no aparece la imagen que se veía a lo Primero! bueno espero que entienda Gracias!
ResponderEliminarQue cada ves que publique algo en cada entrada aparezca eso cuando miren la entradas completa!
ResponderEliminarPuedes usar el Leer más automático con imágenes en miniatura, esos resúmenes sólo se verán en la portada.
ResponderEliminarY puedes complementarlo eligiendo qué mostrar en el resumen de manera que la descripción y la imagen que elegiste sólo se vea en la portada pero al ingresar a la entrada completa no se verán.
Gracias Potro Eres el Mejor!!
ResponderEliminarSigue funcionando sin importar la interfaz. Lo que quizá puede estar sucediendo es que lo has puesto desde el modo Redactar y no en HTML. O bien, que lo pusiste en HTML y luego cambiaste a la pestaña Redactar.
ResponderEliminarTe rifaste un chingo con esto, a pesar de que parece que ya es algo conocido, gracias a ti pude poner una imagen bonita como botón para ocultar contenido.
ResponderEliminarVisítanos por aquí para que veas lo que tu ayuda hizo posible.
Saludos
necesito un codigo que sea primero que se le de click a un script y luego abra el spoiler
ResponderEliminaralz-master@hotmail.com
No he entendido AIRON, ¿me puedes dar más detalles?
ResponderEliminarHay alguna manera en la que se puedan meter los emoticons de los comentarios en un spoiler?
ResponderEliminar¿Te refieres a la imagen de ejemplo que contiene los emoticones? Sí, sólo agrega esa imagen dentro del spoiler.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminary si quiero que sea arrebes?? es decir que salgra mostrando y luego la pueda ocultar
ResponderEliminarPotro, una vez que inserto el poiler de Mostrar/Ocultar, y en donde debo poner ALGO para que muestre, pongo el codigo de un video de youtube, y no aparece nada :/ , presiono en el enlace MOSTRAR/OCULTAR y nada.. no aparece nada.
ResponderEliminar๖̶̶̶̶̶̶๋๋๋๋๋๋๋ۣۜJosε ๖̶̶̶̶̶̶๋๋๋๋๋๋๋ۣۜŞцgoi , mira el comentario #103, ahí está el código que usarías.
ResponderEliminar[Administrador], ¿exactamente en qué parte del blog lo has puesto?
ResponderEliminarPotro!!! nuevamente paso por aquí, un gusto saludarte...
ResponderEliminarAdivina!!, tengo un pequeño problema con uno de mis blogs, te comento, modifiqué la plantilla para quitarle el "leer más", pero recién me acabo de dar cuenta que no me aparece lo que escribo en las entradas o.O, espero que me puedas ayudar a corregirlo (como siempre lo has hecho), quizás me pasé en borrar una parte del código de "leer más", o no sé realmente que fue el problema, el blog es miestuchera.blogspot.com
Verifica que tengas la etiqueta <data:post.body/> antes de:
ResponderEliminar<div style='clear: both;'/> <!-- clear for photos floats -->
Sino la tienes agrégala. Recuerda siempre hacer un respaldo de la plantilla, y antes de guardar cambios darle Vista Previa para cerciorarte que esos problemas no ocurran. Saludos.
La agregué y aún sigue = u.u
ResponderEliminarEntonces reinstala la plantilla porque sabrá Dios qué más habrás eliminado :/
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarOk potrillo amigo, era lo que me temía de respuesta...
ResponderEliminarAún así, gracias por tu buena disposición :D
Como puedo poner un block de nota ?
ResponderEliminarEj. quiero que me muestra linea por linea, la forma que usted indico me muestra todos seguidos en la misma linea.
01 . Peso .....
02 . Dimension ....
03 . Cantidad .....
04 . Origen .....
etc
Y hay algunas forma de hacer ocultar en varias capas, dentro de un ocultar existe otro ocultar
saludo
Que dentro de un spoiler haya otro no lo sé, sería cuestión de que lo intentes y veas el resultado.
ResponderEliminarPara que queden en forma de lista puedes usar el ícono de viñetas que está en el editor de entradas, o dar un salto de línea (ENTER) entre cada línea que quieras. Si das el salto de línea pero sigue mostrándolos en una sola línea entonces agrega después de cada línea este caracter:
<br/>
Gracias Potro el salto de linea se puede con
ResponderEliminarPero uno dentro de otro no funiona se guramente lo puse mal
por otro lado como seria si o quiero configurar directamente dentro del BBCODE
ResponderEliminar[spoiler] TEXTO QUE QUIERO [/spoiler]
Esa etiqueta no existe dentro del lenguaje de Blogger. Es por eso que usamos estos scripts para que funcionen las cosas.
ResponderEliminarExelente!! Gracias!
ResponderEliminarmmm interesante eso, siempre tan útiles tus trucos ;) ...
ResponderEliminares posible que con el spoiler se pueda hacer algo como esto:
quisiera hacer algo como un abecedario
A|B|C|D|E.....Z
y que al dar clic en una letra se expanda el contenido, pero al dar clic a otra letra se contraiga el contenido de la que estaba abierta y se abra la última que abrí
se puede hacer eso?? gracias :)
Con este sistema no, tal vez con un tabview, aunque en ellos el contenido no está oculto; debe haber alguno que se expanda pero nunca me he topado con uno de ellos.
ResponderEliminarmuchas gracias potro, voy a ver si hago con el metodo de "enlaces en una misma entrada", lo malo es que va a ser muy extensa por que si es bastante contenido :S
ResponderEliminargracias :)
"katty la Oruga", Jajaja, muy bueno ese nickname! :D
ResponderEliminarhey Potro, gracias me sirvio. :D
ResponderEliminarPotro, para hacer este truco pero alreves, osea que el contenido se visualise y al presionar la imagen lo oculte, que cambio o que hago?
ResponderEliminarMira el comentario #103.
ResponderEliminarPotro este truco no funciona en mi blog, sigo los pasos tal cual explicas pero no funciona, que es lo que hago mal? echale un vistazo a mi blog y me dices, gracias de antemano amigo mio.
ResponderEliminarhttp://schizophrenicdance.blogspot.com/?zx=7b8fb2a9be643b36
Acabo de darme cuenta que funciona solo en el explorer, pero en mozilla, crome y safari no funciona, a que es debido?
ResponderEliminar¿Exactamente en qué parte lo has puesto Julio? Porque en las tres primeras páginas de entradas no lo veo por ningún lado :/
ResponderEliminarBueno pues ya funciona Potro, gracias a ti, algo tan sencillo como ponerlo en EDICION HTML, y yo sin saberlo, yo lo ponia en REDACTAR por eso no funcionaba, gracias de nuevo y un saludo.
ResponderEliminarGracias por esta valiosa inf
ResponderEliminartengo una duda yo use el spoiler con la imagen y me funciono, pero queria saber si hay alguna forma de que que me aparezca la imagen y al darle clic y se muestre el contenido oculto aparezca otra imagen, y si le vuelvo a dar click a parezca la primera imagen.
Para ser mas claro seria algo como que apareciese la palabra "mostrar" y "ocultar"
pero seria con dos imagenes.
Trate de editar el codigo pero sin exito alguno no soy muy habil en el html y derivados.
Habra alguna forma de hacer lo que me propongo
Ni idea Allistter, supongo que con un script más elaborado se podría, pero no se me ocurre cómo :/
ResponderEliminarTe cuento que con las plantillas nuevas el spoiler PARA OCULTAR Y MOSTRAR CONTENIDO DE UNA ENTRADA no se activa (NO SE ABRE).... lo curioso es que los que tenia anteriormente instalado EN OTRO BLOG no tienen ningún problema sino cuando quise instalar uno no funcionó
ResponderEliminarHola @Liderforever10,
ResponderEliminarEL spoiler debe funcionar sin importar la plantilla. ¿En cuál blog y en qué parte has puesto el spoiler que no te funciona?
ok.. te explico después de hacer varias pruebas, la razón que no me abre es cuando cambio de HTML a REDACTAR y luego le doy "centrar" las imágenes, (las que he colocado para abrir el Spoiler) en cambio cuando las dejo tal cual se hizo en HTML, funciona perfectamente, ubicadas en el lado izquierdo, el detalle es centrada es como se ve mas "presentable".. no se como puedo hacer en ese caso...
ResponderEliminarMira esta entrada, justamente habla sobre ese tema de cuando usamos códigos y scripts en las entradas:
ResponderEliminarhttp://ciudadblogger.com/2009/11/como-poner-los-codigos-correctamente-en.html
Hola Potro, lo aplique en esta entrada pero pasa que en vez de tomar el texto+imagen como links me toma todo el ancho de la columna de post.
ResponderEliminarComo lo puedo solucionar?
Muchas gracias Potro y como te comente por G+ de 10 el diseño nuevo
Yo lo veo todo bien, al dar click sólo aparece "Aquí el contenio que queremos ocultar"
ResponderEliminarSi si Potro, me referia a que no solo se activa al clickear sobre texto o imagen si no tambien fuera de ello en esta zona.
ResponderEliminarNo se si es que hay algo de mas o no.
Un saludo potro.
Ah, ahora entiendo :)
ResponderEliminarLo que pasa es que incluso el enlace para mostrar y ocultar lo metiste dentro de la tabla, y la tabla tiene todo ese ancho.
Necesitas poner el enlace fuera de la tabla, es decir, poner el código tal como se ejemplifica en la entrada, y donde dice "Aquí el contenido que queremos ocultar", ahí pon la tabla que deseas ocultar.
Ok gracias Potro.
ResponderEliminarO sea que no es posible darle el la misma accion al texto+imagen no?
De ser que si, como pdria agregar ambos y que queden alineados, o propiamente, que le puede agregar propiedades para ajustar su alineacion.
Un saludo Potro que estes bn.
No es que no se pueda, sino que si todo lo agregas en una tabla entonces presentarás ese inconveniente.
ResponderEliminarPuedes usar ese mismo método de la imagen, antes o después pones el texto que quieres, y dentro del código de la imagen agrega esto:
style="vertical-align:bottom"
Si no se alinea, cambia el bottom por middle
Perdona, ¿el primer código no es un javascript verdad?
ResponderEliminarinput type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }
Tengo esa duda.
Gracias.
Este comentario ha sido eliminado por el autor.
ResponderEliminarSí, esa es una función Javascript.
ResponderEliminarOk Potro, y hay otra forma de poder alinear la imagen con el texto o sea bajarla unos pixeles porque probe agregandola dentro de un div pero me la manda a un segundo parrafo.
ResponderEliminarUn abrazo muchas gracias.
Para eso es el código que te di, para que la imagen pueda alinearse con el texto.
ResponderEliminarHola Potro. Todo sale bien pero el botón de Mostrar no sale centrado, y cuando lo centro no abre entonces no se que hacer..
ResponderEliminarMuchas Gracias!
Me acabo de dar cuenta que solo me ocurre en Google Chrome y solo después que centro el Botón. Además me pasa en otras PCs y solo con los de mi Blog, porque los que pones tu funcionan bien
ResponderEliminarEncierra todo el código entre <center> y </center>
ResponderEliminarSi continua el problema dime en cuál entrada o gadget lo has puesto para ver cuál puede ser el problema.