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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Duvidas a cerca da categoria
Hoje à(s) 15:28 por Appoloz

» Perfil no topico
Hoje à(s) 15:19 por Appoloz

» Retirar hora da ultima postagem
Hoje à(s) 14:49 por Luiz~

» Função Melhorar CSS
Hoje à(s) 14:20 por PrisoN†BreaK

» Página HTML de início bugada
Hoje à(s) 14:15 por Luiz~

» Personalizar Overall_Header
Hoje à(s) 13:41 por iScroll

» Quem você mais admira no Fórum dos Fóruns?
Hoje à(s) 12:13 por Protozoário

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
190 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 185 Visitantes :: 1 Motor de busca

Appoloz, Holkis, Luiz~, Shek Crowley, vitorsali

[ 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 : 274

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.
Candidato a Ajudeiro

Masculino
Inscrito dia : 06/08/2012
Mensagens : 866
Pontos Ativos : 3042

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

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 2

Masculino
Inscrito dia : 11/05/2014
Mensagens : 14
Pontos Ativos : 1007

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

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.
Candidato a Ajudeiro

Masculino
Inscrito dia : 06/08/2012
Mensagens : 866
Pontos Ativos : 3042

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

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5