... Feliz Navidad ... Merry Christmas ...... Feliz Navidad ... Merry Christmas ...... Feliz Navidad ... Merry Christmas ...

jueves, 3 de mayo de 2007

Zonas Desplegables en un Blog


:) Hola,... buenos dias, tardes, noches.

El tema que meto hoy,... y hace dias que no escribo... es sobre Codigo para Blogs de Blogger. ( es mi primera aportacion en el tema de codigo y programacion en este blog ).

Todo salio de que un dia, no sabia como hacer unos menus desplegables,... y mi buen colega aragorn25 me echo un buen cable.
Gracias,... y de momento,... no fue al cuello :-)))

Al final no hice tales menus,... pero me puse a jugar con el codigo y salio esto: Zonas Desplegables en un Blog.

En teoria,... no deberia dar problemas en ninguna plantilla, ya que no toca la estructura en si de la misma,... de todas formas,... si puede fallar... seguro que falla :-)))

Esta probado tanto metiendolo dentro de un tema,... como aqui presento,... como metiendolo directamente en el codigo de la plantilla.

... bueno,... al grano que tiene pus :-)))

........................................

Una vez que hayamos realizado una copia de seguridad de nuestra plantilla y guardada en nuestro ordenador, procederemos a meter el siguiente
codigo dentro de la plantilla, colocandolo antes del cierre de la etiqueta </head>

<style type='text/css'>
.ver_menu { display:block; }
.ocultar_menu { display:none; }
</style>

<script type='text/JavaScript'>
function desplegar(categoria){
var menu = document.getElementById(categoria);
    if(menu.className == &quot;ver_menu&quot;){
      menu.className = &quot;ocultar_menu&quot;;
    }
    else{ menu.className = &quot;ver_menu&quot;; } }
</script>


</head>





Ahora veremos un codigo de pruebas y ejemplo, sobre el tema de las Zonas Desplegables en un Blog.
Lo meteis en un tema-post,... y suerte ;-)


... copiar desde aqui ...

<div class='desplega051'>
<a href='javascript:desplegar("desplega051");'><img borde='0' height='60' src='http://img178.imageshack.us/img178/6118/musicos01dd7.gif' width='60'/></a>
   <ul class='ocultar_menu' id='desplega051'>
--- inicio zona del desplega051 -----------------end
<br/>
<br/>
... metemos <b>Texto</b> en general dentro de la zona ...
<br/>
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
<br/>
... ahora metemos Codigo para un <b>Menu</b> dentro de la zona ...
<br/>
<br/>
<p>
<b>
<a href='http://www.hispamp3.com/' target='_blank' title='noticias e informatica en general...'>hispamp3</a> | <a href='http://www.vsantivirus.com/' target='_blank' title='seguridad en general...'>vsantivirus</a> |
<a href='http://alerta-antivirus.red.es/' target='_blank' title='seguridad en general...'>alerta-antivirus</a> |
<a href='http://es.wikipedia.org/' target='_blank' title='la enciclopedia libre...'>wikipedia</a> | <a href='http://www.20minutos.es/' target='_blank' title='noticias de actualidad...'>20minutos</a>
</b>
</p>
<br/>
<br/>
... ahora metemos codigo para un <b>Video</b> dentro de la zona ...
<br/>
<br/>
<object height='325' width='400'><param name='movie' value='http://www.youtube.com/v/FOGVBN3Ph6Y'/><param name='wmode' value='transparent'/><embed height='325' src='http://www.youtube.com/v/FOGVBN3Ph6Y' type='application/x-shockwave-flash' width='400' wmode='transparent'/></embed></object>
<br/>
<br/>
<b>&quot;The Cure - Catch&quot;,... bonito tema ;-)</b>
<br/>
<br/>
... de nuevo metemos <b>Texto</b> en general dentro de la zona ...
<br/>
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
... texto ... texto ... texto ... texto ... texto ... end
<br/>
<br/>
... y dejamos las pruebas por hoy,... que son las tantas :-)))
<br/>
<br/>
<img src='http://img237.imageshack.us/img237/8929/comillasabre02ew3.gif'/><b>bechitos pa las nenas ;-)</b><img src='http://img75.imageshack.us/img75/2120/comillascierra02ye3.gif'/>
<br/>
<br/>
... el efecto de las <b>Comillas</b> es una chapuza,... pero funciona Oiga !!! ... :-)))
<br/>
<br/>
--- final zona -----------------------------------end
</ul></div>

<br/>
<br/>

... hasta aqui ...



Como vereis,... el indicador desplega051 aparece tres veces escrito en el correspondiente codigo,... ese es el detalle que hay que tener en cuenta y ademas,... si a lo largo del Blog,... realizais mas Zonas Desplegables,... no debe repetirse ese indicador.
Asi que podeis numerarlos o nombrarlos a vuestro gusto.
... a mi me daba fallos,... si repetia ese mismo indicador en diferentes Zonas Desplegables,... por eso le añadi numeros.

Y por fin,... si no se produjo ningun error al escribir todo esto,
vamos a Ver la Demostracion y Resultado del juguete :-)))




    --- inicio zona del desplega051 -----------------end




    ... metemos Texto en general dentro de la zona ...




    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end




    ... ahora metemos Codigo para un Menu dentro de la zona ...






    hispamp3 | vsantivirus | alerta-antivirus | wikipedia | 20minutos






    ... ahora metemos codigo para un Video dentro de la zona ...









    "The Cure - Catch",... bonito tema ;-)




    ... de nuevo metemos Texto en general dentro de la zona ...




    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end


    ... texto ... texto ... texto ... texto ... texto ... end




    ... y dejamos las pruebas por hoy,... que son las tantas :-)))




    bechitos pa las nenas ;-)




    ... el efecto de las Comillas es una chapuza,... pero funciona Oiga !!! ... :-)))




    --- final zona -----------------------------------end


... pulsando en la Imagen,... abre y cierra la Zona Desplegable.


Salu2, tommy ... aka ymmot ;-)


... dedico este tema con todo mi cariño,... a buenas gentes de Venezuela,... intentando Desplegar Las Libertades.




... ya de paso,... os recomiendo el Blog de Gema,... en donde empece a leer y practicar codigo como un poseido :-)))
Alli teneis mucha informacion y ayuda, para adentraros en el mundillo de mejorar vuestros Blogs de Blogger.



... lo mejor,... en los comentarios,... a veces hay sorpresas !!!

... tenemos 14 comentarios.


Anónimo dijo... 3 de mayo de 2007, 10:31

Jejejeje jamás te echaría una soga la cuello, anda que...

Por cierto que te mejores de la espalda que hace tiempo que no te pregunto ni na, que mal compañero soy...


Salu2


ymmot dijo... 3 de mayo de 2007, 11:07

:-) ... pasa quillo aj2r !!!

... ya ves el rollo que les plante al personal,... ahora si que me funden :-)))

... de la espalda vamos tirando,... mejor ni mentarlo,... no sea que aparte del canon lumbar,... vengan los otros pidiendo derechos de no se que :-)))

... mal compa,... de Eso Na,... un gran y buen chaval estas hecho.

Venga,... un abrazote ;-)

... hoy me tomo fiesta,... que no veas que lio con el jodio codigo, para que saliera bien posteado,... menos mal que encontre al final esto:

http://www.codehouse.com/webmaster_tools/source_to_xhtml/


Gem@ dijo... 3 de mayo de 2007, 16:07

Muchas gracias ymmot por acordarte de mi en esta entrada.
¿Sabes? jugar con códigos es lo que yo llamo a eso que hiciste (con estupendos resultados por cierto) a veces hay diferentes maneras de hacer algo con una misma solución, pero está en cada uno jugar y descubrir algo nuevo, eso es lo que a mi me gusta.
Felicidades amigo ;)
(Que te mejores de la espalda)


Anónimo dijo... 3 de mayo de 2007, 21:39

Muy bueno el enlace de codehouse tommy, otra web a mis marcadores xD

Salu2 y a descansar.


Anónimo dijo... 4 de mayo de 2007, 11:13

:) Hola Gema

Las gracias a ti,... con comentarios asi,... animan a cualquiera para seguir jugando con estas cosas,... por lo menos en el tema de codigo y programacion,... ya que no soy mucho de escribir en el blog contando cosas,... sera que no se me da bien :-)))

Despues de estrujarme el coco jugando con codigos en chatarrasclubjazz haciendo esa mezcla de pagina web y blog,... me anima pegarle un buen repaso a chatarrasclub,... asi que igual el dia menos pensado,... la pongo patas arriba con nuevo diseño :-)))

Salu2 ;-)


Anónimo dijo... 4 de mayo de 2007, 11:20

:) Hola aj2r

... sobre la pagina codehouse,... si encuentras algo interesante en la linea que se mueve el nene,... pos vas y lo cascas :-)))
... tendre que buscar tiempo para perderme por ella y aprender algo.

... nos vemos ;-)


Anónimo dijo... 4 de mayo de 2007, 12:00

Te pasa como a mi, que eso de escribir sobre cosas filosóficas no se nos da muy bien xD. Aunque a mi de vez en cuando si me gusta poner una letra de alguna canción que signifique algo para mi.


Salu2


Anónimo dijo... 4 de mayo de 2007, 12:48

:-))) ... pues Si.

... eso de escribir filosofia,... o si hoy dormi mal,... porque el perro del vecino ladraba,... la verdad,... pos va ser que no,... jajajajajajajajajaaja

Bueno,... tu pon la letra de la cancion,... que ya buscaremos a "alguien" que ponga la musica ( emoticon demonio )

Salu2 ;-)

... joer que pesadico se pone lo de "verificar palabra",... cuatro intentos,... ni que hubiera dicho un taco :-)))


Anónimo dijo... 6 de mayo de 2007, 0:18

No, no has dicho un taco... sólo has dicho que nunca sabremos si duermes mal por culpa del perro del vecino, jajajaj!

Un abrazo. ;)


Lindemann.


Anónimo dijo... 6 de mayo de 2007, 20:40

:-))) vaya, vaya,... si me hizo una visita Linde ;-)

... pues seguramente no lo sepais nunca,... pero tengo vecinos con perros,... y perros de vecinos :-)))

... petons ;-)



ymmot dijo... 7 de mayo de 2007, 9:51

:) ... Ok,... Gema

... voy volando pa ya !!!

;-)


Anónimo dijo... 14 de mayo de 2007, 2:43

Gracias Amigo!!!
Allí estamos intentando.
Un gran abrazo
Adrista


ymmot dijo... 14 de mayo de 2007, 20:09

:) Hola Adri Wapetona !!!

... que tal va la cosa,... si tienes alguna duda,... no tienes mas que dar un silbidito :-)

Un abrazo ;-)