Web site renk paleti nasıl yapılır ?

05-12-2019, 19:38:21

Merhaba, Bir tasarım yapmayı planlıyorum ama sayfanın sağından veya solundan çıkan ve tek tık ile sayfanın rengini yazıların rengini belirleyen veya sayfanın yapısını değiştiren bir palet var ne ile nasıl ne şekilde yapılıyor ? hiçbir yerde bir bilgi bulamadım yardımcı olurmusunuz ?

ÖRNEK

05-12-2019, 19:55:26

#2

~~Cagrickr~~

Üyeliği durduruldu

Takipteyim

05-12-2019, 19:57:49

#3

caneralcilioglu

Farklı renk seçeneklerinden oluşan farklı css dosyaları oluşturun. Seçilen renge uygun olan css dosyasını çağırın.

https://stackoverflow.com/questions/...le-to-the-page

function changeCSS(cssFile, cssLinkIndex) {    var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);    var newlink = document.createElement("link");    newlink.setAttribute("rel", "stylesheet");    newlink.setAttribute("type", "text/css");    newlink.setAttribute("href", cssFile);    document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);}

<html>    <head>        <title>Changing CSS</title>        <link rel="stylesheet" type="text/css" href="positive.css"/>    </head>    <body>        <a href="#" onclick="changeCSS('positive.css', 0);">STYLE 1</a>         <a href="#" onclick="changeCSS('negative.css', 0);">STYLE 2</a>    </body></html>

05-12-2019, 20:11:41

#4

halilturhan

caneralcilioglu adlı üyeden alıntı: mesajı görüntüle

Farklı renk seçeneklerinden oluşan farklı css dosyaları oluşturun. Seçilen renge uygun olan css dosyasını çağırın.

https://stackoverflow.com/questions/...le-to-the-page

function changeCSS(cssFile, cssLinkIndex) {    var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);    var newlink = document.createElement("link");    newlink.setAttribute("rel", "stylesheet");    newlink.setAttribute("type", "text/css");    newlink.setAttribute("href", cssFile);    document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);}

<html>    <head>        <title>Changing CSS</title>        <link rel="stylesheet" type="text/css" href="positive.css"/>    </head>    <body>        <a href="#" onclick="changeCSS('positive.css', 0);">STYLE 1</a>         <a href="#" onclick="changeCSS('negative.css', 0);">STYLE 2</a>    </body></html>

hocam teşekkür ederim.mantığını anladım.ama bunu nasıl yapacağımı o paleti oraya nasıl koyacağımı bilmiyorum.bu konuda demo nereden bulabilirim ?

05-12-2019, 20:40:51

#5

caneralcilioglu

halilturhan adlı üyeden alıntı: mesajı görüntüle

hocam teşekkür ederim.mantığını anladım.ama bunu nasıl yapacağımı o paleti oraya nasıl koyacağımı bilmiyorum.bu konuda demo nereden bulabilirim ?

https://www.jqueryscript.net/tags.php?/theme/
https://www.jqueryscript.net/demo/Mi...cher-Blast-js/

05-12-2019, 20:43:09

#6

halilturhan

caneralcilioglu adlı üyeden alıntı: mesajı görüntüle

https://www.jqueryscript.net/tags.php?/theme/
https://www.jqueryscript.net/demo/Mi...cher-Blast-js/