آموزش چند رنگ کردن قالب
|
۲۰-۳-۱۳۹۰, ۰۲:۴۰ صبح
ارسال: #1
|
|||
|
|||
آموزش چند رنگ کردن قالب
با سلام همیشه توی اوایل کارهام خیلی دوست داشتم که قالب هایی رو که طراحی می کنم دارای چند رنگ باشه و کاربر با کلیک کردن بتونه رنگ قالبش رو عوض کنه! حالا این آموزش رو برای دوستان به زبانی ساده قرار می دم (ان شا الله) تا همه بتون استفاده کنن. خوب توی مرحله اول باید طرحتون چند رنگ تون رو با فوتوشاپ و یا هر نرم افزار دیگه طراحی کنید و عکس های تکه تکه شده هر رنگی رو در فولدری جدا قرار بدید و برای سی اس اس ها نیز هر رنگ رو باید جدا بزنید. یه توضیح مختصر در مورد CSS ها : شما باید CSS ها تون رو دو دسته بکنید
نکته : این که کدوم یک از Style ها ثابت و کدوم یک متغیر هستند رو باید خودتون تشخیص بدید. نکته 2: ممکنه برای یه Class قسمتی از Style ها برن توی ثابت ها و قسمتی از از اون ها جز متغییر ها! خوب بعد از ذخیره کردن عکس های هر رنگ توی پوشه های جداگونه و همه ی اون ها توی پوشه Images و ذخیره کردن همه فایل های Css توی پوشه Css قالب، نوبت به کد های مربوط به Index قالب ( همون فایل اصلی قالب ) می رسه. توی مرحله دوم باید با زبان PHP آشنایی داشته باشید که فرض می کنم آشنایی رو دارید ! و این قسمت رو توضیح نمی دم. در این جا باید کد های چک کردن If ها را در بالای قالب قرار بدیم کد: (انتخاب همه) <?php .::. توضیحات : ابتدا چک می کنیم که کاربر بر روی لینک ها کلیک کرده یا نه اگر کلیک کرده باشه رنگ قالب رو با کوکی ها به ذخیره می کنیم و در غیر این صورت گفتیم رنگی رو برای قالب قرار بده که مدیر سایت توی پارامتر های قالب اون رو انتخاب کرده. در این مرحله می یام توی فایل Index لینک هایی رو قرار میدیم که کاربر با کلیک بر روی اون رنگ رو تغییر بده اول از همه لینک ها متن زیر رو وارد می کنیم خوب اگر رنگ مورد نظر ما قرمز باشه و نام انگلیسی اون رو red فرض کنیم کدش می شه: کد: (انتخاب همه) <?php echo $this->baseurl ?>/index.php?BodonoshirColor=red حالا کد Css رنگ میشه این : کد: (انتخاب همه) [/align] خوب اگر مثلا قالب ما سه رنگ قرمز(red) ، آبی (blue) و سبز (green) رو داشته باشه فایل ها و پوشه های مربوط به رنگ ها این طوری میشه! : کد: (انتخاب همه) CSS: منبع: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
|
|||
|
۲۱-۳-۱۳۹۰, ۰۶:۰۷ عصر
ارسال: #2
|
|||
|
|||
RE: آموزش چند رنگ کردن قالب
سلام
بازم به معرفت دوستان که منبع رو می نویسن! یا علی |
|||
|
۲۳-۵-۱۳۹۰, ۰۹:۱۷ صبح
ارسال: #3
|
|||
|
|||
RE: آموزش چند رنگ کردن قالب
آموزش خیلی خوبیه و میتونه خیلی جذاب باشه
داریم شروع میکنیم |
|||
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان