Categorias retrateis no chrome

Item: Categorias retrateis no chrome
Rating: 1

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

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

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.

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

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.

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

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

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:
Categorias retrateis no chrome ESLl1PP

Retraída sem o mouse em cima:
Categorias retrateis no chrome ReQB9Xs

Retraída com o mouse em cima:
Categorias retrateis no chrome XLIOkJo

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