[Tutorial]Criar Mascaras para Hi5

[helder7]

Tutorial - Criar Mascaras para Hi5

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.
http://www.webtuga.com/forum/public/style_emoticons/<#EMO_DIR#>/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/