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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
134 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 132 Visitantes :: 2 Motores de busca

jhugor, Railison Ramon

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qua 11 Jan 2017 - 19:24

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 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 13
Pontos Ativos : 375

http://abnormalsubs.forumeiros.com/

Resolvido Re: Imagem flutuante no fórum

Mensagem por Connor R. em Qua 11 Jan 2017 - 20:39

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 : 921
Pontos Ativos : 3231

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 Qua 11 Jan 2017 - 21:16

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 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 13
Pontos Ativos : 375

http://abnormalsubs.forumeiros.com/
  • 0

Resolvido Re: Imagem flutuante no fórum

Mensagem por dharrison em Qua 11 Jan 2017 - 22:26

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 : 1107

http://gmbr.forumeiros.com/

Resolvido Re: Imagem flutuante no fórum

Mensagem por Isa Meiyo em Qua 11 Jan 2017 - 22:50

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 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 13
Pontos Ativos : 375

http://abnormalsubs.forumeiros.com/
  • 0

Resolvido Re: Imagem flutuante no fórum

Mensagem por Connor R. em Qua 11 Jan 2017 - 22:59

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 : 921
Pontos Ativos : 3231

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 Qui 12 Jan 2017 - 11:05

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3087
Pontos Ativos : 6378

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