SHUSHUISHS
Galeria de fotos em Javascript
Navegue na nossa galeria:
01 -
02 -
03
![]()
* {
margin: 0;
padding: 0;
}
HTML, body {
font: 11px "Trebuchet MS", Arial, sans-serif;
}
h1 {
margin-bottom: 5px;
font-size: 1.4em;
text-transform: uppercase;
}
img {
border: 2px solid #666;
}
#galeria {
position: relative;
width: 304px;
margin: 1em auto;
padding: 5px;
background: #cacaca;
}
#galeria span.legenda {
display: block;
width: 296px;
padding: 2px;
background: #CACACA;
font-style: italic;
text-align: left;
}
#galeria ul#thumbs {
clear: both;
padding: 5px;
text-align: center;
list-style: none;
}
#galeria ul#thumbs li {
display: inline;
margin: 0 3px;
}
#galeria ul#thumbs li a {
text-decoration: none;
}
#galeria ul#thumbs li a img.full,
#galeria ul#thumbs li a span.legenda {
position: absolute;
visibility: hidden;
left: 5px;
}
#galeria ul#thumbs li a img.full {
top: 30px;
cursor: default;
}
#galeria ul#thumbs li a span.legenda {
top: 188px;
color: #000;
cursor: text;
}
#galeria ul#thumbs li a:active img.full,
#galeria ul#thumbs li a:focus img.full,
#galeria ul#thumbs li a:active span.legenda,
#galeria ul#thumbs li a:focus span.legenda {
visibility: visible;
}
0 comentários:
Postar um comentário