Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) background degrade


Notax

Pergunta

Pessoal, boa tarde.

Estou tentando colocar um fundo degrade no meu site, e já vi esse tuto aqui: http://www.maujor.com/dicas/bgdegrade.php

mas fiz através desse tuto e não rolou...

1º porque a qualidade ficou muito ruim... sei lá... essas dimensões estão certas 10 x 700?

2º como faço para salvar uma imagem no fireworks com extenção .jpg? aqui eu não consegui nem exportando!

To tentando fazer isso com o dreamweaver...

valeu pela atenção.

[]'s Notax.

Link para o comentário
Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

  • 0

valeu aí pessoal...

Bom, já consegui exportar pra jpeg...

mas não sei, ainda não ta nada parecido com o que eu queria... o fundo fica aparecendo como se fose várias barrinhas uma do lado da outra...

Essa dimensão 10X700 está correta?

Notei que ao exportar aparecem algumas opções como:

smoothing - > está como no smoothing

progressive -> desmarcado

sharpen color edges -> marcado

será isso?

meu script ta assim:

<body>
<style type="text/css">
body {
background:#02CBFF url("fundo.jpg") 
top left repeat-x fixed;
     }
</style>
</body>

valeu a força aí pessoal...

[]'s Notax.

Link para o comentário
Compartilhar em outros sites

  • 0

ahá! :D ... tá explicado.

Notax, o código -- da forma como está -- permite um degradê vertical: veja que a imagem criada no tutorial faz um degadê de cima para baixo.

Pra fazer um degradê horizontal, como você deseja você deve inverter as dimensões da imagem: de 10x700 (largura x altura) para 700x10

Além disso você deve alterar repeat-x para repeat-y. Esta é a solução, mas procure entender o porquê! OK!?

T+

Link para o comentário
Compartilhar em outros sites

  • 0

Aham... valeu aí pessoal...

Flávio... entendi sim... entendi aonde estava meu erro... estava mandando repetir no eixo errado, e a figura tb estava desenhada de forma incorreta...

o que eu não entendi ainda é o porque deste tamanho... veja que agora deu certo, mas mesmo assim na largura (700) ainda ficou um pouco menor que a tela em (800X600) e em (1024 X 768) ficou menor ainda...

porque se usa esse tamanho???

Como centraliza-se este fundo na tela?

valeu a força.

[]'s Notax.

Link para o comentário
Compartilhar em outros sites

  • 0

Bom, Notax, esse tamanho é você quem escolhe.

No exemplo, ele provavelmente usava uma DIV de largura 700px. POr isso ele fez uma imagem de largura que pegasse toda aquela extensão da DIV.

você muda a imagem de acordo com as dimensões do elemento que vai receber aquele fundo.

Link para o comentário
Compartilhar em outros sites

  • 0

uhm... ok! entendi... valeu denovo Flávio... mas (não querendo abusar) como eu centralizo esse fundo na tela? digamos... caso eu queira usar com essa dimensão mesmo?

tipo... já tentei por esse caminho aqui:

<p align="center"> 
  <style type="text/css">
body {
background:#FFFFFF url("fundo.jpg") 
top left repeat-y fixed;
     }
</style>
</p>

mas não rolou!!!

Editado por Notax
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...