dis_card

راهنمایی برای چند رنگه کردن سایت

11 پست در این موضوع

ارسال شده در (ویرایش شده)

سلام دوستان

یه مشتری دارم یکم گیره ! خداییش خیلی اذییتم کرده تا حالا !

بعد از زدن چند تا طرح psd بلاخره یکی رو انتخواب کرد !

عکس قالب رو میتونید در اینجا ببینید !

--------------------

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

اگه به عکس دقت کنید میبینید که بعد از تغییر رنگ باید تمامی استایل ها عوض بشه + لوگو و حتی بوردر هایی که واسه طرح وجود داره !

خواستم ببینم برای چند رنگه کردن یه قالب دقیقا باید چیکار کنم ؟

دستورات Css ای که برای هر استایل باید نوشت رو چطوری باید لینک بدم به قالب اصلی و چه لینکی باید به اون چهار تا مربع بدم که با کلیک روشون اون استایل خواصی که مد نظرمه اجرا بشه !

ممنون

عکس رو حذف کردم چون خیلی از دوستان کم لطفی کردن و با مشتریم تماس گرفتن و سفارش کار دادن ! ! ! خیلی ممنونم ازشون ولی اینو بدونید قبل از بستن قرارداد اصلا شروع به طراحیم نمیکنم پس ......

ویرایش شده در توسط dis_card
کم لطفی برخی از دوستان

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

برای اینکار باید از jquery استفاده کنی

کافی هست یک سری باکس رنگی کوچیک کنار سایت درست کنی کاربر با کلیک روی هر باکس ، یک کلاس css توسط jqeury تو صفحه تزریق بشه

البته برای اینکه کاربر دفعه بعد با همون رنگی که انتخاب کرده وارد بشه باید همون کلاس رنگ رو براش cookie کنید!

Share this post


Link to post
Share on other sites

ممنون بابت پاسختون میشه یه مقداری بیشتر توضیح بدید ؟

پلاگین جی کوئری برای این کار سراغ دارید ؟

ممنون میشم طریقه کار با پلاگینم مقداری شرح دهید

مرسی !

Share this post


Link to post
Share on other sites

پیشنهاد من استفاده از فریم ورک ها برای طراحی قالب هست.

برای مثال اگر از فریم ورک وارپ که توسط یوتم به رایگان ارائه میشه ، لازم نیست خیلی از کد ها رو بنویسید و یه قالب حرفه ای خواهید داشت. در اون صورت قابلیت چند رنگی یا چند استایلی رو خواهید داشت که با ساخت یه منو و اختصاص تصاویر بهش میتونید اون نیاز مشتری رو رفع کنید.

Share this post


Link to post
Share on other sites

مرسی ولی نمیخوام تحت فریم ورک کار کنم میخوام اصولش رو یاد بگیرم !

راه هایی که توی وب های خارجی و داخلی دیدم رو تست کردم !

از جاوا برای این مهم استفاده کردم ولی فقط میتونم یه رنگ رو به سایت ببدم !

من میخوام یه استایل css رو بعد از کلیک کردن اجرا کنم ! ! !

مرسی

Share this post


Link to post
Share on other sites

این مقاله رو خودنده بودم ولی با مشکل مواجه میشه !

و همین کد ها رو که در نصاب قالب میریزم هم ارور میده و اصلا قالب رو نصب نمیکنه ! !!

ایا میشه برای این کار از سشن در پی اچ پی استفاده کرد ؟

اگه میشه ممنون میشم یه مثال بزنید !

یه قالبم دارم که طرف اومده یه سری فایل با نام های @theme=wooden درون روت قالب تعریف کرده و داخلش کل فایل index.html رو کار کرده فقط کلاسهای ماژولی که استفاده کرده در هر تم باهم فرق داره !

بعد بعد از ادرس سایت که ما بزنیم @theme=wooden اون تم مورد نظر لود میشه !!!

خواستم ببینم این کار برای قالب جوملا هم شدنیه !

و بعدها به مشکلی باهاش بر نمیخورم ؟؟

قالب رو برای نمونه آپلود کردم !

ممنون میشم دانلود کنید و مورد بررسی قرار دهید !

لینک دانلود

مرسی

Share this post


Link to post
Share on other sites
برای اینکار باید از jquery استفاده کنی

کافی هست یک سری باکس رنگی کوچیک کنار سایت درست کنی کاربر با کلیک روی هر باکس ، یک کلاس css توسط jqeury تو صفحه تزریق بشه

البته برای اینکه کاربر دفعه بعد با همون رنگی که انتخاب کرده وارد بشه باید همون کلاس رنگ رو براش cookie کنید!

سلام

ممنون بخاطر توجهتون

بلاخره موفق شدم با جی کوئری به این برسم که کاربر بعد از کلیک روی عکس مورد نظر اون استایل براش لود بشه !!!

برای خود جی کوئری این طوری عمل کردم

$.stylesheets = (function () {
   var stylesheets,
       add,
       clear;

   add = function (cssfile) {
       $('head').append('<link href="' + cssfile + '" rel="stylesheet" />');
       return stylesheets;
   };

   clear = function () {
       $('head link[rel=stylesheet]').remove();
       return stylesheets;
   };

   return stylesheets = {
       add: add,
       clear: clear
   };
} ());

html قالب رو به این صورت

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>تغییر سی اس اس</title>
<link href="black.css" rel="stylesheet" type="text/css" />
      <script src="j-google.js"></script>
      <script src="color.js"></script>
</head>

<body>

       <a href="#" rel="blue.css"><img src="blue.jpg"></img></a>
       <a href="#" rel="red.css"><img src="red.jpg"></img></a>
       <a href="#" rel="yellow.css"><img src="yellow.jpg"></img></a>



   <script>
       $('a').click(function () {
           $.stylesheets.clear().add($(this).attr('rel'));
           return false;
       });
   </script>
</body>
</html>

توی سه تا فایل سی اس اس سه استایل مختلف نوشتم

و بعد از کلیک روی عکس ها اون استایل ها اعمال شد !

راستی اینم بگم که فایل j-google.js همون کتاب خانه جی کوئریه که توی لوکال داشتم :دی (فرقی با دادن لینک آنلاین نداره )

حالا میخوام کار بر با هر رنگی که انتخواب کرده دفعه بعد سایت رو لود کنه !

ولی موندم توی نوشتن کوکیش !!!

ممنون میشم یه مثال بزنید برام ! :auizz3ffy9vla57584x

مرسی

Share this post


Link to post
Share on other sites

مرسی از دوستان خودم مشکل رو برطرف کردم فقط برای زمان کوکی از

$date=time()+25

استفاده کردم یک ماه چقدر زمان باید ست کنم ؟؟

2592000 زمان برای یک ماه است ؟؟

پیشنهاد شما برای کوکی چیه ؟؟؟

مرسی

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری