Merhaba Arkadaşlar ben tolga çetinkaya merak ettiğim ve tasarımlarımda kullanmak istediğim bir konu var sizlerinde bana bu konuda yardımcı olacağınızı düşünüyorum.
Konu Şu :
http://fuub.net/
Adresindeki giriş işlemindeki renkleri nasıl yaparız.örnek oradaki istediğimiz herhangi bir linke tıkladığımızda tasarım ve menüler o renk oluyor bunu nasıl ayarlarız bu konuda bana yardımcı olurmusunuz ???
yukarda verdiğimiz css ler için kısa 2 örnek (sadece arka plan olarak verecem mantığını anlatabilmek için)
mavi.css body {
background: #001eff;
margin: 0px;
padding: 0px;
font-size: 11px;
color : #4c4c4c;
font-family: Arial, Helvetica, sans-serif;
}
kirmizi.css body {
background: #FF0000;
margin: 0px;
padding: 0px;
font-size: 11px;
color : #4c4c4c;
font-family: Arial, Helvetica, sans-serif;
}
head tagları arasınad kullandığımız 2 tane js'miz var.
styleswitch.js
(function($)
{
$(document).ready(function() {
$('.styleswitch').click(function()
{
switchStylestyle(this.getAttribute("rel"));
return false;
});
var c = readCookie('style');
if (c) switchStylestyle(c);
});
function switchStylestyle(styleName)
{
$('link[@rel*=style][title]').each(function(i)
{
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
});
createCookie('style', styleName, 365);
}
})(jQuery);
// cookie functions http://www.quirksmode.org/js/cookies.html function createCookie(name,value,days)
{
if (days)
{
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name)
{
createCookie(name,"",-1);
}
// /cookie functions