Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

safas

[Resolvido] como alterar/incluir botoes num layout já em html?

Por , em Desenvolvimento frontend

Recommended Posts

safas    0

safas
Postado

Olá pessoal,

nao sei se este é o campo correto pra postar, mas como o trab. em si é desenvolvido no fireworks, acho que estou certo rs... se for o lugar errado favor encaminhar ao local correto do forum =)

 

minha duvida é a seguinte:

montei um site, com botoes (home, contato etc) tudo nos conformes...porem passou 3 meses, p/exemplo, e eu quero colocar um novo botao neste layout de empresa, por exemplo, porem, quando converte para o html é possivel alterar o template já em html?

 

Eu faço o layout no fireworks, crio os botoes e seus efeitos, depois exporto já em html, ai depois quero adicionar mais uma pagina para este site, isto é possivel, ou terei que alterar o png original, exportar denovo e transferir todo o conteudo do site atual para o novo template com a nova pagina?

 

Obrigado pela ajuda =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

1º - Não se usa a exportação para HTML do Fireworks

 

Você deve apenas criar o layout para ter ma base, depois corta as imagens e cria o HTML/CSS na mão mesmo.

 

É a melhor solução.

 

 

No caso percebo que o seu site original já foi criado desta maneira então fica dificil exportar novamente pois podem acorrer problemas ai

 

aconselho a refazer a codificação do site conforme seus conhecimentos.

 

Caso não saiba nada de css pode estudar pela internet, tem muito material bom inclusive aqui no próprio fórum :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

safas    0

safas
Postado

entendi amigo, obrigado pela resposta =)

 

agora só uma duvida:

Os botoes do site tem movimentos, estes, criados pelo fireworks, por exemplo, voce passa o mouse sobre o botao e o icone se mexe.

 

Se eu for criar um site a mao como voce disse, como irei fazer esses efeitos em html? eu nao conheço =(

teria um nome em especifico esses efeitos para eu pesquisar na internet?

 

Ou poderia exportar do fireworks apenas o menu em si, e acoplar no espaço reservado ao menu, no site criado a mao/html, seria possivel?

obrigado :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

É com HTML e CSS

 

você irá utilizar a propriedade hover do css

 

 

por exemplo:

 

<html>
<head>
<title>teste1</title>

<style type="text/css">
	ul{
		list-style:none;
	}
	li{
		width:200px;
		height:30px;
		background:#003366;
		color:#FFFFFF;
	}
	li:hover{
		background:#CCCCCC;
		color:#333333;
	}
</style>
</head>

<body>
	<ul>
	<li>Link 1</li>
 	<li>Link 2</li>
 	<li>Link 3</li>
 	<li>Link 4</li>
 	<li>Link 5</li>
	</ul>
</body>
</html>

 

 

Aconselho que estude HTML/CSS para ter um melhor aproveitamento em seu trabalho

 

 

Off-topic: Movi seu tópico para a seção mais correta http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

safas    0

safas
Postado

sem problemas =)

 

obrigado pelo codigo, irei testar e pesquisar mais a respeito deste 'hover' =)

 

existem outros codigos html/css que fazem efeitos similares que voce por gentileza pode postar aqui para eu pesquisar tambem?eheh..

 

obrigado pela ajuda amigo :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Dá uma olhada nesses:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/

 

Bastante efeitos bacanas, com várias soluções diferentes e 0 de Fireworks.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito