InícioCategorias retrateis no chrome
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Categorias retrateis no chrome
por generalshyguy 08.01.14 18:41
Qual é minha questão:
Qual é minha questão:
Verifiquei todos os códigos descritos aqui e em outros sites sobre categorias retrateis porem nenhum funcionou no google chrome, existe algum código JS para que ele funcione no chrome???
*Desde já agradeço!
Endereço do meu fórum:
http://conexaofederal.forumeiros.com/
Versão do meu fórum:
PHPBB3
Endereço do meu fórum:
http://conexaofederal.forumeiros.com
Versão do fórum:
PHPBB3
Qual é minha questão:
Verifiquei todos os códigos descritos aqui e em outros sites sobre categorias retrateis porem nenhum funcionou no google chrome, existe algum código JS para que ele funcione no chrome???
*Desde já agradeço!
Endereço do meu fórum:
http://conexaofederal.forumeiros.com/
Versão do meu fórum:
PHPBB3
Endereço do meu fórum:
http://conexaofederal.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por generalshyguy em 10.01.14 18:41, editado 1 vez(es)
generalshyguy- Novo Membro
- Membro desde : 27/12/2013
Mensagens : 5
Pontos : 7 -
Re: Categorias retrateis no chrome
por Hancki 08.01.14 19:56
Olá!
Creio que o problema esteja aí!
Em termos de compatibilidades, o Google Chrome está no topo.
Reveja o tópico: https://ajuda.forumeiros.com/t23387-
Hancki
Creio que o problema esteja aí!
Em termos de compatibilidades, o Google Chrome está no topo.
Reveja o tópico: https://ajuda.forumeiros.com/t23387-
Hancki
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Categorias retrateis no chrome
por generalshyguy 09.01.14 13:50
Hancki entendo que terei de desabilitar os cookies de meu navegador porem gostaria de saber se a algo que possa ser feito para que não seja necessario isto.
generalshyguy- Novo Membro
- Membro desde : 27/12/2013
Mensagens : 5
Pontos : 7 -
Re: Categorias retrateis no chrome
por Hancki 09.01.14 20:39
Olá de novo!
Acho que terá mesmo que ativar os cookies!
Reveja todos os passos, ou então nem sei.
Hancki
Acho que terá mesmo que ativar os cookies!
Reveja todos os passos, ou então nem sei.
Hancki
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Categorias retrateis no chrome
por generalshyguy 10.01.14 13:55
Sem problemas Hancki, como eu informei gostaria apenas de confirmar se é apenas este método como aparentemente não é possível, posso dar minha duvida como solucionada.
generalshyguy- Novo Membro
- Membro desde : 27/12/2013
Mensagens : 5
Pontos : 7 -
Re: Categorias retrateis no chrome
por JScript 10.01.14 14:31
@generalshyguy
Não desista tão facilmente amigo! Eu particularmente considero o uso de cookies ultrapassado em relação aos atuais navegadores e quando decidi aprender sobre scripts pude perceber na hora a diferença brutal em usar as funções localStorage.setItem() e localStorage.getItem() que podem armazenar até 5MB de informações!
Em contrapartida, os cookies só armazenam 4 bytes (se não me engano!)...
Se você desejar e poder aguardar um pouco, eu poderei fazer uma pequena modificação no código do tutorial para que possa usufruir das vantagens do localStorage e com isso não será mais necessário ter os cookies ativados no navegador.
JS
Não desista tão facilmente amigo! Eu particularmente considero o uso de cookies ultrapassado em relação aos atuais navegadores e quando decidi aprender sobre scripts pude perceber na hora a diferença brutal em usar as funções localStorage.setItem() e localStorage.getItem() que podem armazenar até 5MB de informações!
Em contrapartida, os cookies só armazenam 4 bytes (se não me engano!)...
Se você desejar e poder aguardar um pouco, eu poderei fazer uma pequena modificação no código do tutorial para que possa usufruir das vantagens do localStorage e com isso não será mais necessário ter os cookies ativados no navegador.
JS
JScript- Super Membro
- Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901 -
Re: Categorias retrateis no chrome
por JScript 10.01.14 15:45
Bom, aqui está o código, basta adicionar o que seja da versão de seu fórum como um novo JavaScript com investimento no índice!
PUNBB
PHPBB2
PHPBB3
Resultados:
Normal com o mouse em cima:
Retraída sem o mouse em cima:
Retraída com o mouse em cima:
Nota: O efeito é persistente mesmo que o navegador seja fechado, só perderá a "memória" caso seja feita uma limpeza completa do navegador!!!
Espero que goste,
JS
PUNBB
- Spoiler:
- Código:
$(window).load(function() {
var sCSS = '<style>' +
'.main-head.collapsed {' +
' border-radius: 4px 4px 4px 4px;' +
' opacity: 0.2;' +
' margin-bottom: 5px;' +
'}' +
'.main-head.collapsed:hover {' +
' opacity: 0.4;' +
'}' +
'.main-head .toggle {' +
' background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
' display: block;' +
' height: 25px;' +
' outline: 0 none;' +
' text-indent: -3000em;' +
' visibility: hidden;' +
' width: 25px;' +
'}' +
'.main-head:hover .toggle {' +
' visibility: visible;' +
'}' +
'.main-head.collapsed .toggle {' +
' background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
'}' +
'</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
jQuery('.main .main-head').each(function(index){
var main_head = jQuery(this);
var display = localStorage.getItem('main-head' + index);
if (display) main_head.next().css('display', display);
main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle right">Maximizar/minimizar</a>');
var Style = main_head.next();
if(Style.css('display') == 'none'){
main_head.addClass('collapsed');
}else{
main_head.removeClass('collapsed');
}
var toggle = main_head.find('.toggle.right');
toggle.click(function(){
if(Style.css('display') == 'none'){
Style.slideToggle();
localStorage.setItem('main-head' + index, 'block');
main_head.removeClass('collapsed');
}else{
Style.slideToggle();
localStorage.setItem('main-head' + index, 'none');
main_head.addClass('collapsed');
}
});
})
});
PHPBB2
- Spoiler:
- Código:
$(window).load(function() {
var sCSS = '<style>' +
'.phpbb2_collapsed.collapsed {' +
' height: 29px;' +
' opacity: 0.2;' +
' margin-bottom: 5px;' +
'}' +
'.phpbb2_collapsed.collapsed:hover {' +
' opacity: 0.4;' +
'}' +
'.phpbb2_collapsed .toggle {' +
' background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
' display: block;' +
' height: 25px;' +
' outline: 0 none;' +
' text-indent: -3000em;' +
' visibility: hidden;' +
' width: 25px;' +
'}' +
'.phpbb2_collapsed:hover .toggle {' +
' visibility: visible;' +
'}' +
'.left { float: left; }' +
'.phpbb2_collapsed.collapsed .toggle {' +
' background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
'}' +
'</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
jQuery('.secondarytitle').each(function(index){
var main_head = jQuery(this);
main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle left">Maximizar/minimizar</a>');
var table = main_head.parent().parent().parent();
table.before('<div class="phpbb2_collapsed" id="table_' + index + '" style="overflow: hidden;"></div>');
var detach = table.detach();
var table_index = jQuery('#table_' + index);
detach.prependTo(table_index);
var collapsed = localStorage.getItem('main-head' + index);
if(collapsed == 1){
table_index.addClass('collapsed');
}else{
table_index.removeClass('collapsed');
}
var toggle = table_index.find('.toggle.left');
toggle.click(function(){
if(table_index.hasClass('collapsed')){
localStorage.setItem('main-head' + index, 0);
table_index.removeClass('collapsed');
}else{
localStorage.setItem('main-head' + index, 1);
table_index.addClass('collapsed');
}
});
})
});
PHPBB3
- Spoiler:
- Código:
$(window).load(function() {
var sCSS = '<style>' +
'.header.collapsed {' +
' border-radius: 4px 4px 4px 4px;' +
' opacity: 0.2;' +
' margin-bottom: 5px;' +
'}' +
'.header.collapsed:hover {' +
' opacity: 0.4;' +
'}' +
'.header .toggle {' +
' background: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_mi10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);' +
' display: block;' +
' height: 25px;' +
' outline: 0 none;' +
' text-indent: -3000em;' +
' visibility: hidden;' +
' width: 25px;' +
' float: right;' +
'}' +
'.header:hover .toggle {' +
' visibility: visible;' +
'}' +
'.header.collapsed .toggle {' +
' background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/cat_ma10.png");' +
'}' +
'</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
jQuery('.header').each(function(index){
var main_head = jQuery(this);
var display = localStorage.getItem('main-head' + index);
if (display) main_head.next().css('display', display);
main_head.prepend('<a title="Maximizar/minimizar" href="#'+ index +'" class="toggle right">Maximizar/minimizar</a>');
var Style = main_head.parent().next();
if(Style.css('display') == 'none'){
main_head.addClass('collapsed');
}else{
main_head.removeClass('collapsed');
}
var toggle = main_head.find('.toggle.right');
toggle.click(function(){
if(Style.css('display') == 'none'){
Style.slideToggle();
localStorage.setItem('main-head' + index, 'block');
main_head.removeClass('collapsed');
}else{
Style.slideToggle();
localStorage.setItem('main-head' + index, 'none');
main_head.addClass('collapsed');
}
});
})
});
Resultados:
Normal com o mouse em cima:
Retraída sem o mouse em cima:
Retraída com o mouse em cima:
Nota: O efeito é persistente mesmo que o navegador seja fechado, só perderá a "memória" caso seja feita uma limpeza completa do navegador!!!
Espero que goste,
JS
Última edição por JScript em 10.01.14 20:24, editado 1 vez(es) (Motivo da edição : Funcionalidade em todas as versões!)
JScript- Super Membro
- Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901 -
Re: Categorias retrateis no chrome
por generalshyguy 10.01.14 18:05
Eu agradeço 
muito obrigado mesmo.
muito obrigado mesmo.
generalshyguy- Novo Membro
- Membro desde : 27/12/2013
Mensagens : 5
Pontos : 7 -
Tópicos semelhantes» Categorias retráteis
» Imagens retrateis nas categorias
» Efeito categorias retrateis
» Opacidade nas categorias retráteis
» Colocar categorias retráteis
» Imagens retrateis nas categorias
» Efeito categorias retrateis
» Opacidade nas categorias retráteis
» Colocar categorias retráteis
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos