GMBR
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Últimos assuntos
» Retorno da GMBR!!!
por theguitarmester Ter 19 Mar 2024, 22:38

» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27

» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30

» Mudar cor de apenas uma palavra
por lunalol Sex 01 Mar 2024, 13:42

» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17

» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18

» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34

» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13

» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18

» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12

» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02

» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55

» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42

» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56

» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49

» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21

» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21

» Asteroid Core - Early Acesse Update [0.2.0.0]
por JOZ. Seg 08 Jan 2024, 14:39

» Versionamento de código com GitHub
por GabrielXavier Seg 08 Jan 2024, 07:32

» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por kolesovsup Sex 29 Dez 2023, 07:16

» a funçao approach ainda existe?
por PEDRINDEV Ter 26 Dez 2023, 20:05

» Inimigo ataca até por trás! >:(
por saim Sex 22 Dez 2023, 08:55

» [RESOLVIDO]Spawn após morte
por Deception_1999 Dom 17 Dez 2023, 16:39

» Remunerado $$$ - Procuro programador para ajudar a "montar" um jogo
por theguitarmester Sáb 02 Dez 2023, 16:28

» Game maker nao abre
por Cerf Dom 26 Nov 2023, 12:01


[TUTORIAL] Botão visualizar nos links [FORÚNS]

Ir para baixo

[TUTORIAL] Botão visualizar nos links [FORÚNS] Empty [TUTORIAL] Botão visualizar nos links [FORÚNS]

Mensagem por soulokko Sex 08 Fev 2013, 11:06


[TUTORIAL] Botão visualizar nos links [FORÚNS] Gestio10

[TUTORIAL] Botão visualizar nos links

Quando estarmos em um sub-forum e passarmos o mouse em cima do link de um tópico, um pequeno balão é aberto, quando clicado ele abre uma popup mostrando a primeira mensagem do tópico, ex: http://shdesign.ativoforum.com/f18-javascript (clique no link do lado e passe o mouse sobre algum tópico)

--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Botão visualizar nos links


- Código js:
Aceda em: Novo código JavaScript

Módulos [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 HTML e JavaScript [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Gestão dos Códigos JavaScript [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Novo Código JavaScript

Título: Coloque qualquer título.
Envestimento: Marque "Nos Sub-Forúns".
Código JavaScript: Adicione o seguinte código:

Código:
$(document).ready(function(){
$('.tdtopics a.topictitle').hover(function(){
$('#btnipb').remove();
$(this).before('<span id="btnipb" onblur="$(this).remove();" onmouseleave="$(this).remove();" onclick="executEvent();">VISUALIZAR</span>');
linkka = $(this).attr('href');
});

$('body').prepend('<div id="zlocation"><div id="topic45" style="max-width:70%">Carregando...</div></div>');
$('#zlocation').hide();

});

function apaga(){
$(this).remove();
$('#zlocation').hide();
$('#topic45').html('');
$('#btnipb').remove();
$('#lermais').attr('href','');
}

function executEvent(){
$('#topic45').html('Carregando...');
$('#zlocation').show();
$.get(linkka, function(dataS){
pega = $('.entry-content:first', dataS).html();
$('#topic45').html('<center><span id="fechapopt" onclick="apaga();">FECHAR</span><br><br><a id="lermais" href="'+linkka+'">LER MAIS...</a></center><br><hr/><br><br>'+pega);
$(this).remove();
});
}
[TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Salve!

- Código css:
Aceda em: Folha de Estilo CSS

Visualização [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Imagens e Cores [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Cores [TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Folha de Estilo CSS

Código:
/*botão pre visualizar no link*/
#btnipb{
  margin-top: -3%;
margin-left: 29px;
  border:1px solid #033E6E;
  color: #033E6E;
  cursor:pointer;
  border-radius:6px;
  padding-top:5px;
    padding-bottom:5px;
    padding-left:9px;
    padding-right:9px;
  background: #62B3F5;
position:absolute;
  z-index: 888;
}
#zlocation{
z-index: 999;
    position:fixed;
top: 15%;
}
#topic45{
  max-height:350px;
  overflow:auto;
  padding:19px;
  box-shadow:0px 0px 40px #222;
  background:white;
}
#fechapopt:hover{
background:#adadad
}
#fechapopt{
  cursor:pointer;
padding:7px;
  border:2px solid #333;
  font-weight:bold;
  border-radius:8px;
}
/*botão pre visualizar no link - fim*/
[TUTORIAL] Botão visualizar nos links [FORÚNS] 633772 Salve!

  • Funcionalidade:
    PUNBB.





© SH-Skins


[TUTORIAL] Botão visualizar nos links [FORÚNS] Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Botão visualizar nos links
soulokko
soulokko

Data de inscrição : 08/02/2013
Reputação : 0
Número de Mensagens : 14
Prêmios : [TUTORIAL] Botão visualizar nos links [FORÚNS] Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos