Listar Arquivos de uma pasta usando PHP

Essa é uma questão comum entre os iniciantes em PHP (ou não), como listar os arquivos de uma pasta? Mais …. como listar os arquivos recursivamente? Mas, o que quer dizer recursivamente mesmo? … Significa listar os arquivos da pasta raiz e suas subpastas. Bem … abaixo está o vídeo do David CHC, as vídeo-aulas dele são óóótimas, muito bem explicadas. recomendo!

Nesse vídeo você verá:

  • Uso de SPL (conjunto de classes e interfaces)
  • Listar os arquivos de uma pasta específica
  • Listar os arquivos de uma pasta e suas subpastas
  • Listar somente as pastas

Como fazer um efeito realista de sombra no Photoshop

Ícone Photoshop CS4Esse é um efeito fácil e rápido de fazer, mas o resultado é muito bom! Tomei como base outro tutorial que vi pela web (como qualquer coisa que circula na rede … hehehe), porém com algumas modificações. ;)

Isso é o que faremos:

E esse é o efeito final:

1) Abra sua imagem e dê um espaço nas laterais para que possamos trabalhar

tela do photoshop - passo1

2) Na janela de controle de camadas, pressione o CTRL (Control) e clique na miniatura da camada para selecionar a imagem

3) Agora Crie uma Nova Camada e “Desligue” (clicando no ícone do “olho” na camada) a camada da foto para podermos visualizar melhor a sombra que iremos criar

4) E usando a seleção criada no passo 2, preencha-a com a cor preta

5) “Ligue” novamente a camada da foto, desfaça a seleção (CTRL + D),  selecione a sombra que criamos e com a ferramenta seleção desloque-a para a direita e para baixo

6) Na janela de controle de camadas, selecione a camada da sombra, vá no menu:  Editar > Transformação > Deformar (ou em inglês: Edit > Transform > Warp)

Arraste as alças no sentido da imagem abaixo:

Imagem passo 6A

Deixando-a assim, então clique na tecla <Enter> para confirmar:

Imagem Passo 6B

7) Ainda com a camada da sombra selecionada, diminua sua opacidade para 60%

Imagem Passo 7A

Imagem Passo 7B

8 ) Agora vá no menu:  filtro > Desfoque > Desfoque Gaussiano (ou em inglês:  Filter > Blur > Gaussian Blur) e aplique um desfoque com um raio de 2 pixels

Imagem passo 8

9) Agora insira no background uma textura de cortiça para destacar a imagem com a sombra

Imagem Passo 9

10) E para dar um toque final, adicione os brilhos nos cantos e vire um pouquinho a foto, só para dar um “chalme” ;)

Imagem Passo final

Clique aqui e baixe o arquivo PSD feito no tutorial

O que é um favicon e como fazer um?

Barra de endereços do navegadorFavicon são aqueles ícones que ficam na barra de endereços do seu navegador, nas abas e também nos seus favoritos, eles servem para identificar, e claro, dar uma identidade ao seu site.  Nesse tutorial vou ensinar como fazer um favicon usando uma ferramenta online.

É muito fácil fazer um favicon, você pode usar qualquer dimensão de imagem, mas é preferível que se use uma com dimensões quadradas, pois como é mostrado na imagem acima, o espaço é melhor aproveitado quando a imagem é quadrada.

Então, mão na massa!

1) Escolha a imagem que quer usar para seu favicon. No meu caso usei parte da imagem do meu logotipo:

Modelo favicon

Caso precise de alguma inspiração para criar seu favicon, dê uma olhada nos links abaixo:

Smashing Magazine 1

Smashing Magazine 2

2) Acesse o site Dynamic Drive:

Logo Site dynamic Drive

3) Clique em “Selecionar arquivo” e selecione a imagem que você escolheu

Campo selecionar arquivo

4) Clique em “Create Icon”, será exibido um preview do seu ícone com um botão de download logo abaixo. Ccaso estiver tudo certo, clique nele e baixe seu favicon (Difícil, né?! hehehe …)

preview do favicon

OK, mas como “instalo” isso no meu site?

Primeiramente coloque o arquivo favicon.ico na raiz do seu site, onde se encontra o index. html ou index. php. No caso do Joomla ou WordPress, coloque-o junto do index.php do template que está usando.

Insira a linha abaixo na <head> do seu site:


<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Ficando da seguinte maneira:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nome do site</title>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>

 

OBS.:  O favicon não irá aparecer imediatamente no seu site, seja paciente

Como descompactar arquivos maiores de 4gb?

Você já se deparou com a situação em que tentou descompactar um arquivo maior de 4 GB e seu programa disse que não há espaço em disco suficiente?

como descompactar arquivos maiores que 4gb

Isso acontece porque o seu sistema de arquivos provavelmente é FAT32, ele tem uma limitação de tamanho de arquivo de 4 Gb (embora isso pareça muito, arquivos de vídeo podem facilmente superar este tamanho).

O Sistema de arquivos FAT32 é basicamente uma evolução do FAT convencional (também conhecido como FAT16),  sua primeira versão foi desenvolvida em 1980, para atender às necessidades daquela época.

Então o que fazer?

Nesse caso não tem jeito, você deverá criar uma partição em seu HD e formatá-la usando o sistema de arquivos NTFS.

O sistema de arquivos NTFS é um pouco mais lento que o FAT32, porém trabalha com limite de tamanho bem maior para os arquivos, mas ele somente é “mais lento” por ter mais recursos que o FAT32. O NTFS foi criado em 1993 pela necessidade de ter um sistema mais estável para execução em servidores.

Como saber qual é meu sistema de arquivos?

como descompactar arquivos maiores que 4gbPara saber qual é o sistemas de arquivos usado no seu HD:

1 ) Vá no Windows Explorer e clique com o botão direito em cima da unidade C:

2) Clique em propriedades

Irá abrir a janela abaixo mostrando o sistema de arquivos:

como descompactar arquivos maiores que 4gb

Para saber mais sobre partições, acesse esses links abaixo, lá tem artigos ótimos e beeemm detalhados sobre o assunto:

Baboo: http://www.baboo.com.br/conteudo/modelos/FAT32-x-NTFS_a3981_z0.aspx

Tecmundo: http://www.tecmundo.com.br/1506-fat32-ou-ntfs-qual-o-melhor-parte-1-de-2-.htm

Como criar uma partição de HD no Windows 7

logo windows 7Existem vários programas para criação de partições em HD, como:

- Partition Magic

- EASEUS Partition Master

- Partition Wizard Bootable CD

- entre outros …

Porém no Windows 7 não é preciso formatar o HD inteiro ou instalar nenhum programa, veja:

Sites gerenciáveis

Não dependa de ninguém!
Atualize e gerencie
seu próprio site!

Entre em contato
e saiba mais

8 Fontes CSS que você poderia usar para o seu site

data 07/02/2010 Autor PiXCategoria Design, TutoriaisComentários 0

Tags Tags: , , ,

As Folhas de estilo (CSS) introduziram muitos recursos em termos de tipografia e na web, mas os designers parecem estar limitados sempre aos mesmos caracteres tipográficos, pois nem todos os tipos de fonte são suportados em diferentes plataformas.

 

Por exemplo, se você usou uma fonte que não é aceito universalmente, não há garantia de que essa fonte será renderizada nos computadores de cada internauta. Assim, designers e desenvolvedores estão limitados a alguns tipos de letra ou fontes e estes são aqueles que podemos assumir seguramente para estar disponível na maioria dos computadores hoje.

Segundo 3point7designs.com, as seguintes fontes podem ser utilizadas no design e em folhas de estilo sem se preocupar se vão ou não serem processadas corretamente na maioria dos computadores.

Palatino Linotype / Palatino

WINDOWS 97.09% / MAC 78.86%

Este tipo de letra serifada é um bom substituto para o Times ou Georgia, apenas no caso de você ficar cansado dessas duas fontes mais populares. Essa fonte também é suportada em ambas as plataformas, Mac e Windows (97,09% de todas as máquinas Windows tem, e 78,86% do Mac).

Tahoma

WINDOWS 96.09% / MAC 72.02%

Muito eficiente para usar como uma fonte para cópias e uma ótima substituição para Arial ou Helvetica.

Impact

WINDOWS 95,85% / 88,08% MAC

Uma ótima fonte para usar como cabeçalho. Impact tem sido uma das fontes mais usadas provavelmente porque é uma das fontes padrão na maioria das máquinas. Então porque não fazer uma algo mais “impactante”? “cabeçalhos de seus sites usando essa fonte? Impact é suportada tanto pelo Windows quanto por Mac.

Century Gothic

WINDOWS 85.44% / MAC 42.50%

Uma fonte muito elegante, Century Gothic seria uma letra muito boa para cópias, assim como cabeçalhos. No entanto, uma porcentagem não muito grande de sistemas Mac (apenas 42%) vêm com esta fonte pré-instalada, embora a maioria das novas máquinas as têm. Se você está preocupado com o baixo suporte mac, uma boa alternativa seria Futura (que tem um ótimo suporte mac).

Arial Black

WINDOWS 97.73% / MAC 96.18%

Esta fonte é perfeita para cabeçalhos, também é um bom substituto para a fonte impact caso você queira variedade ou simplesmente esteja enjoado dela.

Arial Narrow

WINDOWS 87.08% / MAC 91.01%

Esta fonte é ideal para usar quando se quer criar um cabeçalho mais elegante e sutil. Também é boa para utilizar no corpo do texto, se quiser algo diferente da tradicional arial.

Copperplate / Copperplate Gothic Light

WINDOWS 58.13% / MAC 85.85%

Se bem utilizada, esta fonte muito bonita para sites, uma vez que tem um suporte muito bom em computadores mais recentes do Windows e Mac. Copperplate gótico é melhor usar para títulos maiores. Apenas evite usá-la em textos menores, uma vez que não é muito legível em pequenas fontes, especialmente quando não é corretamente renderizada.

Gill Sans / Gill Sans MT

WINDOWS 43.09% / MAC 90.82%

Esta fonte funciona bem para cabeçalhos e textos. No entanto, esta fonte tem pouco suporte para PC’s/máquinas Windows. Talvez os novos tenham essa fonte pré-instalada.

Fonte: bestdesignoptions.com

 

Deixe seu comentário

Categorias

Últimos Comentários