Jump to content


Photo

Como Exportar Um Símbolo De Botão ?


  • Faça o login para participar
18 replies to this topic

#1 Marcellus

Marcellus

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Masculino

Posted 02/03/2008, 11:10

Olá pessoal não estou conseguindo exportar para o dream um menu de botões que fiz para um site, já tentei enviar como imagem, html e não vai. Alguém poderia me dar uma luz neste problema. Obriagado desde já.

#2 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 02/03/2008, 12:52

Esse menu tem o efeito hover? Então você deve ter exportado o html no Fireworks... se possível, publique o html e poste o link para podermos encontrar o problema.

Eu não recomendo exportar html no Fireworks, sempre falo isso aqui no Fórum WMO. Seria melhor exportar botão por botão (imagem) e depois trabalhar com o CSS.

(ok2)
att,
Muller Dias
ex-administrador Fórum WMO

#3 Marcellus

Marcellus

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Masculino

Posted 02/03/2008, 17:37

Veja bem eu criei um menu de botoes ao qual onde vc passa o mouse em cima ele muda de cor e apos clicado fica com cor ja visitada, mais quando tento exportar segundo as informaçoes do fireworks, nao vai aparece a animaçao no dream. Qual seria exatamente o procedimento para q este apareça no dream para ser colocado na net.
Obrigado


#4 Stress

Stress

    Veterano

  • Monitores
  • 1111 posts
  • Sexo:Masculino
  • Localidade:Salvador-BA

Posted 02/03/2008, 18:55

solução pra isso, seria você deixar o layout do menu vago, fatiado esse espaço e no dreamweaver colocar como background fazer tabelas em seguida importar com imagens (com isso fazer o procedimento parecido que do que você quer...)

espero que entenda...
Stress - Monitor Webfórum - Equipe de Editores Web / Negócios & Oportunidades

Desde de 2002 usuário ativo.(antigo nick que deu tilt era XITEM).

Posted Image

#5 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 02/03/2008, 20:27

Você esqueceu de copiar o Javascript, sem ele os efeitos não funcionam.

No html exportado, localize o Javascript e copie para o documento que está no Dreamweaver (cole entre as tags head). Será algo parecido com o exemplo abaixo:

<!--Fireworks 8 Dreamweaver 8 target.  Created Sun Mar 02 20:11:32 GMT-0300 (Hora oficial do Brasil) 2008-->
< script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>

(ok2)

Edição feita por: '' sem.Ponto, 02/03/2008, 20:29.

att,
Muller Dias
ex-administrador Fórum WMO

#6 Marcellus

Marcellus

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Masculino

Posted 03/03/2008, 20:19

Vamos ver se entendi, devo fatiar este procedimento, e enviar fatiado certo ? Outra coisa como back ground seria como enviar uma imagem na tabela ? E depois faria o que ? Me desculpem o incomodo, mais isso para é importante, todo o meu site fora criado com estas animaçoes que podem ser simples mais para quem esta começando é importante, muito obrigado a todos pela paciencia e a bondade q estao a ter comigo, desejo sucesso milhares de vezes a todos.

#7 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 03/03/2008, 21:01

Opa !!! :D

Vou tentar...

Após criar seu botão no Fireworks, com seus respectivos efeitos e slices vá em File > Export (configure como segue o exemplo)
Na opção (Put images in subfolder) é importante criar a pasta correspondente para que as imagens fatiadas fiquem dentro desta.

Outra coisa como back ground seria como enviar uma imagem na tabela ?

Não entendi... :wacko:

Seria:

Background = Fundo do site, laterais etc...
Background = Determinada célula composta de uma imagem, onde você irá inserir um texto e etc...


AN :)

Attached Files



#8 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 03/03/2008, 21:02

Vamos ver se entendi, devo fatiar este procedimento, e enviar fatiado certo ?

Fatiar não, os botões já ficam fatiados. Você deve exportar em File » Export. Depois você deve copiar a parte que contém o menu abrindo o arquivo html que foi gerado pelo Fireworks e copiar também o Javascript como eu mencionei mais acima.

Outra coisa como back ground seria como enviar uma imagem na tabela ?

O Fireworks tem um vício de exportar um html sujo... ele salva tudo como imagens. Ou seja, ele não gera e nunca vai gerar background automaticamente.

Você deve pegar a ferramenta Slice Tool e delimitar a área em cima do background, assim você estará crindo uma fatia. Depois você deve clicar com o botão direito do mouse sobre essa fatia e clicar em "Export image". Pronto! Agora que a imagem está salva, basta abrir o Dreamweaver, selecionar a tabela ou célula e adicionar o background através do painel Properties.

(ok2)
att,
Muller Dias
ex-administrador Fórum WMO

#9 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 03/03/2008, 22:04

como voce esta exportando seu arquivo?
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search

#10 Marcellus

Marcellus

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Masculino

Posted 05/03/2008, 09:47

Olá pessoal desculpe a demora tive q correr atras de outra coisa aqui, mais hoje vou tentar exportar, bom estou salvando como png, tal a indicaçao que obtive do fireworks.
Obrigado vou tentar realizar hoje e depois vamos ver.

Edição feita por: Marcellus, 05/03/2008, 09:48.


#11 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 05/03/2008, 10:10

bom estou salvando como png

Exporte como (jpg) ou (gif) deixe o png para o editável.



AN

#12 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 05/03/2008, 13:10

bom estou salvando como png

Exporte como (jpg) ou (gif) deixe o png para o editável.



AN

Não AN, tem que exportar como HTML por causa dos efeitos hover e visited.
att,
Muller Dias
ex-administrador Fórum WMO

#13 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 07/03/2008, 06:54

Não AN, tem que exportar como HTML por causa dos efeitos hover e visited.


Sim, sim tem razão '' sem.Ponto. (File > Export)

Me referi ao resultado final.


AN

#14 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/09/2017, 07:11

Cialis 20mg France cialis Levitra Bayer 10 Mg
Injection Amoxicillin Dosage
Acheter Kamagra Ligne Suisse <a href=http://cialtobuy.com>buy cialis</a> 20mg Cialis Review
Canadian Atarax cialis Clomid Amenorrhee Ovulation
Online Order Tadalis Sx Soft 60mgs Dapoxtine With Levitra
Rx Dth 24 B Kamal Kunj Mumbai India <a href=http://cialtobuy.com>cialis</a> Mifepristone Et Misoprostol

#15 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 25/09/2017, 08:01

Cilag Preis Propecia Pas Cher Canada Cialis Tratamiento Cancer cialis Croup Cough And Amoxicillin




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq