GTIVIDEOAULAS | Seu portal de video aulas » Desenvolvimento

CSS – Molduras efeitos em imagens de galeria

Felipe Girotti — Tue, 23 Feb 2010 18:46:53 +0000

Beleza galera, aqui veremos uns efeitos legais com images png transparentes que servem de molduras apara as imagens

Download arquivos
Site de referência

CSS – Efeitos em galeria de imagens from Felipe Girotti on Vimeo.

Código da video aula HTML





Galeria

Código da video aula CSS

*{margin:0;padding:0}
.icons{ padding:10px;}
.icons ul{ list-style:none;}
.icons li{ padding:4px;width:110px; height:90px;float:left;position:relative;margin:10px;display:inline;}
.icons ul li img{ padding:3px;border:1px solid #c0c0c0;}
.icons ul li span{position:absolute; left:50px; top:-8px; height:21px; width:28px; background:url(images/pin.png) no-repeat;display:block;}
.molduras{ padding:10px;clear:both;}
.molduras ul{ list-style:none;}
.molduras li{ padding:4px;width:200px; height:150px;float:left;position:relative;margin:10px;display:inline;}
.molduras ul li span{position:absolute;top:-5px; left:-1px;  height:134px; width:181px; background:url(images/brush-border.png) no-repeat;display:block;}

.mol{ padding:10px;clear:both;}
.mol ul{ list-style:none;}
.mol li{ padding:4px;width:200px; height:150px;float:left;position:relative;margin:10px;display:inline;}
.mol li img{ padding:3px;}
.mol ul li span{position:absolute;top:-13px; left:-10px;  height:72px; width:122px; background:url(images/floral-corner.png) no-repeat;display:block;}

PHP – Link leia mais Dinâmico

Felipe Girotti — Thu, 18 Feb 2010 09:58:05 +0000

Belezera povo, aqui eu de volta! bem nesta video aula mostrarei como fazer os links de leia mais dinamicamente, ou seja o administrador vai escolher onde ele vai ser ou se vai ter.
Boa aula

Tinymce

AJAX – Spry Data Set

Felipe Girotti — Sun, 27 Sep 2009 02:01:03 +0000

Beleza galera, vamos ver como configurar o Spry Data Set do dreamweaver, e melhor que isto vamos fazer uma aplição em ajax, sem mexer no código e o melhor tudo dinamicamente!

DREAMWEAVER – PHP – Gerar XML dinamicamente

Felipe Girotti — Mon, 21 Sep 2009 10:48:11 +0000

Beleza galera aqui é Felipe Girotti, hoje mostrarei como fazer para gerar um arquivo XML a partir de uma consulta no banco de dados.

CSS – Links personalizados

Felipe Girotti — Mon, 14 Sep 2009 03:02:10 +0000

Beleza galera, veremos hoje como colocar links personalizados em um página, tirando o sublinhado, mudando a cor, fazendo um menu horizontal, e colocando vários links diferentes em uma única página.

DREAMWEAVER – PHP – Server Side Include

Felipe Girotti — Sat, 01 Aug 2009 17:07:37 +0000

Beleza galera, voltanto com mais uma video aula de php com a developer toolbox. Mostrando hoje como a developer toolbox trabalha com a query string.

DREAMWEAVER- PHP – Busca

Felipe Girotti — Mon, 13 Jul 2009 23:37:07 +0000

Beleza galera Felipe Girotti de volta com mais uma video aula de php no dreamweaver. veremos como se faz um sistema de busca simples. E lembrando que hospedar seu site? WebGti.com.br.

DREAMWEAVER- PHP- Multiplo Upload

Felipe Girotti — Mon, 29 Jun 2009 01:58:24 +0000

E ai galera, mais uma video aula de dreamweaver com php, veremos como fazer um upload multiplo de imagem, e fazermos tipo o album do orkut. Com uma foto e o link desta foto nos leva para as demais.

Arquivos necessarios:
Go_To_Detail_Page
codigo

DREAMWEAVER- PHP – Upload de arquivos(2° parte)

Felipe Girotti — Thu, 25 Jun 2009 21:42:07 +0000

E ai galera, aqui o segundo video de upload de arquivos. Neste aprenderemos a fazer um contador de downloads bem fácil.

DREAMWEAVER- PHP – Upload de arquivos (parte1)

Felipe Girotti — Sat, 20 Jun 2009 14:05:20 +0000

Beleza galera, mais uma video aula de php, mostrarei como é facil fazer upload de arquivos com o a developer toolbox.