02 < FACED < TWiki

FACED Web>CBCE-Bahia? >Eventos>Acontece>Relatórios>Fotos>VIIIJORNADAPEDAGÓGICA>02 (24 Oct 2007, AraceleCunha? ) (raw view)EditAttach

<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(143).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(143).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(144).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(144).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(145).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(145).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(146).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(146).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(147).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(147).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(148).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(148).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(149).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(149).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(150).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(150).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
        <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(151).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(151).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
         <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(152).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(152).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(153).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(153).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(154).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(154).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	<li><a href="#"><img src="%ATTACHURLPATH%/fotografia(155).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(155).jpg" alt=""  /><span class="legenda"></span></span></a>
	</li>
	 <li><a href="#"><img src="%ATTACHURLPATH%/fotografia(156).jpg" alt="" /><span><img src="%ATTACHURLPATH%/fotografia(156).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]]    

</div>
</body>
</html>

Topic revision: r6 - 24 Oct 2007 - 15:20:38 - AraceleCunha?

FACED

FACED Web
FACED Web Home
Programação?

* Webs

- Abacos
- Acbahia
- AnpedGT16
- ArcoDigital
- Argumento
- Avsan
- CalculoB
- Ceb
- Cetad
- CetadObserva
- Cibercultura
- Ciberfem
- CiberParque
- ColoquioCiags
- Coloquiofasa
- ConexoesSaberes
- Cpdteste
- Cppd
- Creche
- Cridi
- Da
- DACN
- DCE
- DelzaTeste
- DeniseCarla
- DepHistoria
- DicionarioBelasartes
- Ecologia
- EDC
- Educandow
- EduMus
- EleicoesReitor2010
- Encima
- Enearte
- Estruturas
- EstruturasEng
- FACED
- FAT
- FepFaced
- GEC
- GeneticaBiodiversidade
- GeneticaBiodiversidade3?
- GeneticaBiodiversidade.GeneticaBiodiversidade
- Gepindi
- GetecEng
- Godofredofilho
- GrupoAlgebra
- ICI010
- Informev
- Ites
- LabioComp
- LEG
- Lepeja
- Letras
- LivroLivreSalvador
- Main
- MaisUm
- Mata07
- Mefes
- MefesCpd
- MetaReciclagem
- Neclif
- NelsonPretto
- Nuclear
- Numcad
- Nutricao
- Observa
- OrfaosdeRua
- PauloCostaLima
- PdI
- PescandoLetras
- PETFilosofia
- Pgif
- PGNUT
- PortalPpga
- PosCultura
- Pospetroigeo
- PPGAC
- PPGE
- PpggBio
- Ppggenbio
- Pretto
- Proad
- PROGESP
- ProjetoLencois
- Quimica
- RadioFACED
- RadioTeatro
- RadioWeb
- Riosymposium10
- Ripe
- Salasdoctai
- Sat
- Sedu
- SemBio
- SeminarioPibid
- SimoneLucena
- Sociologia
- SSL
- Tabuleiro
- TabuleirosUfba
- TCinema
- TerritoriosDigitais
- TWiki
- Twikidea
- UFBAIrece
- UniversidadeNova
- VizinhoEstrangeiro
- XIISNHCT

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