Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Status do servidor
Hoje à(s) 01:39 am por ranzatti

» Como mudar o tamanho do avatar default ? modernbb
Hoje à(s) 12:30 am por BlueJOkeR

» mEU FORUM ESTA COM POBLEMA !
Ontem à(s) 11:18 pm por Xigncode3

» Member List Grande
Ontem à(s) 10:31 pm por ranzatti

» Top Usuário sem funcionar
Ontem à(s) 10:08 pm por iScroll

» Spoiler tópicos
Ontem à(s) 09:55 pm por Luiz

» Bug pelo slide
Ontem à(s) 09:20 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
190 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 187 Visitantes :: 2 Motores de busca

DespacitoRemix000, iScroll, ranzatti

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Imagem flutuante no fórum

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

Resolvido Imagem flutuante no fórum

Mensagem por Isa Meiyo em 11/01/17, 05:24 pm

Detalhes da questão


Endereço do fórum: http://kkulbeoldramas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá.

Eu tentei seguir o tutorial já existente (http://ajuda.forumeiros.com/t15824-tutorial-imagem-flutuante) para colocar a imagem que quero mas não consigo obter o resultado que quero.


Ela sempre fica enorme ou cobrindo tudo. Tentei alguns códigos mas não consegui o resultado que eu quero.




Quero deixar a imagem flutuante somente nessa página principal do fórum. Ela não precisa aparecer nas outras. Equero ela no canto inferior direito.

Alguém pode me ajudar?
avatar

Isa Meiyo
Nível 3

Feminino
Inscrito dia : 09/05/2016
Mensagens : 17
Pontos Ativos : 31

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

Resolvido Re: Imagem flutuante no fórum

Mensagem por Connor R. em 11/01/17, 06:39 pm

Olá, substitua o CSS por esse abaixo.

Código:

#flutuante {
    bottom: 1px;
    z-index: 999;
    right: 1px;
    position: fixed;
}

E coloque o código abaixo dentro do templante index_body

Código:

<div><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" /></div>

Obs: Sugiro que diminua a imagem, pois está muito grande. Também sugiro que coloque um link para direcionar os interessados.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 927
Pontos Ativos : 1519

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem flutuante no fórum

Mensagem por Isa Meiyo em 11/01/17, 07:16 pm

Dentro do template index_body?
Estou indo em visualização mas não acho o local para ir nos templates Triste  (desculpa a minha burrice)

Outra coisa: eu não sei como colocar os links nas devidas frases da imagem redirecionando ao tópico. Pode me ajudar com isso também?
avatar

Isa Meiyo
Nível 3

Feminino
Inscrito dia : 09/05/2016
Mensagens : 17
Pontos Ativos : 31

Ver perfil do usuário http://abnormalsubs.forumeiros.com/
  • 0

Resolvido Re: Imagem flutuante no fórum

Mensagem por dharrison em 11/01/17, 08:26 pm

Você encontrará o template index_body dentro do menu Geral, abaixo dos temas e da gestão dos avatares e cores.




Para mudar o tamanho da imagem em HTML use height e width

Complementando o código do amigo acima, seria assim:

Código:
<div><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" width=”640” height=”480” /></div>

Party
avatar

dharrison
Nível 3

Masculino
Inscrito dia : 11/05/2014
Mensagens : 16
Pontos Ativos : 27

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

Resolvido Re: Imagem flutuante no fórum

Mensagem por Isa Meiyo em 11/01/17, 08:50 pm

Deu certo. Eu não estava usando a conta do fundador, então não conseguia visualizar o template.

Muito obrigada pela ajuda, eu consegui deixar da forma que queria Muito feliz
avatar

Isa Meiyo
Nível 3

Feminino
Inscrito dia : 09/05/2016
Mensagens : 17
Pontos Ativos : 31

Ver perfil do usuário http://abnormalsubs.forumeiros.com/
  • 0

Resolvido Re: Imagem flutuante no fórum

Mensagem por Connor R. em 11/01/17, 08:59 pm

Olá, creio que o membro acima se equivocou, pois os Templantes estão dispostos na aba Visualização, veja abaixo.



Substitua o CSS por esse abaixo:

Código:
#flutuante {
    bottom: 1px;
    z-index: 999;
    right: 1px;
    position: fixed;
    width: 640px;
    height: 480px;
}

Substitua o HTML pelo abaixo, para substituir o link, basta alterar o Link do Fórum dos Fóruns.

Código:
 
<div><a href="http://ajuda.forumeiros.com/"><img id="flutuante" src="https://i37.servimg.com/u/f37/19/54/94/88/lanyam12.png" /></a></div>

Ps: Coloque o código dentro do templante abaixo da tag <body>
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 927
Pontos Ativos : 1519

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Imagem flutuante no fórum

Mensagem por Kyo Panda em 12/01/17, 09:05 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4501
Pontos Ativos : 5787

Ver perfil do usuário http://ajuda.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