زمان کنونی: ۱۱-۱-۱۴۰۳, ۰۲:۲۹ صبح درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش چند رنگ کردن قالب
۲۰-۳-۱۳۹۰, ۰۲:۴۰ صبح
ارسال: #1
آموزش چند رنگ کردن قالب
با سلام
همیشه توی اوایل کارهام خیلی دوست داشتم که قالب هایی رو که طراحی می کنم دارای چند رنگ باشه و کاربر با کلیک کردن بتونه رنگ قالبش رو عوض کنه! حالا این آموزش رو برای دوستان به زبانی ساده قرار می دم (ان شا الله) تا همه بتون استفاده کنن.
خوب توی مرحله اول باید طرحتون چند رنگ تون رو با فوتوشاپ و یا هر نرم افزار دیگه طراحی کنید و عکس های تکه تکه شده هر رنگی رو در فولدری جدا قرار بدید و برای سی اس اس ها نیز هر رنگ رو باید جدا بزنید.
یه توضیح مختصر در مورد CSS ها : شما باید CSS ها تون رو دو دسته بکنید
  1. Style هایی برای همه رنگ ها ثابت هستند مثلا سایز ها و یا پدینگ ها و ... . که این Style ها رو باید توی یه فایل ذخیره کنید و ما اسمش رو می زاریم main_style.css و اون رو توی پوشه Css قالبمون ذخیره می کنیم
  2. Style هایی که برای هر رنگ تغییر می کنه مثلا رنگ بک گراند ها و یا عکس های بک گراند ها و .... . که باید برای هر رنگ یه فایل جدا بسازیم و اون ها رو تویه پوشه Css قالبمون ذخیره می کنیم.
نکته : این که کدوم یک از Style ها ثابت و کدوم یک متغیر هستند رو باید خودتون تشخیص بدید.
نکته 2: ممکنه برای یه Class قسمتی از Style ها برن توی ثابت ها و قسمتی از از اون ها جز متغییر ها!
خوب بعد از ذخیره کردن عکس های هر رنگ توی پوشه های جداگونه و همه ی اون ها توی پوشه Images و ذخیره کردن همه فایل های Css توی پوشه Css قالب، نوبت به کد های مربوط به Index قالب ( همون فایل اصلی قالب ) می رسه.
توی مرحله دوم باید با زبان PHP آشنایی داشته باشید که فرض می کنم آشنایی رو دارید ! و این قسمت رو توضیح نمی دم.
در این جا باید کد های چک کردن If ها را در بالای قالب قرار بدیم
<?php
if(isset($_GET['BodonoshirColor'])){
setcookie(BodonoshirColor,$_GET['BodonoshirColor'], time()+3600);
$BodonoshirColor = $_COOKIE['BodonoshirColor'];
}
elseif( !isset ($_GET['BodonoshirColor']) or  !isset ($_COOKIE['BodonoshirColor']) ){
$BodonoshirColor = $this->params-> get('BodonoshirColor');

}?>
.::. توضیحات : ابتدا چک می کنیم که کاربر بر روی لینک ها کلیک کرده یا نه اگر کلیک کرده باشه رنگ قالب رو با کوکی ها به ذخیره می کنیم و در غیر این صورت گفتیم رنگی رو برای قالب قرار بده که مدیر سایت توی پارامتر های قالب اون رو انتخاب کرده.
در این مرحله می یام توی فایل Index لینک هایی رو قرار میدیم که کاربر با کلیک بر روی اون رنگ رو تغییر بده اول از همه لینک ها متن زیر رو وارد می کنیم خوب اگر رنگ مورد نظر ما قرمز باشه و نام انگلیسی اون رو red فرض کنیم کدش می شه:
<?php echo $this->baseurl ?>/index.php?BodonoshirColor=red
حالا کد Css رنگ میشه این :
[/align]
<link href="/<?php echo  $this->baseurl ?>/templates/bodonoshir/css/<?php echo  $BodonoshirColor ?>_style.css" rel="stylesheet" type="text/css" />
[align=RIGHT]
خوب اگر مثلا قالب ما سه رنگ قرمز(red) ، آبی (blue) و سبز (green) رو داشته باشه فایل ها و پوشه های مربوط به رنگ ها این طوری میشه! :
CSS:
css/main_style.css
css/red_style.css
css/blue_style.css
css/green_style.css

IMAGE:
image/red/....
image/blue/....
image/green/....
منبع: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

امضاء وحید سیدی
طراحی وب سایت های پویا با مناسبت ترین قیمت و بالاترین کیفت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط tarantino ، پیام عمرانی ، Pourdaryaei ، Reza Ganji ، شاهین سمیع عادل ، khalilonline ، mking ، mal2moh ، صابرمحمدی ، مرتضی محمدجانی ، magmag0101 ، محمدرضا بهارلو
۲۱-۳-۱۳۹۰, ۰۶:۰۷ عصر
ارسال: #2
RE: آموزش چند رنگ کردن قالب
سلام
بازم به معرفت دوستان که منبع رو می نویسن!
یا علی
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط Reza Ganji ، tarantino ، شاهین سمیع عادل
۲۳-۵-۱۳۹۰, ۰۹:۱۷ صبح
ارسال: #3
RE: آموزش چند رنگ کردن قالب
آموزش خیلی خوبیه و میتونه خیلی جذاب باشه

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


پرش به انجمن:


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