[Tutorial] Mostrar/ocultar cada widget separado
Página 1 de 1 • Compartilhe
Autor: Mjgbales
Funcionalidade: Em todas as versões
Mostrar/ocultar cada widget separado |
As vezes gostaríamos de ocultar um único widget mas temos tantos. Com esse tutorial poderemos colocar um botão em cada widget e ao clicar poderemos oculta-lo de forma que seja separadamente.
--> Tutoriais, dicas e astúcias <--
Mostrar/ocultar cada widget separado
Mostrar/ocultar cada widget separado
1º - Paginas Javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts |
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as paginas. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
2º - Código a ser usado:
Coloque esse código no conteúdo do javascript de acordo com sua versão:
- Versão Phpbb2:
- Código:
var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";
$(function(){
$('#left .forumline,#right .forumline').find('tr:eq(0)').addClass('bef-tog');
$('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.bef-tog');
$(".tog-widget").each(function(){
$(this).attr("src", image_widget_src );
$(this).click(function(){
$(this).next().slideToggle("slow");
});
});
});
- Versão Phpbb3:
- Código:
var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";
$(function(){
$(".module .h3").each(function(){
$(this).insertBefore($(this).parent());
$(this).css("padding-right","20px");
});
$('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; cursor: pointer;"></img>').insertBefore('.module .inner');
$(".tog-widget").each(function(){
$(this).attr("src", image_widget_src );
$(this).click(function(){
$(this).next().slideToggle("slow");
});
});
});
- Versão PunBB:
- Código:
var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";
$(function(){
$('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module.main .main-head');
$(".tog-widget").each(function(){
$(this).attr("src", image_widget_src );
$(this).click(function(){
$(this).next().slideToggle("slow");
});
});
});
- Versão Invision:
- Código:
var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";
$(function(){
$('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module .maintitle');
$(".tog-widget").each(function(){
$(this).attr("src", image_widget_src );
$(this).click(function(){
$(this).next().slideToggle("slow");
});
});
});
Clique no botão Salvar.
- Resultado:
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|