Governor of Poker
Banner
17 nov 2011
18 oct 2011
Ovas Hellsing - [formato PSP - MP4]
A continuación una recopilación de las OVAS 1, 2, 3, 4, 5, 6, 7 y 8 del anime Hellsing, las mismas han sido convertidas a formato mp4, y optimizado para ser reproducidas en la consola PSP...
--> OVA I
--> OVA II
--> OVA III
--> OVA IV
--> OVA V
--> OVA VI
--> OVA VII
--> OVA VIII
7 oct 2011
Mostrar/Ocultar sección de código con efecto deslizante.
Para realizar esta función de mostrar y ocultar secciones de código, es necesario agregar el siguiente script al código del blogg, esto es en la pestaña de Diseño->Edición HTML y se copia de tal forma que quede antes de cierre </head> :
Agregar este código:
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype y Scriptaculous-->
Este script es la declaración general para poder utilizar la función en las entradas del blog, solo se debe aplicar una sola vez y listo, a continuación veremos como aplicar dicha función propiamente en las entradas.
Primero se crea la nueva entrada completa, hasta que esté totalmente lista, esto debido a que si se aplica el código para mostrar u ocultar, y posteriomente se modifica la entrada por alguna razón, es posible que el código se desconfigure y sea necesario volverlo a implementar.
Una vez que esté lista la nueva entrada en el blog, definimos cuál es la sección que deseamos se muestre/oculte, luego pasamos a la pestaña de Edición de HTML, buscamos dicha sección a la cual queremos aplicar la función y procedemos como sigue:
Antes de que empieze el código que se quiere Mostrar/Ocultar, copiamos lo siguiente:
Código
<a href='#' onclick='Effect.toggle("ID_1","slide"); return false'>Mostrar/Ocultar</a>
<div id='ID_1' style='display: none;'>
Y al final del código de la sección que se desea Mostrar/Ocultar, simplemente cerramos con </div>.
Algo importante a tener en cuenta es la organización de los ID_# , los cuales deben ser diferentes/únicos para cada vez que se aplique la función.
Por ejemplo, para este tutorial utilizamos el ID_1 para mostrar el primer segmento de código, y el ID_2 para el segundo, cabe mencionar que se puede utilizar cualquier nombre, siempre y cuando sean distintos unos de otros.
Jugando un poco más con este efecto, tenemos que el código:
<a href='#' onclick='Effect.toggle("ID_1","slide"); return false'>EJECUTAR EFECTO</a>
corresponde al activador del efecto, mientras que la sección:
<div id='ID_1' style='display: none;'>SECCIÓN QUE SE DESEA OCULTAR</div>
corresponde al identificador de la sección que se pretende Mostrar/Ocultar.
Para probar lo mencionado anteriormente, vamos a poner aquí una copia del "activador" que corresponde a la segunda sección de código donde se aplica el efecto, osea, que al dar click en este, también debe activarse el efecto de Mostrar/Ocultar en la sección de arriba. Pruebalo:
De momento, eso es todo...
Suscribirse a:
Entradas (Atom)