- Postagens: 19
- Obrigados Recebidos: 0
- Fórum
- /
- Clube do Desenvolvedor
- /
- Clube do WebDesigner
- /
- [RESOLVIDO] Como colocar a imagem nas duas extremidades top
[RESOLVIDO] Como colocar a imagem nas duas extremidades top
- guerd
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
Mais
13 anos 11 meses atrás #33843
por guerd
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
guerd created the topic: [RESOLVIDO] Como colocar a imagem nas duas extremidades top
Olá pessoal!
Mais uma vez preciso da ajuda de vocês.
Seguinte, estou trabalhando em um layout, e como conheço pouco de CSS, estou tendo dificuldade para colocar uma imagem nas extremidade superior do site.
projeto: http://www.cemvs.org/jla2/
Veja o código CSS padrão que deixa a imagem "bg.gif" no lado esquerdo superior do template:
#body_bg{
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/bg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #dadada;
}
Então, na parte superior esquerda, existe uma imagem: nuvem com uma "barra amarela".
Quero colocar esta mesma imagem do lado direito, só que não estou conseguindo.
Está descartado a possibilidade do comando "repeat-x", pois a imagem fica com "sinal de divisão" no lado direito.
Tentei repetir o mesmo código acima, com uma mesma imagem porém com o nome diferente: "bg1.gif". Mas não deu certo.
Alguém poderia me dar uma dica para solucionar esse problema?
Desde já muito obrigado.
Atenciosamente.
Otávio Guerd
Mais uma vez preciso da ajuda de vocês.
Seguinte, estou trabalhando em um layout, e como conheço pouco de CSS, estou tendo dificuldade para colocar uma imagem nas extremidade superior do site.
projeto: http://www.cemvs.org/jla2/
Veja o código CSS padrão que deixa a imagem "bg.gif" no lado esquerdo superior do template:
#body_bg{
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/bg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #dadada;
}
Então, na parte superior esquerda, existe uma imagem: nuvem com uma "barra amarela".
Quero colocar esta mesma imagem do lado direito, só que não estou conseguindo.
Está descartado a possibilidade do comando "repeat-x", pois a imagem fica com "sinal de divisão" no lado direito.
Tentei repetir o mesmo código acima, com uma mesma imagem porém com o nome diferente: "bg1.gif". Mas não deu certo.
Alguém poderia me dar uma dica para solucionar esse problema?
Desde já muito obrigado.
Atenciosamente.
Otávio Guerd
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
Please Entrar ou Registrar to join the conversation.
- Walkus
- Offline
- JCB! Hero
Menos
Mais
- Postagens: 1458
- Obrigados Recebidos: 0
13 anos 11 meses atrás #33979
por Walkus
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Walkus replied the topic: Re: Como colocar a imagem nas duas extremidades top do template?
guerd;
Qual o tamanho dessa imagem?
Abç e sucesso
Qual o tamanho dessa imagem?
Abç e sucesso
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Please Entrar ou Registrar to join the conversation.
- guerd
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 19
- Obrigados Recebidos: 0
13 anos 11 meses atrás #33987
por guerd
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
guerd replied the topic: Re: Como colocar a imagem nas duas extremidades top do template?
Olá JCB! Hero,
Obrigado por entrar em contato.
Seguinte, o tamanho da imagem é 200 x 281.
Obrigado por entrar em contato.
Seguinte, o tamanho da imagem é 200 x 281.
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
Please Entrar ou Registrar to join the conversation.
- medero
- Offline
- JCB! Junior
13 anos 10 meses atrás #34921
por medero
[color=#400000:t6sktzpd]Sidney Santos
Microney Designer:[/color:t6sktzpd][color=#0000FF:t6sktzpd][url:t6sktzpd]http://www.microney.com.br[/url:t6sktzpd][/color:t6sktzpd]
[color=#0000BF:t6sktzpd]"Somos quem podemos ser, sonhos nós podemos ter"[/color:t6sktzpd]
[color=#FF0000:t6sktzpd][b:t6sktzpd]"Achegai-vos a Deus e Ele se Chegara a Vós" (Tg 4. 8a)[/b:t6sktzpd][/color:t6sktzpd]
medero replied the topic: Re: Como colocar a imagem nas duas extremidades top do template?
Ola! amigo se vc ainda quer fazer, o proposto crie a imagem do topo incuindo a largura de teu site que é 973 fixo deixe em branco o espaço e ja coloque a imagem que quiser nas laterais depois coloque-a como fundo centralizada e alinhada ao topo sem repeat.
[color=#400000:t6sktzpd]Sidney Santos
Microney Designer:[/color:t6sktzpd][color=#0000FF:t6sktzpd][url:t6sktzpd]http://www.microney.com.br[/url:t6sktzpd][/color:t6sktzpd]
[color=#0000BF:t6sktzpd]"Somos quem podemos ser, sonhos nós podemos ter"[/color:t6sktzpd]
[color=#FF0000:t6sktzpd][b:t6sktzpd]"Achegai-vos a Deus e Ele se Chegara a Vós" (Tg 4. 8a)[/b:t6sktzpd][/color:t6sktzpd]
Please Entrar ou Registrar to join the conversation.
- guerd
- Autor do Tópico
- Offline
- JCB! Estagiário
Menos
Mais
- Postagens: 19
- Obrigados Recebidos: 0
13 anos 10 meses atrás #34932
por guerd
Olá Medero... obrigado pela dica!
Mas para não complicar, deixei o "repeat-x" mesmo...
Mas valeu pela dica, na qual poderei aplicar em momento oportuno.
Até +
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
guerd replied the topic: Re: Como colocar a imagem nas duas extremidades top do template?
medero escreveu: Ola! amigo se vc ainda quer fazer, o proposto crie a imagem do topo incuindo a largura de teu site que é 973 fixo deixe em branco o espaço e ja coloque a imagem que quiser nas laterais depois coloque-a como fundo centralizada e alinhada ao topo sem repeat.
Olá Medero... obrigado pela dica!
Mas para não complicar, deixei o "repeat-x" mesmo...
Mas valeu pela dica, na qual poderei aplicar em momento oportuno.
Até +
Um abraço a todos e vamos adiante!
Atenciosamente.
Otávio Guerd
[color=#FF4040:3tnxkawt][url:3tnxkawt]http://www.somicro.net[/url:3tnxkawt][/color:3tnxkawt]
[color=#0000FF:3tnxkawt][url:3tnxkawt]http://www.sohost.com.br[/url:3tnxkawt][/color:3tnxkawt]
Please Entrar ou Registrar to join the conversation.