::Barra de Site::

Crie um novo arquivo de 720px30px.
Faça um retângulo com 720px30px com cor azul (#336699) e com borda cinza(#666666).

Agora aplique um efeito linear verticalmente com a mesma cor azul e acrescente um branco, você irá utilizar a ferramenta degrade(G) fazendo horizontalmente uma reta.

O resultado deverá ser igual a seguinte imagem:

---

2-) Agora você irá aplicar alguns efeitos na barra.

Primeiro vá em Bevel and Emboss (Chanfro e Relevo), e escolha o efeito Inner Bevel (Chanfro Interno).

---

3-) No seu bevel (chanfro) você irá colocar configurações como mostra a figura a baixo:

---

Traduções para quem usa o Fireworks em português:

Smooth -> Suavização

Highlighted -> Alto Relevo

4-) Agora escreva os links que irão compor a sua barra.
Depois selecione todas as palavras e vá em Modify/Align/Center Horizontarl (Modificar/Alinhar/Centralizado Horizontal).

Agora vamos colocar efeitos nos links.
Clique no primeiro link e depois vá em Modify/Symbol/Convert to Symbol (Modificar/Simbolo/Converte em simbolo) ou apenas aperte "F8".
Agora escolha a opção Button (Botão).

---

5-) Agora clique duas vezes em cima do seu botão.
Vai aparecer o seguinte tela:

---

6-) Copie o nome do primeiro link e cole no Frame 2 (Moldura 2), no outro Frame (Moldura) você poderá mudar a cor do link para qualquer outra cor.

Agora faça esse mesmo procedimentos em todos os outros links.

Não esqueça de colocar o "link" e a "target" do link.

---

Prontinho, a sua barra está pronta para colocar em seu site, lembre-se o estilo vai de vocês, aqui é apenas uma instrução básica por onde começar.

Bem, espero que tenham gostado dessa dica. Grande abraço e até a próxima!

[]' Eloah Cristina

Tutoriais Mania - O Maior Portal de Tutoriais da WEB

---

Deixe seu comentario sobre esta matéria: