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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
vitorsali
 
while
 
fiapinho
 
iScroll
 
Fou-Lu
 
Kyou
 
Smoke.xX
 
Neimasinho
 

Quem está conectado
314 usuários online :: 11 usuários cadastrados, 1 Invisível e 302 Visitantes :: 1 Motor de busca

E.Jesus, Ednaldo Hitmam, Harleen, Kyo Panda, PESS_dodo, SeuRaymundo, Shek Crowley, TZero, vitorsali, William_iHarDz, xBreninho_.

[ 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?

Isa Meiyo
Nível 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 12
Pontos Ativos : 310

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.

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 877
Pontos Ativos : 3103

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?

Isa Meiyo
Nível 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 12
Pontos Ativos : 310

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

dharrison
Nível 3

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

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

Isa Meiyo
Nível 2

Feminino
Inscrito dia : 10/05/2016
Mensagens : 12
Pontos Ativos : 310

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>

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 877
Pontos Ativos : 3103

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:
Flecha ajudeiros Condições gerais de uso & equipe voluntária de suporte.
Flecha ajudeiros Lista de perguntas e respostas e Tutoriais e astúcias.
Flecha ajudeiros Sistema de busca do fórum.
Fóruns interessantes:
Flecha ajudeiros Ajuda e Suporte.
Flecha ajudeiros Serviços Extras.
Flecha ajudeiros Publicidade & SEO.
Flecha ajudeiros Sugestões e Melhoras.
Desenvolvedores:
Flecha ajudeiros Addons ou Plugins.
Flecha ajudeiros Desenvolvimento Beta.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2287
Pontos Ativos : 5209

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