<html> <head> <title>Galeria de fotos </title> <style type="text/css"> body { background:#000; font:12px Arial, Verdana, Helvetica, sans-serif; text-align:center; padding:0; margin:0; } .galeria { width:680px; margin:0 auto; text-align:left; } .img-aqui { background: #fff url('http://www.twiki.faced.ufba.br/twiki/pub/FACED/VIIIJORNADAPEDAG%d3GICA/logo2.jpeg') center no-repeat; width:500px; height:375px; position:relative; top:8px; float:right; border:1px solid #fff; } ul.fotos { position:relative; list-style:none; width:162px; padding:1px; background:#999; margin:0; padding:0; } .fotos:after { display: block; content: "."; height: 0; font-size:0; visibility: hidden; clear: both; } ul.fotos li { width:75px; height:50px; float:left; border:2px solid #444; margin:1px; } ul.fotos li img { border:none; width:75px; height:50px; } ul.fotos li span img { border:none; width:500px; height:375px; height:auto; } ul.fotos a { display: block; } ul.fotos a span { display: none; } ul.fotos a:hover span.legenda { display: block; text-align:center; width:500px; position:absolute; top:375px; left:-2px; } ul.fotos a:hover span { display: block; position: absolute; top:-5px; left: 177px; background:#fff; border:2px solid #666; } ul.fotos a:hover span.legenda { padding:5px 0; color:#333; } #rodape { height:30px; margin:30px; color:#0066ee; text-align:center; font-size:100%; padding-right:10px; } </style> <!--[if lte IE 6]> <style type="text/css"> ul.fotos { width:164px; padding: 2px 0 1px 0; } ul.fotos li { margin-top:0; } /* Fixes for IE */ /* Fix IE. Hide from IE Mac \*/ ul.fotos li { float: left; height: 1%; } ul.fotos li a { height: 1%; } /* End */ ul.fotos a:hover { text-decoration:none; background: none; } ul.fotos li {width:75px;} ul.fotos a:hover span.legenda {width:500px;} </style> <![endif]--> </head> <body> <div class="galeria"> <div class="img-aqui"> </div> <ul class="fotos"> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(2).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(2).jpg" alt="" /></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(3).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(3).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(4).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(4).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(5).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(5).jpg" alt="" /></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(6).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(6).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(7).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(7).jpg" alt="" /></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(8).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(8).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(9).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(9).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(10).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(10).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(11).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(11).jpg" alt="" /></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(227).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(227).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(231).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(231).jpg" alt="" /><span class="legenda"></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(228).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(228).jpg" alt="" /></span></span></a> </li> <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(229).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(229).jpg" alt="" /><span class="legenda"></span></span></a> </li> </ul> </div> <div id="rodape"> <BR> [[http://www.twiki.faced.ufba.br/twiki/bin/view/FACED/CBCE-Bahia][Página Inicial]] [[http://www.twiki.faced.ufba.br/twiki/bin/view/FACED/VIIIJORNADAPEDAG%d3GICA][01]] [[02]] [[03]] [[04]] [[05]] [[06]] [[07]] [[08]] [[09]] [[10]] [[11]] [[12]] [[13]] [[14]] [[15]] [[16]] </div> </body> </html>
This topic: FACED
>
CBCE-Bahia
?
>
Eventos
>
Acontece
>
Relatórios
>
Fotos
>
VIIIJORNADAPEDAGÓGICA
>
02
>
04
>
05
>
06
>
07
>
08
Topic revision: r1 - 13 Sep 2007 - 17:57:18 -
AraceleCunha
?
Copyright &© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback