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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como eu faço para encontrar uma equipe?
Hoje à(s) 02:19 am por mrvisible

» Personalizar posts
Hoje à(s) 12:19 am por Harleen

» Mostrar usuário do post
Ontem à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Ontem à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Ontem à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Ontem à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Ontem à(s) 05:03 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

Quem está conectado
220 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 219 Visitantes :: 2 Motores de busca

mrvisible

[ 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

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 : 922
Pontos Ativos : 1510

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

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

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

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 : 922
Pontos Ativos : 1510

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".
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3793
Pontos Ativos : 5013

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