Legenda em Imagens
Um efeito bonito , quando se passa o rato por cima da imagem é aparecer a sua legenda, poupa algum espaço na página e dá um efeito porreiro
HTML
CSS
.imgefeito {
margin: 0;
overflow: hidden;
float: left;
position: relative;
}
.imgefeito a {
text-decoration: none;
float: left;
}
.imgefeito a:hover {
cursor: pointer;
}
Estilização da imagem onde aparecerá o texto no estado hover, ou seja, quando o mouse estiver sobre a imagem.
.imgefeito a img {
float: left;
margin: 0;
border: none;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
}
Em seguida estilizamos o texto Saiba Mais e a “caixa” da legenda que será mostrada quando passarmos o mouse sobre o texto. Perceba o uso de um comando proprietário da Microsoft, –ms-filter para o efeito funcionar no Internet Explorer 8.
.imgefeito a .mais {
position: absolute;
right: 20px;
bottom: 20px;
font-size: 1.2em;
color: #fff;
background: #000;
padding: 5px 10px;
filter:alpha(opacity=65);
opacity:.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgefeito a:hover .desc{
display: block;
font-size: 1.2em;
padding: 10px 0;
background: #111;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
position: absolute;
bottom: 11px;
left: 11px;
padding: 10px;
margin: 0;
width: 615px;
border-top: 1px solid #999;
}
.imgefeito a:hover .desc strong {
display: block;
margin-bottom: 5px;
font-size:1.5em;
}
retirado de kadunew.com
Galeria de Imagens
Boa selecção de galeria de imagens para adicionar em sites.
http://desizntech.info/2010/08/25-fresh-jquery-plugin-that-will-rock-your-world/
Pixlr — editor de imagens online
Agora editar as suas imagens nunca foi tão fácil, já não precisa de instalar um programa de edição de imagens no seu computador, basta aceder ao site http://www.pixlr.com/editor/ e editar as suas imagens o interface é bastante simples e acessível é muito parecido ao interface do photoshop
http://www.pixlr.com/editor/
Ajax lightbox and modal dialog solutions
1. Lightbox2
A popular lightbox solutions that written by Lokesh Dhakar, it is built on prototype and scriptaculous framework. It only supports images and slideshow.
2. Lightbox Gone Wild
Inspired by lightbox and include the support for form and html. It is based on prototype and scriptaculous.
3. Colorbox
Lightweight and customizable lightbox plugin through CSS and jQuery. The plugin support images, image group, ajax, inline content and iframe content.
4. Fancybox
Display images, html and multimedia content. It is a jQuery based lightbox.
5. jQuery Lightbox Plugin
Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.
6. prettyPhoto
Jquery lightbox clone and support more multimedia format.
7. Litebox
Lightweight lightbox which built on moo.fx and prototype.lite.
8. Thickbox
Similar solutions to lightbox2, but it has more features like display inline content, iframed content or content served through ajax in a hybrid modal. It is build on jQuery.
9. Slightly Thickerbox
A mod from thickbox which add on next and previous button to form a images gallery.
10. Slimbox
The ultimate lightweight Lightbox clone for jQuery. As stated, slim and slimmer solutions for lightbox.
11. LightView
Built with prototype and scriptaculous. Supports plenty of media format.
12. jQuery Dialog
jQuery UI also contains dialog component, although its nature is more like a dialog and form. But, you can customize to create your own flavor of image preview or gallery.
13. Prototype Window
A prototype based window dialog.
14. MochaUI
MochaUI is an UI framework for mootools. It includes dialog windows for displaying rich content.
15. Facebox
Facebook lightbox aliked, jQuery based modal dialog. It support images, div or entire remote pages.
16. Boxy
Facebox aliked, but it support more features like dragging and size tweening.
17. ModalBox
A modal dialog that allow you to include html within. Build with prototype and scriptaculous.
18. Shadowbox
Support most of the media format and it is customizable through css. On top of that, it is a standalone javascript solutions. It is free for non-commercial usage.
19. LightWindows
A comprehensive lightbox solutions which enable you to embed images, video,iFrame, flash and more.
20. SimpleModal
Yet another jQuery based modal dialog.
21. jqModal
22. Multibox
Support images,flash, video, mp3 and html and it is build with mootools.
23. Greybox
Can be used to display websites, images and other content, doesn’t rely on any ajax framework.
24. Highslide
A really quick and smooth free image viewer. It supports plenty of formats like html,ajax,iframe and flash.
25. Sexybox
Another standalone lightbox which display content directly from html.
Lightbox Generator
VisualLightbox
WebGalleryCreator
Lightbox Plugins for WordPress
Lightbox2
jQuery Lightbox
Shadowbox
Flexible Lightbox
If you need more lightbox plugin for wordpress, you can visit the link here.
Alternative Solutions
Creating Lightbox with CSS
Firefox hack – Greased Lightbox
Via: http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/
10 Places to Find Absolutely Free Vector Graphics
10 sítios para encontrar vectores.
http://tutorialblog.org/10-places-to-find-absolutely-free-vector-graphics/
Fotos Grátis — Imagens Profissionais
O post abaixo contem uma lista de 25 motores de pesquisa de imagens gratuitas..
