• 2 رای - 3 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
تغییر رنگ کلی قالب
#1
این سایت یه امکان جالب داره که میشه رنگ تما قسمت های سایت رو تغییر داد .

با انتخاب Color Chooser از قسمت بالای سایت و انتخاب رنگ مورد نظر برای هر قسمت کلا رنگ اون قسمت تغییر می کنه .

ایا در این مورد کسی اطلاعی داره که چطور داره این کار انجام میشه .
  پاسخ
تشکر شده توسط :
#2
طراحی قالب رو با محوریت CSS انجام بدید . برای هر رنگ از قالب سایت یک CSS جدا تهیه کنید.
با انتخاب کاربر ، فایل های CSS لود و اجرا می شوند. به همین سادگی ...

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

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

...
  پاسخ
تشکر شده توسط :
#3
لطفا ادرسی که دادم رو برسی کنید .
من این روش ها رو می دونم ولی اینجا یه پالت رنگی برای تغییر رنگ هر قسمت داری و بعضی قسمت ها مثل منو ها و پس زمینه بالای سایت هم که عکس هست تغییر رنگ روی اون هم تاثیر میزار .
  پاسخ
تشکر شده توسط :
#4
کدوم لینک؟!
  پاسخ
تشکر شده توسط :
#5
لینک رو فراموش کرده بودم بزارم شرمنده .

لینک
  پاسخ
تشکر شده توسط :
#6
ایده ساده و بسیار جالبی رو پیاده سازی کرده ، آفرین !

Background رو اگه دقت کنید ، یک فایل PNG هست که میتونه به صورت transparent تولید کرد. خوب پس با تغییر رنگ Background ، رنگ زمینه فایل PNG هم تغییر میکنه ، به همین دلیل هر رنگی که Color Chooser به تگ Body بده در رنگ عکس هم تاثیر میذاره ...

مابقی هم که چیزه پیچیده ای نیست ... Wink
  پاسخ
تشکر شده توسط : oia
#7
ولی preview قبل از تعیید رو چطور میکشه فکر نکنم کارش به این سادگیا باشه .
  پاسخ
تشکر شده توسط :
#8
اصلا به پیشنمایش دقت نکرده بودم . زیباست .

Preview هم از همون روش قبلی استفاده کرده ، یعنی که فایل PNG ساخته که میتونه رنگ زمینه رو تغییر بده و رنگ قالب هم تغییر کنه .
در مجموع Preview تشکیل شده از یک تصویر ، مقداری متن با قلم بسیار ریز ، چند تا لایه که به نسبت اندازه قالب ظریف و کوچک ساخته شده اند . به هر لایه یک ID مخصوص داده که می تونه توسط جاوااسکریپت رنگ لایه ها و متن ها رو تغییر بده . اگر دقت کنید ، متوجه می شید که لایه های اصلی در زیر عکس قرار گرفته که میتونه رنگ رو در عکس تغییر بده و متن ها در لایه های بالا تر قرار گرفته اند که تاثیری در رنگ زمینه نگذارند. بعد از تایید شما مقدارهای تعیین شده رو به کلاس های مربوطه در قالب اصلی میده .

جالب اینکه که اگه اشتباه نکنم ، تنظیمات شما رو در کوکی ذخیره میکنه و این تنظیمات تا حدودی برای کار پایدار خواهد بود .

حق با شماست اصلا کار ساده ای نیست ! اما فوق العادست.
  پاسخ
تشکر شده توسط : php ahora


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان