Posts da categoria CSS

Tooltip em Formulários com CSS

Script em CSS que  faz com que apareça uma tooltip ao lado do campo de texto do formulário. Quando um input recebe o foco aparece uma tooltip sugerindo e orientando a digitação.

Tooltip formulários

Site: http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html

Demo: http://www.askthecssguy.com/examples/formfieldhints/example06.html

Licença: Não especificada.

Lightbox - Caixa de Popup em CSS

Mas um sistema de popup em divs. Pode gerenciar conteúdo e formulários.

Essas aplicações são definidas como modal window, algumas pessoas chamam de modal dialog.

lightbox

Site: http://particletree.com/features/lightbox-gone-wild/

Demo: http://particletree.com/examples/lightbox/

Licença: Não especificada.

Thickbox - Caixa de Popup em CSS

ThickBox é um JavaScript lightbox com jQuery. Pode mostrar num div uma imagem, múltiplas imagens, conteúdo normal ou de um arquivo externo com Ajax.

thickbox

Site: http://jquery.com/demo/thickbox/

Demo: http://jquery.com/demo/thickbox/

Licença: MIT License/GNU License.

slimBox - Caixa de Popup em CSS

Slimbox é um clone do popular Lightbox 2. É leve, eficiente e fácil de usar e configurar. Utiliza uma versão compacta do Framework Mootools.

slimbox

Site: http://www.digitalia.be/software/slimbox

Demo: http://www.digitalia.be/demo/slimbox/

Licença: MIT License.

Visualizar imagens com CSS

Hoverbox é uma galeria de fotos construída somente com CSS. Uma forma simples e elegante de mostrar imagens. Ao passar o ponteiro do mouse, a imagens vão aumentando.

hoverbox

Site: http://host.sonspring.com/hoverbox/

Demo: http://host.sonspring.com/hoverbox/

Licença: Não especificada.

Litebox - Caixa de Popup em CSS

Script de popup com CSS. Específico para imagens, clica e aparece numa div no centro da tela, com uma drescrição e opção para fechar.

litebox

Site: http://www.doknowevil.net/litebox/

Demo: http://www.doknowevil.net/litebox/

Licença: Não especificada.

Greybox - Caixa de Popup em CSS

Script estilo lightbox, permitindo inclusive carregar sites e arquivos externos. Fácil de usar e configurar.

greybox1

Site: http://orangoo.com/labs/GreyBox/

Demo: http://orangoo.com/labs/GreyBox/

Licença: LGPL.

Menu passo a passo

Código CSS muito útil em algumas ocasiões: serve pra criar um menu de  sequência; tipo passo 1, passo 2, etc .

319

Site: http://codylindley.com/CSS/325/css-step-menu

Demo: http://codylindley.com/blogstuff/css/stepmenu/

Licença: Creative Commons License.

CSS Dock Menu

Se você é fã de MAC, provavelmente vai adorar esse menu.

Utiliza Jquery e o componente fisheye. Vem com dois estilos para configurar; no topo ou no rodapé da página.

css-dock-menu1

Site: http://www.ndesign-studio.com/blog/mac/css-dock-menu

Demo: http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

Licença: Não especificada