Fórum WebTuga

---

Embora muita gente já saiba como criar mascaras, ainda há algum pessoal que gostava de saber, pois agora sem css, as mascaras são a única solução para personalizar o perfil

---

1-Vamos ao nosso perfil e clickamos em "Alterar a minha mascara"
Nota: Caso você não esteja a usar mascara, deve de clickar em "Mascarar Perfil"

---

2-Agora Clickamos em "Fazer uma mascara"

---

3-Agora irá aparecer o seguinte:

Esta é a página para criar a Nossa Mascara! A qual nos mostra nas 3 colunas toda a estrutura do Hi5.

a) Página Global: Fundo do hi5, Tipo de Letra, Cor da letra , etc.
/cool.png\' class=\'bbc_emoticon\' alt=\'B)\' /> Secção Principal: Detalhes do Usuário, Digital Home, Nome, Avatar, etc.
c) Secções Mini: Secções, sobre mim, Interesses, Fives, opiniões, etc.

---

4. A primeira coisa que devemos de fazer é dar um nome a nossa mascara

*-Upload de Imagens - Para você fazer upload de imagens em qualquer secção, deve de pressionar o botão"Procurar", depois seleccione a imagem que quer e click no fim em abrir.

De imediato irá aparecer um icone ao lado do botão "Procurar..."
Click nesse botão para o upload da imagem começar

Qunado o upload terminar irá aparecer um "certo" na zona onde estava antes o botão de upload
A qualquer momento você pode mudar a imagem, basta click em "Remover imagem" e fazer upload de outra.

*Para as imagens serem carregadas com sucesso, você deve de respeitar alguns requisitos, tais como o formato (.gif ou .jpg) e o tamanho que varia de acordo com cada secção

---

5- Configurações gerais
Eles podem alterar o fundo de uma imagem Hi5 ou apenas dar uma cor.
Se você tiver uma imagem para cima as seguintes opções:

Posição: local onde escolhem o sitio para a imagem aparecer
Anexo: Fixo (a imagem permanece no lugar, mas não se move com o scroll), scroll (a imagem permanece no lugar, mas se ele move-se com o scroll).
*para quem não sabe scroll é descer a página

Repita: Eles podem repetir a imagem na vertical (para baixo) ou horizontal (através) ou ambos ou nenhum.

Você pode ainda modificar aqui:
Texto do cabeçalho: top Texto do Hi5.
Cores da página: Todos os textos e links do Hi5.

---

6-Secção Principal

Aqui pode alterar:

Cabeçalho da secção: Onde está o nome do perfil e visitas.
Texto da Secção: Onde está a imagem principal, avatar, etc
Fundo do Rodapé: Escolha a imagem para ficar no rodapé da secção principal

---

7-Secções Mini

Aqui pode alterar:

Cabeçalho de secção: Onde está o título de secções (apenas o título).
Navegação da secção: Os links abaixo os títulos.
Texto da Secção: As informações em cada seção.
Fundo do Rodapé: Aqui pode escolher uma imagem(rodapé) para o fundo das secções

---

8-No fim de acabar de personalizar a mascara, temos 3 botões no fundo:

Pré-Visualizar - Aqui você pode ver como esta a sua mascara, antes de a salvar
Guardar - Você salva a sua mascara. Pode-a editar posteriormente
Submeter ao Hi5 - SE você quiser que a sua mascara seja publica, e que possa ser usada por outros

---

9- Depois de salvar a mascara aparecerá esta mensagem:
Click no link "mascaras I" para irem até a vossa galeria!

---

10-Agora que já estamos na nossa galeria, podemos efectuar várias acções na nossa mascara
Editar - abre o editor e podemos fazer alterações na mesma
eliminar - apagar a mascara
Pre-visualizar - ver como fica a mascara no nosso perfil
Usar máscara - usar a mascara no nosso perfil

---

Ficheiro .psd para ajudar na elaboração da vossa mascara



Créditos: http://css.dire.com/ (http://css.dire.com/)