PDA

View Full Version : ساخت theme سایت به صورت متغییر


hossein_va
شنبه 01 فروردین 1394, 19:40 عصر
سلام
چطوری میشه تم سایت را کاربر انتخاب کنه؟ مانند سایت زیر :

http://www.aminwebhost.com/

فکر کنم با جاوا اسکریپته
hossein_va
دوشنبه 03 فروردین 1394, 23:09 عصر
کسی نیست دست یاری برسونه؟
CannibalCorpse
سه شنبه 04 فروردین 1394, 18:34 عصر
خب ببین این کار خیلی ساده ایه. به تگ بادی صفحه این آیدی رو داده : mybody
بعد رو onlcick اون رنگا این فانکشن رو نوشته
onclick="chgbgstyle('mybody','_11_', 'mybody_chgbox_8', 1);"
که خاصیت background-color تگ body رو تغییر میده.
hossein_va
چهارشنبه 05 فروردین 1394, 23:35 عصر
رنگ دکمه ها هم عوض میشه پس فقط
background-color تگ body را تغییر داده نمیشه
ABZiko
پنج شنبه 06 فروردین 1394, 11:35 صبح
<html>
<head>
<title>Changing BackGround Color</title>
<script src="jQuery.min.js"></script>
<script>

$(document).ready(function(e){

$("#orange").click(function(e){

$("body").css('background-color','orange');
$("#orange + button").css('background-color','#F60');
$("#orange + button").css('border-color','#F60');

});

});

</script>
<style>
#orange + button{
background-color:#0099FF;
border:1px solid #0099FF;
color:#FFF}
</style>
</head>

<body>

<button id="orange">Orange</button>

<button>
Download
</button>

</body>
</html>
ABZiko
پنج شنبه 06 فروردین 1394, 11:35 صبح
توی این کد هم body و هم دکمه تغییر پید می کنه ...
ABZiko
پنج شنبه 06 فروردین 1394, 12:58 عصر
به همراه دو دکمه :


<html>
<head>
<title>Changing BackGround Color</title>
<script src="jQuery.min.js"></script>
<script>

$(document).ready(function(e){

$("#orange").click(function(e){

$("body").css('background-color','orange');
$(".download").css('background-color','#F60');
$(".download").css('border-color','#F60');

});

});

</script>
<script>

$(document).ready(function(e){

$("#white").click(function(e){

$("body").css('background-color','blue');
$(".download").css('background-color','#0099FF');
$(".download").css('border-color','#0099FF');

});

});

</script>
<style>
.download{
background-color:#0099FF;
border:1px solid #0099FF;
color:#FFF}
</style>
</head>

<body>

<button id="orange">Orange</button>
<button id="white">White</button>

<button class="download">
Download
</button>

</body>
</html>