**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Mostrar contenidos

Mostrar contenidos

domingo, 25 de noviembre de 2007



Abrir - Cerrar

    Con esta aplicación podemos tener una tabla para mostrar los contenidos que deseemos, como por ejemplo un mapa del blog o cualquier otra cosa que se nos ocurra.
    Primeramente pondremos lo siguiente antes de la etiqueta -/head-:

    <link href='http://webjcp.googlepages.com/tabcontenido.css' rel='stylesheet' type='text/css'/>

    <script src='http://webjcp.googlepages.com/tabcontenido.js' type='text/javascript'></script>

    Contenido


    seguidamente vamos a añadir un elemento de página -HTML-Javascript-, y pondremos el siguiente código:


    [+/-]Abrir código


      <ul id="maintab" class="shadetabs">

      <li><a href="#" rel="tcontent1">Contenido 1</a></li>

      <li><a href="#" rel="tcontent2">Contenido 2</a></li>

      <li><a href="#" rel="tcontent3">Contenido 3</a></li>

      <li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>

      <li><a href="#" rel="tcontent5">Contenido 5</a></li>

      <li><a href="#" rel="tcontent6">Contenido 6</a></li>

      </ul>

      <div class="tabcontenidostyle">

      <div id="tcontent1" class="tabcontent">

      <br/>

      Aca va el contenido 1

      </div>

      <div id="tcontent2" class="tabcontent">

      <br/>

      Aca va el contenido 2

      </div>

      <div id="tcontent3" class="tabcontent">

      <br/>

      Aca va el contenido 3

      </div>

      <div id="tcontent4" class="tabcontent">

      <br/>

      Aca va el contenido 4

      </div>

      <div id="tcontent5" class="tabcontent">

      <br/>

      Aca va el contenido 5

      </div>

      <div id="tcontent6" class="tabcontent">

      <br/>

      Aca va el contenido 6

      </div>

      </div>



      <script type="text/javascript">

      initializetabcontent("maintab")

      </script>



      Configuración:
      <li><a href="#" rel="tcontent1">Contenido 1</a></li>

      Aca lo único que le tenes que cambiar el el titulo



      <li class="selected"><a href="#" rel="tcontent4">Contenido 4</a></li>

      Aca verás que aparece algo nuevo "class="selected" es el contenido que se muestra cuando entran a tu blog.



      <div id="tcontent1" class="tabcontent">

      <br/>

      Aca va el contenido 1
      Codigo










Publicado por Guti en 0:45  

Etiquetas: ,


Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)
 
Comentarios