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
Cor Do Fundo
Started By Luciano, 27/06/2006, 09:48
14 replies to this topic
#2
Makerup
-
- Usuários
-
- 1271 posts
diga XXXXXXX ... isso é palavrão??
- 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.
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
-
- Usuários
-
- 29 posts
Turista
- 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
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
-
- Usuários
-
- 1271 posts
diga XXXXXXX ... isso é palavrão??
- 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.
veja também >> Tutorial - fundo da celula.
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.
veja também >> Tutorial - fundo da celula.
Edição feita por: Makerup, 27/06/2006, 11:21.
makerup comunicação e marketing
#5
Luciano
-
- Usuários
-
- 29 posts
Turista
- 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
-
- Usuários
-
- 1271 posts
diga XXXXXXX ... isso é palavrão??
- 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...
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
-
- Usuários
-
- 29 posts
Turista
- 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
complicadinho pra mim resolver isso
#8
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.
Ou seja, use o q o Mkrup disse, ou use o 'no-repeat' na propriedade do bg e coloque uma imagem.
#9
Crab
-
- Ex-Admins
-
- 2521 posts
Da paz, mas preparado para Guerra
- 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.
Até mais
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.
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#10
Luciano
-
- Usuários
-
- 29 posts
Turista
- 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
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
-
- Conselheiros
-
- 1347 posts
Veterano
- 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
-
- Usuários
-
- 29 posts
Turista
- 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
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
-
- Conselheiros
-
- 1347 posts
Veterano
- Sexo:Feminino
- Localidade:PR
- Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.
Posted 28/06/2006, 14:54
Tenta assim:
qualquer coisa, post novamente!
<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
-
- Usuários
-
- 29 posts
Turista
- 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
Ae Andreia, valeu mesmo, consegui.
Aos outros amigos, valeu pela paciência e pelas dicas
Abraços
#15
Andreia Regina
-
- Conselheiros
-
- 1347 posts
Veterano
- 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
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)
