Duas imagens no topo: esquerda e direita

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 12/06/10, 09:41 pm

Olá,

Dúvida :
Bom...
Gostaria de saber como poder colocar 2 (duas) imagens de topo, porém com a seguinte configuração:
Imagem 1 (na parte esquerda da página)
Imagem 2 (na parte direita da página)

segue um exemplo do que eu quero:


Então na verdade quero fazer isso por um simples objetivo, quero que meu fórum seja apto para qualquer resolução.. ou seja como vocês podem ver na imagem se eu botar uma única imagem quem tem resolução pequena (ex: 800x600) ficará confortável, porém quando alguém utilizar uma resolução alta (ex: 1440x900) a imagem que era pra estar centralizada vai terminar no meio. Então a idéia era ter 2 (duas) imagens e encostar ela em ambos os lados.

Procedimentos que foram tentados para resolver :


Captura de tela (quando necessário) :


Até mais.


Última edição por Tripaaaa em 10/09/10, 12:59 pm, editado 1 vez(es)

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Stickers em 13/06/10, 08:46 pm

Olá amigo,

Isso é muito fácil de se resolver. Basta você criar uma única imagem em que o meio dela seja transparente. Aí na esquerda da imagem você coloca uma coisa e na direita outra. Se você não possui um progama editor de imagens para isso, fassa um pedido na área de pedidos de design do ajuda.forumeiros.

Mas, colocar dois logos no caso como você quer, não dá mesmo, isso eu te garanto.

Abraços,
Stickers
avatar

Stickers
Nível 3

Masculino
Inscrito dia : 04/06/2010
Mensagens : 15
Pontos Ativos : 25

Ver perfil do usuário

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por tiagomoura em 14/06/10, 01:38 am

Olá Tripaaaa,

Se deseja reposicionar duas imagens para esses lugares, utilize os seguintes códigos:
Esquerda
Código:
<span style="top: 0px; position: fixed; left: 0px;"><img src="URL_DA_IMAGEM"></span>

Direita
Código:
<span style="top: 0px; position: fixed; right: 0px;"><img src="URL_DA_IMAGEM"></span>

Substitua "URL_DA_IMAGEM" nas imagens pelo link das imagens correspondentes.

Resolve?

Até mais,
Cumprimentos, afromoura

tiagomoura
Usuário destaque

Masculino
Inscrito dia : 03/02/2010
Mensagens : 501
Pontos Ativos : 606

Ver perfil do usuário

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Steeph em 14/06/10, 10:10 am

Olá!
Consegui por meio de templates, logo dará somente nas versões phpbb2 e punbb.
Vá em: Painel de controle Seta visualização Seta templates Seta geral Seta overall_header_new e clique em Editar.
Procure por esta parte:
Código:

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
E cole os códigos que o usuário afromoura disse acima, ficará assim:
Código:

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />

<span style="top: 0px; position: fixed; left: 0px;"><img src="URL_DA_IMAGEM"></span>
<span style="top: 0px; position: fixed; right: 0px;"><img src="URL_DA_IMAGEM"></span>
Não alterem o resto do código, apenas inclua os dois spans com as imagens, e é importante que deixem o logo com uma imagem em branco, para não misturar as imagens.
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 14/06/10, 04:40 pm

estou utilizando phpbb3

onde substituo isto?

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 14/06/10, 04:40 pm

afromoura escreveu:Olá Tripaaaa,

Se deseja reposicionar duas imagens para esses lugares, utilize os seguintes códigos:
Esquerda
Código:
<span style="top: 0px; position: fixed; left: 0px;"><img src="URL_DA_IMAGEM"></span>

Direita
Código:
<span style="top: 0px; position: fixed; right: 0px;"><img src="URL_DA_IMAGEM"></span>

Substitua "URL_DA_IMAGEM" nas imagens pelo link das imagens correspondentes.

Resolve?

Até mais,
Cumprimentos, afromoura

estou utilizando phpbb3 onde substituo isto?

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por tiagomoura em 14/06/10, 05:06 pm

Olá Tripaaaa,

Insere nos anúncios por exemplo.

Resolve?

Até mais,
Cumprimentos, afromoura

tiagomoura
Usuário destaque

Masculino
Inscrito dia : 03/02/2010
Mensagens : 501
Pontos Ativos : 606

Ver perfil do usuário

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 14/06/10, 05:31 pm

não consegui Triste

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Steeph em 14/06/10, 05:55 pm

Olá!
Então tente na home page, mas acho que não irá funcionar também.
Caso não, somente nas versões phpbb2 e punbb.
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por JoaoMatheus em 14/06/10, 06:42 pm

@Stickers escreveu:Olá amigo,

Isso é muito fácil de se resolver. Basta você criar uma única imagem em que o meio dela seja transparente. Aí na esquerda da imagem você coloca uma coisa e na direita outra. Se você não possui um progama editor de imagens para isso, fassa um pedido na área de pedidos de design do ajuda.forumeiros.

Mas, colocar dois logos no caso como você quer, não dá mesmo, isso eu te garanto.

Abraços,
Stickers

Faça o que o amigo acima falou, o único editor de imagens prático que qualquer um consegue usar e entender é o PAINT, ele já vem incluso no próprio windows.

Abraços, # Shift-
avatar

JoaoMatheus
Nível 8

Masculino
Inscrito dia : 04/05/2010
Mensagens : 149
Pontos Ativos : 205

Ver perfil do usuário http://www.habborares.forumeiros.net

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 14/06/10, 06:55 pm

# Shift- escreveu:
@Stickers escreveu:Olá amigo,

Isso é muito fácil de se resolver. Basta você criar uma única imagem em que o meio dela seja transparente. Aí na esquerda da imagem você coloca uma coisa e na direita outra. Se você não possui um progama editor de imagens para isso, fassa um pedido na área de pedidos de design do ajuda.forumeiros.

Mas, colocar dois logos no caso como você quer, não dá mesmo, isso eu te garanto.

Abraços,
Stickers

Faça o que o amigo acima falou, o único editor de imagens prático que qualquer um consegue usar e entender é o PAINT, ele já vem incluso no próprio windows.

Abraços, # Shift-

Isso não é o que eu quero... pois fazendo isso... algum usuário de resolução baixa vai fazer com que apareça a barra de rolagem horizontal que fica abaixo da tela (pois a imagem irá continuar sendo uma imagem grande), a intensão é botar 2 imagens mesmo e fazer com que elas permaneçam nas pontas e a mudança da resolução somente altere a o espaçamento entre as mesmas.

Segue exemplo em imagem para melhor entendimento:

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 14/06/10, 06:56 pm

pelo jeito estou percebendo que isso não é possível de fazer Triste

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 05/09/10, 12:31 am

up up ainda não consegui resolver isso no meu forum Triste por favor alguém me da uma ajuda

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Solkis em 05/09/10, 08:32 am

Bom dia,

Faça assim, remova o logo que tem na gestão das imagens e aceda à:
Painel... ->> Geral ->> Fórum ->> Configuração

No campo "Descrição do site" coloque antes de qualquer coisa que há lá o seguinte código:
Código:
<img align="left" src="URL_DA_IMAGEM"><img align="right" src="URL_DA_IMAGEM"><div style="clear: both;"></div>
Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em 10/09/10, 12:59 pm

^valeu cara muito obrigado Muito feliz agora sim resolveu Muito feliz brigadão mesmo

Tripaaaa
Nível 2

Masculino
Inscrito dia : 12/06/2010
Mensagens : 8
Pontos Ativos : 10

Ver perfil do usuário http://bass.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum