تغییر رنگ پس زمینه

[navid7 10]

با سلام خدمت دوستان محترم

بنده میخواستم رنگ background قالب رو تغییر بدم

عکسش رو از فولدر metal تغییر دادم،ولی رنگ رو نتونستم

فایل template یکم دست کای کردم ولی بازم نشد

ممنون میشم اگه بگید کدوم فایل و کدوم خط رو باید تغییر بدم!

توی عکس و پیش فرض قالب،رنگ طوسی هست،یعنی همون رنگی که بنده میخوام تغییر بدم

ممنون

[saber 208]

سلام اگه سایتتون آنلاین هست آدرس رو بذارید تا راهنمایی کنیم

اگه هم روی لوکال کار میکنید خودتون با firebug میتونید محل کد رو پیدا کنید...

[Komail 12]

از چه قالبی استفاده می کنید دوست عزیز. فکر کنم قالب شما یوگراید است که رنگ بک گراند آن نیز یک عکس در پوشه متال است میتوانید آنرا هرگونه که میخواهید دستکاری نمایید

[designer 12]

سلام

دوست عزیز میشه برای این اینکار دکمه ای رو بهش اختصاص داد که رنگ تغییر کنه

تو تغییر دادن رنگ استایل های سایت بنده زمینه هیچ تغییری نمیکنه و سفید میمونه - عارضم خدمت شما که زمینه ایمیج و یا پی ان جی نیست دوست عزیز

http://azar-p.ir/

تشکر از زحمت های بی ریا

[saber 208]

سلام

دوست عزیز میشه برای این اینکار دکمه ای رو بهش اختصاص داد که رنگ تغییر کنه

تو تغییر دادن رنگ استایل های سایت بنده زمینه هیچ تغییری نمیکنه و سفید میمونه - عارضم خدمت شما که زمینه ایمیج و یا پی ان جی نیست دوست عزیز

http://azar-p.ir/

تشکر از زحمت های بی ریا

سلام رنگ پس زمینه سایت شما هم قابل تغییر هست از فایل template.css خط 24 میتونید تغییرش بدید...

[designer 12]

معذرت میخوام / میشه براش دکمه تعریق کرد که کاربر سایت بتونه به دلخواه تغییرش بده ؟

ممنونم از شما

[ابوالفضل طالبی 280]

برای تغییر رنگ پس زمینه به صورتی که کاربر انتخاب کنه و دکمه باشه باید با جی کوئری آشنا باشید و استایل بک گراند رو تزریق کنید تو صفحه خودتون

[Komail 12]

برای تغییر رنگ پس زمینه به صورتی که کاربر انتخاب کنه و دکمه باشه باید با جی کوئری آشنا باشید و استایل بک گراند رو تزریق کنید تو صفحه خودتون

استاد طالبی خوشحال میشیم بتونیم از آموزشهای خوبتون در انجمن بهره مند بشیم ...

[ابوالفضل طالبی 280]

یک مثال میزنم الباقی تحقیق و تفحص خودتون!

یک موقعیت ثابت (fix) باید تو قالب داشته باشید در سمت چپ قالب به اندازه مثلا 50 پیکسل در 50 پیکسل .. این موقعیت جاییست که کاربر روش کلیک میکنه و یک جدول رنگ براش ظاهر میشه! به شکل زیر باید موقعیت ها رو ایجاد کنید:

<div id="usertoolbar" ></div>
<div id="toolbarcolors">
<div id="red"></div>
<div id="green"></div>
 <div id="clear"></div> 
<div id="black"></div>
<div id="gray"></div>
 <div id="clear"></div> 
<div id="blue"></div>
<div id="yellow"></div>


</div>

موقعیتی که سلکتور usertoolbar گرفته همون موقعیتی است که اندازه 50 در 50 پیکسل داره .. مثلا توش میتونید یک عکس کوچیک بزارید برای نمای زیباتر ... موقعیت های دیگه هم رنگ ها هستند که داخل موقعیتی با سلکتور toolbarcolors قرار دارند ...

حالا کاری که باید بکنید اینه که با کلیک روی هر سلکتور ، مثلا سلکتور red رنگ بک گراند قرمز بشه!! خوب چطور!؟

با استفاده از jQuery اینکار رو میکنیم:

<script type="text/javascript" >

usertoolbox = jQuery.noConflict();
usertoolbox(document).ready(function(){


      usertoolbox("#usertoolbar").click(function(){

         usertoolbox("#toolbarcolors").css("visibility","visible");
         usertoolbox("#toolbarcolors").slideToggle("fast");


      });

         usertoolbox("#red").click(function(){
         usertoolbox("#mainbody").css("background-color","red");
         });
             usertoolbox("#green").click(function(){
         usertoolbox("#mainbody").css("background-color","green");
         });
             usertoolbox("#black").click(function(){
         usertoolbox("#mainbody").css("background-color","black");
         });
             usertoolbox("#gray").click(function(){
         usertoolbox("#mainbody").css("background-color","gray");
         });
             usertoolbox("#blue").click(function(){
         usertoolbox("#mainbody").css("background-color","blue");
         });
             usertoolbox("#yellow").click(function(){
         usertoolbox("#mainbody").css("background-color","yellow");
         });



});


</script>

ابتدا در بالای فایل index.php قالب خودتون باید فایل jquery رو بارگزاری کنید و در ادامه در تگ body تکه کد بالا رو قرار بدید ... توجه کنید که در کدهای بالا فرض ما این است که صفحه ما با سلکتور mainbody شناخته میشه