Cargando...
Blogger Draft | Edicion Entradas | Configuración | Diseño | Edición HTML | quickEdit OFF | quickEdit ON

3/9/09

Efecto desplegado en gadgets barra lateral

0
Para aplicar el efecto desplegado en los nuevos gadgets que incorporeis, habrá que hacer lo siguiente:
  1. Añadir el gadget de la manera habitual (Elementos de Página)
  2. Editar la plantilla con Plantillas de Artilugios Expandidos
  3. Localizar el gadget por su título
  4. Insertar un enlace en el título con una llamada a Effect.toggle, poniendo una identificación al enlace que será única para cada gadget. En el ejemplo sería "barravideo", sustituir en cada caso por la que querais siempre que no se repita en otro gadget.
  5. Añadir al DIV con clase WIDGET-CONTENT la ID antes utilizada y una etiqueta de estilo con un DISPLAY:NONE; para que inicialmente, el gadget no sea visible. Si se desea que inicialmente sea visible, la etiqueta STYLE deberá estar sin ese atributo.
  6. Opcionalmente se puede colocar una imagen con formato, para indicar que el bloque es desplegable.

<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'>
<b:includable id='main'>

<a href='javascript:void(0);' onclick='Effect.toggle(&quot;barravideo&quot;,&quot;blind&quot;); return false'> (4)

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3OD_mj16-AmQaWZZz__fGQT43pSmxgvwWr0H_TXoTd0KoGX1bqXfoLKZ0NItLgTY6iqYXbkfG1NSV75fNGaULd6jeoKC53xgzAKzbK5STmvqRMjophE41y1G7ayAENJDRyfxOoyvwDc/s400/marca.gif' style='display:block;float:right;margin:3px 5px 0px 0px;'/><data:title/></h2> (6)

</b:if>

</a> (4)

<div class='widget-content' id='barravideo' style='display:none;'> (5)
<div expr:id='data:widget.instanceId + &quot;_bar&quot;'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

0 comentarios:

COMENTA, QUE ES GRATIS...

 

Ultimas entradas

Technorati Blogalaxia Blogesfera Bitacoras.com Twingly Ayuda Blogs Alianzo Wikio Ranking de Buzzear (ES) TOP 100 WEBLOGS Unión Bloggers Hispanos Más tráfico para tu blog Mi blog está incluido en Pixel a Pixel Directorio de blogs Keegy Blogissimo Personal Blogs - Blog Top Sites Blogging Blogs - BlogCatalog Blog Directory Top Internet blogs DirectorioBlogs Directorio Blogger
Creative Commons LicenseBloggerBloc by Oloman is licensed under a Creative Commons License.
Based on a work at Minima Black de Douglas Bowman para Blogger.
Ir Arriba