Jump to content


Photo

Cor Do Fundo


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

#1 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 27/06/2006, 09:48

Olá Pessoal, to com um dúvida e não to conseguindo resolver.
È o seguinte, preciso dividir o fundo do site em duas cores, tipo, do lado esquerdo vermelho e do lado direito branco. Ja tentei fazer uma imagem com as duas cores e adicionar como background, mas não deu certo.
Alguém poderia me dar uma dica de qual é a melhor forma de resolver isso.

Grato

Luciano

#2 Makerup

Makerup

    diga XXXXXXX ... isso é palavrão??

  • Usuários
  • 1271 posts
  • Sexo:Masculino
  • Localidade:Sampa

Posted 27/06/2006, 10:43

suponho q tenha uma celula em cada lado onde quer aplicar a cor de fundo....


o q acha de selecionar a celular e aplicar cor de fundo nela??


para fazer isso...


selecione a celula, va ao menu inspetor de propiedades e escola a cor na opção BG.
makerup comunicação e marketing

#3 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 27/06/2006, 10:46

Makerup, não entendi o lance da célula. como assim.

desculpe é que sou bem iniciante.



não é o fundo de uma célula da tabela, e sim o fundo background, gostaria que o background fosse divido em duas cores na pagina inteira.

não seria a cor da célula, e sim o background da pagina, gostaria que fosse em duas cores na pagina inteira, isso que não consegui fazer

Edição feita por: Makerup, 27/06/2006, 11:20.


#4 Makerup

Makerup

    diga XXXXXXX ... isso é palavrão??

  • Usuários
  • 1271 posts
  • Sexo:Masculino
  • Localidade:Sampa

Posted 27/06/2006, 11:17

1- crie um doc novo,
2- crie uma tabela (layout table) como na figura em anexo...
3- Insira 2 celulas(Draw Layout cell) dividindo a tabela ao meio, selecione uma.
4- va ao menu inspetor de propiedades no rodapé do dreamweaver, e escolha a opção BG para aplicar cor ao fundo da celula.


só isso.

Posted Image


veja também >> Tutorial - fundo da celula.

Edição feita por: Makerup, 27/06/2006, 11:21.

makerup comunicação e marketing

#5 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 27/06/2006, 11:25

Então essa parte eu entendi, mas o background da pagina continuaria branco inteiro, e é isso que quero mudar, que ele seja dividido .

#6 Makerup

Makerup

    diga XXXXXXX ... isso é palavrão??

  • Usuários
  • 1271 posts
  • Sexo:Masculino
  • Localidade:Sampa

Posted 27/06/2006, 11:32

aplica 100% nas medidas de px da sua tabela...

ela vai esticar. porem...

tem de ser feito assim... pois se aplicar uma imagem como fundo do site vai gerar problemas com resoluções...

nesse caso q te mostrei é so vc usar medidas corretas e deixar 0px de borda...
makerup comunicação e marketing

#7 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 27/06/2006, 14:31

consegui fazer dessa forma, mas o meu problema é com o fundo branco que mantem desse jeito.
complicadinho pra mim resolver isso

#8 Fábio

Fábio

    = )

  • Usuários
  • 547 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Aprender e, na medida do possível, ensinar.

Posted 27/06/2006, 19:13

Colocar dois planos de fundo seria impossível.. duas cores distintas numa mesma folha, idem.

Ou seja, use o q o Mkrup disse, ou use o 'no-repeat' na propriedade do bg e coloque uma imagem. ;)
Fábio Martinho
www.fabiomartinho.com
Participante da equipe de 11/11/2005 a 20/11/2007.

#9 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 27/06/2006, 19:50

Uma tentativa mas poderia ter problemas na mudança de resolução ...

Seria :

Crie uma imagem de 800px de largura por 1px de altura com as duas cores que tu quer ...adicione ela como bg centralizado para não ficar tão estranho em resolução maior.

Após aplique esse bg com repeat-y ...

Pronto ...

Você pode tbm além de aplicar a imagem de fundo alinha a esquerda e aplicar uma cor de fundo tbm geral da mesma cor da segunda cor da imagem ...

Assim quando a resolução for maior o fundo não ficara com uma coluna branca no lado direito ... ficara com a cor igual a da segunda cor ...

Espero que tenha entendido.

(y) Até mais

#10 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 28/06/2006, 08:02

Ae Pessoal, valeu pelas dicas, to entendendo agora.
Caro Fabio Gonçalves, fiz um teste com uma imagem e ela repete várias vezes mesmo, como que eu coloco no código esse item 'no-repeat' que vc mencionou.

Grato

#11 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 28/06/2006, 09:12

background-repeat: no-repeat;

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#12 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 28/06/2006, 09:46

Oi Andreia

tentei inserir o código de toda forma e não deu certo.

O meu código ta assim, vc poderia me dizer em qual parte eu acrescento.

<body bgcolor="#FFFFFF" background="file:///C%7C/Trab/fundo.jpg">
</body>

Grato

#13 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 28/06/2006, 14:54

Tenta assim:

<body style="background-image: url(Trab/fundo.jpg); background-repeat: no-repeat; background-attachment: fixed; background-color: #FFF;">
</body>

qualquer coisa, post novamente!

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#14 Luciano

Luciano

    Turista

  • Usuários
  • 29 posts
  • Sexo:Não informado

Posted 29/06/2006, 09:54

opa, que maravilha!!!
Ae Andreia, valeu mesmo, consegui.

Aos outros amigos, valeu pela paciência e pelas dicas

Abraços

#15 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 29/06/2006, 10:24

Que bom!

Se vc quiser saber mais sobre css, acesse: http://www.artifice.web.pt, tem as definições e exemplos práticos :)

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum





1 user(s) are reading this topic

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

IPB Skin By Virteq