Autor Tópico: [Tutorial]Criar Mascaras para Hi5  (Lida 4405 vezes)

Offline helder7

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://heldernohi5.hi5.com/
[Tutorial]Criar Mascaras para Hi5
« em: Fevereiro 15, 2010, 02:56:56 pm »
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/

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49