Boa tarde pessoal, não lembro de ter postado nessa área antes
Eu curto mexer com templates em blogs e sites, como hobby mesmo, fico criando e editando. Dessa vez criei um blog pessoal mas como sou muito perfeccionista com detalhes peguei um tema na net e comecei a modifica-lo.
Resumindo, usei jQuery para alterar conforme o gosto a cor predominante do tema (claro/escuro) e lendo na internet percebi que tem como salvar essa opção com o jQuery.Cookie, instalei ele no tema e tentei escrever o código sozinho mesmo, não deu certo.
Coloquei o código no Spoiler e no Pastebin, não sei qual é melhor pra visualizar.
Alguém que manja sabe corrigir o que fiz de errado?
Eu curto mexer com templates em blogs e sites, como hobby mesmo, fico criando e editando. Dessa vez criei um blog pessoal mas como sou muito perfeccionista com detalhes peguei um tema na net e comecei a modifica-lo.
Resumindo, usei jQuery para alterar conforme o gosto a cor predominante do tema (claro/escuro) e lendo na internet percebi que tem como salvar essa opção com o jQuery.Cookie, instalei ele no tema e tentei escrever o código sozinho mesmo, não deu certo.
Coloquei o código no Spoiler e no Pastebin, não sei qual é melhor pra visualizar.
JavaScript:
<script type='text/javascript'>
$(document).ready(function(){
if($.cookie(“cleanlinuxtheme”) == 1){
/* a função muda o background da div com id="box" */
$(".postDate").css("background","#FFFFFF");
$("body").css("background","#FFFFFF");
$("#mainNav").css("background","#FBFBFB");
$(".published").css("background","#FFFFFF");
$("p").css("color","#333333");
$(".entry-title a").css("color","#333333");
$("h3").css("color","#333333");
$("#PageList1 a").css("color","#999999");
$("#PageList1 a").css("color","#999999");
$("#PageList1 a").hover(
function(){
//Ao posicionar o cursor sobre a div
$(this).css("color","#2E301C");
},
function(){
//Ao remover o cursor da div
$(this).css("color","#999999");
}
);
}else{
/* a função muda o background da div com id="box" */
$(".postDate").css("background","#17181A");
$("body").css("background","#17181A");
$("#mainNav").css("background","#2B2B2B");
$(".published").css("background","#17181A");
$("p").css("color","#CCCCCC");
$(".entry-title a").css("color","#EEEEEE");
$("h3").css("color","#EEEEEE");
$("#PageList1 a").css("color","#BBBBBB");
$("#PageList1 a").hover(
function(){
//Ao posicionar o cursor sobre a div
$(this).css("color","#EEEEEE");
},
function(){
//Ao remover o cursor da div
$(this).css("color","#BBBBBB");
}
);
};
/* ao clicar na div com id="box" executa a função */
$("#blacktheme").click(function(){
/* a função muda o background da div com id="box" */
$(".postDate").css("background","#17181A");
$("body").css("background","#17181A");
$("#mainNav").css("background","#2B2B2B");
$(".published").css("background","#17181A");
$("p").css("color","#CCCCCC");
$(".entry-title a").css("color","#EEEEEE");
$("h3").css("color","#EEEEEE");
$("#PageList1 a").css("color","#BBBBBB");
$("#PageList1 a").hover(
function(){
//Ao posicionar o cursor sobre a div
$(this).css("color","#EEEEEE");
},
function(){
//Ao remover o cursor da div
$(this).css("color","#BBBBBB");
}
);
$.removeCookie(“cleanlinuxtheme”);
$.cookie(“cleanlinuxtheme”,2,{expires: 360});
});
/* ao clicar na div com id="box" executa a função */
$("#whitetheme").click(function(){
/* a função muda o background da div com id="box" */
$(".postDate").css("background","#FFFFFF");
$("body").css("background","#FFFFFF");
$("#mainNav").css("background","#FBFBFB");
$(".published").css("background","#FFFFFF");
$("p").css("color","#333333");
$(".entry-title a").css("color","#333333");
$("h3").css("color","#333333");
$("#PageList1 a").css("color","#999999");
$("#PageList1 a").css("color","#999999");
$("#PageList1 a").hover(
function(){
//Ao posicionar o cursor sobre a div
$(this).css("color","#2E301C");
},
function(){
//Ao remover o cursor da div
$(this).css("color","#999999");
}
);
$.removeCookie(“cleanlinuxtheme”);
$.cookie(“cleanlinuxtheme”,1,{expires: 360});
});
});
</script>
Alguém que manja sabe corrigir o que fiz de errado?