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 Dom 13 Jun - 1:41

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 Sex 10 Set - 16:59, editado 1 vez(es)

Tripaaaa
Nível 2

Masculino
Inscrito dia : 13/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 Seg 14 Jun - 0:46

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 Seg 14 Jun - 5:38

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 : 04/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 Seg 14 Jun - 14:10

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 Seg 14 Jun - 20:40

estou utilizando phpbb3

onde substituo isto?

Tripaaaa
Nível 2

Masculino
Inscrito dia : 13/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 Seg 14 Jun - 20:40

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 : 13/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 Seg 14 Jun - 21:06

Olá Tripaaaa,

Insere nos anúncios por exemplo.

Resolve?

Até mais,
Cumprimentos, afromoura

tiagomoura
Usuário destaque

Masculino
Inscrito dia : 04/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 Seg 14 Jun - 21:31

não consegui Triste

Tripaaaa
Nível 2

Masculino
Inscrito dia : 13/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 Seg 14 Jun - 21:55

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 Seg 14 Jun - 22:42

@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 Seg 14 Jun - 22:55

# 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 : 13/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 Seg 14 Jun - 22:56

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

Tripaaaa
Nível 2

Masculino
Inscrito dia : 13/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 Dom 5 Set - 4:31

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 : 13/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 Dom 5 Set - 12:32

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
Ex-Admineiro
Ex-Admineiro

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

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

Resolvido Re: Duas imagens no topo: esquerda e direita

Mensagem por Tripaaaa em Sex 10 Set - 16:59

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

Tripaaaa
Nível 2

Masculino
Inscrito dia : 13/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


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