Como posso usar essa imagem como banner flutuante?

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

Atendido / Resolvido Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 4:39

Qual é minha questão:
Então!
Alguns fóruns possuem o Banner Flutuante de boas vindas, até achava a idéia irritante e tudo mais, mas me passou um pensamento.

É possível usar uma Imagem de Boas vindas no Banner flutuante?

Eu gostaria de acrescentar essa imagem

https://i.servimg.com/u/f32/17/22/31/92/banner11.gif

Ela iria ficar flutuando ali, quando a pessoa abrisse a pagina, mas não obtive muito sucesso com os códigos que encontrei pelo FdF.

Quando consegui colocar a imagem, ficou uma caixa cinza atrás dela.

Mas a intenção é deixar somente a imagem e em baixo dela aqueles icones:

Login/Registrar/Fechar

É possível? Ou estou querendo fazer algo muito complicado?

Tentei seguir esse passo a passo, mas sem sucesso:

https://ajuda.forumeiros.com/t12181-tutorial-criar-e-personalizar-a-sua-pop-up

Links e imagens do meu problema:
https://i.servimg.com/u/f32/17/22/31/92/banner11.gif

https://i.servimg.com/u/f32/17/22/31/92/ajuda10.jpg

Endereço do meu fórum:
http://avalonrpg.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por Levigarian em 15.10.12 23:53, editado 1 vez(es)
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 12:45

Up!! Alguém teria uma solução? e.e
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por [F]lames em 15.10.12 13:04

Olá,

Pelo tutorial, em sua Folha de Estilo CSS o senhor adicionou isto :
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
Caso sim, troque por isto :
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
background: transparent !important;
display: none;
}
Cordialmente ...
[F]lames

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1208

http://www.bestskins.net/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 13:15

Olá,

Primeiramente o senhor pode acrescer essa imagem directamente na pop-up de conexão do fórum. É o que está tentando fazer ou você está criando uma pop-up nova?

Atenciosamente;
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 13:45

Ainda permanece com o fundo cinza.

Eu não sei ao certo se seria um pop up novo, o que eu queria é que essa imagem de boas vindas, ficasse como o banner flutuante, sem aquele fundo cinza e que permanece com os Botõs de Login/Registrar/Fechar.

Eu já tentei colocar somente a imagem, mas ou fica com o código em HTML aparecendo ou fica somente o banner cinza.

É possível?




Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 21:59

Up!! Alguma solução?? Alguém?? Ç_Ç
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 22:01

Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 22:36

Sem sucesso, segui o passo a passo dele, e não resultou, agora ficou sem imagem O.o'

Se não tiver jeito, nem se preocupa só estou causando trabalho -.-'
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 22:40

Olá,

Estamos ao seus dispor! Piscada

Aplique o seguinte código diretamente na pop-up de conexão:

Código:
#login_popup {
background-image: url(URL DA IMAGEM);
}

Substitua URL DA IMAGEM pela URL de uma imagem desejada.

Cordialmente. Piscada
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 22:50

Não pude compreender, seria para colocar esse código na folha CSS ou em

Visualização ----> Geral ---> PopUp de conexão ---> Mensagem ?

Porque se for, não resultou e.e
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 22:52

Olá,

Aceda em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

E insira o seguinte código:
#login_popup {
background-image: url('LINK');
}
Vermelho ->> Troque pelo link da imagem desejada.

Resulta?
Até mais! Piscada
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 23:02

QUASE!!!!

Agora ficou a imagem, mas o bendito fundo cinza permanece e ela esta cortada e.e ...

http://avalonrpg.forumeiros.com/forum <<--- veja como esta!!

Mas ta quase lá *--*
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 23:16

Olá,

Substitua o código por:

Código:
 #login_popup {
background-image: url('LINK');
background-color: red;
}

Sob o corte da imagem, reduza a imagem através de um programa de sua preferência e veja se resulta! Piscada

Atenciosamente.
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 23:35

TE AMO CARA!!

Agora para finalizar com chave de ouro!

Teria como modificar o tamanho da caixa do Banner?

Notei que o Login/ Registre-se / Não Exibir mais estão bem em baixo, teria como aproximar eles da imagem?

Se você resolver essa eu caso contigo, zoando! Mas e ai, tem como?

Fico no aguardo e já muito agradecido!!
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 23:44

Olá,

Você diz o tamanho do box de conexão? Ou dos botões? Piscada

Fico feliz que goste do meu trabalho! Feliz

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 23:46

Do Box de conexão, tem como diminuir o tamanho dela?
É porque tipo, coloquei esse código:

#login_popup {
background-image: url('https://i.servimg.com/u/f32/17/22/31/92/banner13.gif');
background-color: transparent;
background-repeat: no-repeat;
border-color: transparent;
}

So que os botões ficaram la em baixo, teria como aproximar eles da imagem?

da um visu ---> http://avalonrpg.forumeiros.com/forum
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.forumeiros.com/

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Ace em 15.10.12 23:50

Olá,

Adicione a seguinte propriedade ao código atual:

Código:
max-height: 395px;

Código:

Código:
#login_popup {
background-image: url('http://i32.servimg.com/u/f32/17/22/31/92/banner13.gif');
background-color: transparent;
background-repeat: no-repeat;
border-color: transparent;
max-height: 395px;
}

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Como posso usar essa imagem como banner flutuante?

Mensagem por Levigarian em 15.10.12 23:53

MUITOOOO OBRIGADOOOO!!!

Pena que só da para apertar um "Obrigado!"

Porque não iria ter suficientes!!

VLWWWW

RESOLVEU E MUITO MEU PROBLEMA *o*

Eu amo você
Levigarian

Levigarian
Nível 3

Masculino
Inscrito dia : 27/01/2012
Mensagens : 24
Pontos Ativos : 34

http://pearlhogwartschool.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