[Resolvido] Menu Color Palette

[GuilhermeLeobas 0]

Vou dar uma olhada nos links.

 

:lol:

[GuilhermeLeobas 0]

Tem como eu aplicar HTML utilizando o Fw?

[AcquaBlue 0]

Sim, tem como. Adicionar uma Fatia e trocando o tipo(type) dela nas propriedades de Image para HTML, dps nas propriedades mesmo, clicar no Edit e adicionar o HTML. O codigo não irá funcionar no Fireworks, mas quando exportar ja estará funcionando.

 

Abraços!

[GuilhermeLeobas 0]

Não entendi não cara, tem como da uma explicada melhor. :D

[AcquaBlue 0]

Claro killer!

 

Sabe a ferramenta Slice? Ela esta indicada no menu de ferramentas a sua esquerda com um quadradinho verde com um estilete. Para seleciona-lo basta apertar a tecla K.

 

Aonde você quiser aplicar o HTML, você deve adicionar uma fatia dessa.

Quando se adiciona uma fatia, ela por padrão vem como uma fatia de IMAGEM, mas é possivel trocar isso nas propriedades da fatia, no menu propriedades logo na parte inferior do seu monitor.

Nas propriedades, você vai ter algumas opções como Type, Alt, Link, Target, etc. Você só precisará mudar o Type dele. Em vez de deixa-lo como Foreground Image/Background Image ou só Image, dependendo da versão, você deve trocar pra HTML.

Quando trocar o Tipo da fatia para HTML, as opções das propriedades mudam. Ao invés de você ter configurações relativas a uma imagem, tal como extensão e ALT, você passa a ter configurações para HTML e um botão escrito Edit.

 

Nesse botão Edit, ao clicar, irá abrir uma janela, quase que um bloco de notas. Nele você pode escrever a vontade, e inclusive colar codigos HTMLs. Esses codigos que são inseridos ai, ficam vinculados a fatia que você criou. Vão ter o tamanho e a posição no seu web-site bem como você os posicionou no seu documento dentro do Fireworks.

 

Dentro do Fireworks, esses codigos HTMLs não são ativos. Ou seja, não funcionam, mas assim que você exportar esse documento para HTML and Images o Fireworks irá gerar as imagens do site, e uma pagina HTML ja com sua pagina montada, inclusive com seu codigo ja implantado dentro da pagina, bem onde você havia estipulado.

 

A forma mais simples de você entendender o funcionamento disso é assim:

 

Crie um documento em branco de 600x400 px.

Adicione um gradiente da cor que quiser em todo o documento.

Crie um quadrado de 200x200 px e centralize no documento. (x:300 y:200)

Deixe esse quadrado com uma cor sólida, por exemplo branco. Mas uma cor que contraste com o gradiente, não precisa se preocupar em ser estetico neste teste.

Adicione uma fatia de 180x180 px e centralize em cima do quadrado anterior (x:310 y:210)

Troque para HTML bem como lhe expliquei e adicione como código isso:

 

<iframe width="180px" height="180px"></iframe>

Salve o arquivo e de Preview In Browser, escolha o navegador que quiser, e você verá que bem aonde você adicionou a fatia haverá um iframe!

Assim eu acho que fica mais simples de entender o funcionamento.

 

Se você exportasse para HTML and Image, o fireworks iria gerar um arquivo .htm identico a esse que foi aberto no seu navegador!

;D

 

Espero que te ajude.

Abraços!!

[GuilhermeLeobas 0]

Nossa cara, muito obrigado. Bem explicado

[AcquaBlue 0]

Nadinha, qualquer coisa é só pedir!

;D

 

Abrçs!