Изменение дизайна при нажатии на кнопку

Видел на некоторых сайта нажимаеш на кнопу и дизайн изменяется на другой и так несколько вариантов (сини,зелёный и т.д)! Как это на php реализовать?

 

На яваскрипте реализуй. Изменение параметров тега body, как самый простой вариант.


http://www.softtime.ru/javascript/changebackcolor.php

 

это понятно! а как мне сделать чтобы у пользователя при обновлении или когда он в другой раздел перешёл фон остался тот который он выбрал??

 

Как вариант реализации, записать все в печеньки. Все его настройки. Если это регистрированный пользователь, то можно в бд значение кинуть.

 

как в куки записать ?

 

Если ты не наешь как с печеньками работать то какой тебе дизайн.

 

блин я написал я начинающий что так сложно что ли ?

 

Дык почитай по теме PHP Работа с файлами Cookies.
В твоем случае будет даже лучше почитать по Работа с cookies средствами javascript

 

Ему нужна работа с cookies на js
http://www.codenet.ru/webmast/js/Cookies.php

 

Учите доки jQuery это актуально и там есть работа с куками http://plugins.jquery.com/project/Cookie

 

Вот например подгрузка разных css файлов для разных стилей

HTML:

<!-- Styles -->
    <div id="dark"><a href="#" id="lit" onclick="javascript:setStyleSheet('lite'); return false;" title="CSS Lite" rel="nofollow">CSS Lite</a></div>
    <div id="lite"><a href="#" id="drk" onclick="javascript:setStyleSheet('dark'); return false;" title="CSS Dark" rel="nofollow">CSS Dark</a></div>

Code:

function getStyleSheets()
{
    if(!document.getElementsByTagName("link"))
    {
        return;
    }
    var links = document.getElementsByTagName("link")
    var count=0
    var stylesheetArray = new Array()
    for(var i = 0; i < links.length; i++)
    {
        type = links[i].getAttribute("type")
        if(type == "text/css")
        {
            stylesheetArray[count] = links[i]
            count++
        }
    }
    return stylesheetArray
}
function setStyleSheet(title)
{
    var stylesheets = getStyleSheets()
    for(var i = 0;i < stylesheets.length; i++)
    {
        stylesheets[i].disabled = true
        if(stylesheets[i].getAttribute("title") == title)
        {
            stylesheets[i].disabled = false
            createCookie('style', title, 365)
        }
    }
}

function getDefaultStyleSheet()
{
    var title
    var stylesheets = getStyleSheets()
    for(var i = 0; i < stylesheets.length; i++)
    {
        if(stylesheets[i].getAttribute("rel").indexOf('alt') == -1)
        {
            title = stylesheets[i].getAttribute("title");
        }
    }
    return title
}

function getPreferredStyleSheet()
{
    var title
    if(readCookie('style'))
    {
        title = readCookie('style');
    }
    else
    {
        title = getDefaultStyleSheet();
    }
    return title
}

window.onload = function()
{
    var title = getPreferredStyleSheet()
    setStyleSheet(title)
}

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)
}

var title = getPreferredStyleSheet()
setStyleSheet(title)

 

Как у меня в блоге?

 

http://www.csszengarden.com/
Вот тебе пища для размышления. не совсем то что тебе надо но тоже похоже.
там есть Раздел select design . пощелкай по ссылкам. и обрати внимание за адрес. там css через php поключается. даже без jquery