hit counter script

پرش به

رنگ بک گراند: Sky Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
رنگ بدنه: Sky Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
طرح: Blank Waves Squares Notes Sharp Wood Rockface Leather Honey Vertical Triangles
پیشتاز 3.8.0 فروشگاه VIP
خوش آمدید به پشتیبانی phpfox
برای اینکه بتوانید از همه ی امکانات انجمن استفاده نمایید باید ابتدا عضو شوید.اگر قبلا عضو شده اید ب وارد سایت شوید.از لینک های زیر برای عضویت یا ورود استفاده نمایید.
ورود به انجمن عضویت در انجمن
تصویر

آموزش راست چین کردن قالبهای phpfox

راست چین کردن

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
3 پاسخ برای این موضوع

#1
a.aslani

a.aslani

    بازنشسته از تیم طراحی

  • مدیر بازنشسته
    • Member ID: 39
  • 105 ارسال

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

 

خب اول از همه برید به مسیری که فایلهای css قالبتون تو اون مسیر هست. مثلا مسیر زیر رو میرید:

برای قالب دیفالت

theme >> frontend >> default >> style >> default >> css

 

برای قالب مورد نظر:

theme >> frontend >> your theme >> style >> your theme >> css

 

بعد در این مسیر تعدادی فایل css میبینید بطور مثال مثلا فایلای layout.css, custom.css , comment.css, common.css و ... رو تو این مسیر داریم

 

- ابتدا یک نرم افزار که بشه باهاش فایلای css رو باز و ویرایش کرد رو رو کامپیوترتون نصب کنید. به عنوان مثال من خودم از برنامه Notepad++ استفاده میکنم که میتونید از لینک زیر دانلودش کنید:

 

http://filehippo.com/download_notepad/

 

- خب حالا یکی از فایلهای css رو که تو اون مسیر بود رو با این برنامه باز کنید و طبق آموزش زیر تغییرات رو انجام بدید:

 

1. هر جا دستور float دیدید اگر مقدارش right بود به left و اگر left بود به right تغییرش بدید

مثال:

#test {
	float:right;
	background:#fff;
	color:#555;
}

تغییرش میدید به:

#test {
	float:left;
	background:#fff;
	color:#555;
}

2. هرجا دستور دستور text-align به صورت left بود به right تغییرش بدید

مثال:

#test {
	text-align:left;
	background:#fff;
	color:#555;
}

تغییر به:

#test {
	text-align:right;
	background:#fff;
	color:#555;
}

3. هرجا direction:ltr بود تغییرش بدید به rtl (توجه: برخی موارد این دستور برای قسمتی که میخوایم راستچین بشه وجود نداره و باید این دستور رو به شکل direction:rtl براش تعریف کنیم)

مثال:

#test {
	direction:ltr;
	background:#fff;
	color:#555;
}

تغییر میدید به:

#test {
	direction:rtl;
	background:#fff;
	color:#555;
}

4. اگر دستور margin-right دیدید به margin-left و یا اگر margin-left دیدید به margin-right تغییرش بدید

مثال:

#test {
	margin-right:15px;
	background:#fff;
	color:#555;
}

تغییر به:

#test {
	margin-left:15px;
	background:#fff;
	color:#555;
}

5. بغضی وقتا دستور margin-right و left رو به صورت مختصر شده مینویسن مثلا مینویسن margin:1px 2px 3px 4px که 1px مربوط به فاصله از بالا و 2 فاصله از راست(right) و 3 فاصله از پایین و 4 فاصله از چپ (left) هستش که فقط کافیه جای فصله های چپ و راست رو با هم عوض کنید مثلا برای مثالمون بنویسید: margin:1px 4px 3px 2px

توجه: هرگز مقدار فاصله از بالا و پایین رو جابجا نکنید, فقط کار ما فاصله از چپ و راست هستش

 

مثال:

#test {
	margin:15px 20px 25px 30px;
	background:#fff;
	color:#555;
}

تغییر به:

#test {
	margin:15px 30px 25px 20px;
	background:#fff;
	color:#555;
}

6. مقدار paddin-right رو به padding-left و یا padding-left رو به padding-right تغییر بدید

 

مثال:

#test {
	padding-right:15px;
	background:#fff;
	color:#555;
}

تییر بدید به:

#test {
	padding-left:15px;
	background:#fff;
	color:#555;
}

7. دستور padding هم ممکنه مثل دستور margin به صورت خلاصه دقیقا به همون ترتیب بیاد مثلا padding:5px 6px 7px 8px رو داشته باشیم که فقط کافیه جای 6 و 8 رو با هم عوض کنیم : padding:5px 8px 7px 6px

 

مثال:

#test {
	padding:15px 20px 25px 30px;
	background:#fff;
	color:#555;
}

تغییر به:

#test {
	padding:15px 30px 25px 20px;
	background:#fff;
	color:#555;
}

تا اینجا تقریبا تمام کار راستچین قالبمون تموم شده که یک سری دستور مربوط به phpfox هست که باید اضافه بشن تا کامل قالب راستچین شه که به زودی براتون میذارمشون

 

خب حالا اگر می خواید که یک سایت دو زبانه داشته باشید یعنی وقتی زبان انگلیسی انتخاب شد سایتتون چپ چین و وقتی که زبان فارسی انتخاب شد قالب راستچین بشه فقط کافیه که تمام این کدهایی که شما تغییر روشون انجام دادید رو به صورد کامل به فایل rtl.css انتقال بدید و اون رو ذخیره کنید (فایل rtl.css نصبت به بقیه ارجعیت داره و اول دستور اون خونده میشه) فقط دقت کنید که وقتی از rtl.css استفاده میکنید فایلای دیگتون همون مثل اولش چپ چین باشه

 

موفق باشید


  • rezazare1234, mojtaba026, ᴀᴀʀᴇɴ﹟ و 13 فرد دیگر این پست را پسندیده اند
اینایی که این روزا تو دنیای مجازی واسه ما شاخ شدن
.
.
.
.
.
همون سیکتیر شده های دنیای واقعین! :rolleyes:

#2
کیان

کیان

    مدیر تیم آموزش

  • تیم طراحی
    • Member ID: 24
  • 251 ارسال
  • ورژن phpfox
    3.7.5 پیشتاز
  • نوع نسخه مورد استفاده
    شمسی با دیتابیس فارسی
مقاله نويس

جامع و کامل :wub:


  • a.aslani این پست را پسندیده است

#3
saeidkaka

saeidkaka

    کاربر پیشتاز

  • کاربران پیشتاز
    • Member ID: 217
  • 263 ارسال
  • ورژن phpfox
    3.8.0
  • نوع نسخه مورد استفاده
    شمسی با دیتابیس فارسی

با تشکر از اموزش خوبتون لطفا دستور مربوط به phpfox که گفتيد رو هم بزاريد.

همچنين اين کد هايي رو که گفتيد همش رو به صورت دستي تغيير مي ديد يا نه از طريق نرم  افزار اين کار رو مي کنيد چون براي يک قالب من اين کار رو کردم چندين ساعت طول کشيد همچنين خيلي جاهاش هم درست نشد؟

همچنين اين قسمت رو که گفتين

خب حالا اگر می خواید که یک سایت دو زبانه داشته باشید یعنی وقتی زبان انگلیسی انتخاب شد سایتتون چپ چین و وقتی که زبان فارسی انتخاب شد قالب راستچین بشه فقط کافیه که تمام این کدهایی که شما تغییر روشون انجام دادید رو به صورت کامل به فایل rtl.css انتقال بدید و اون رو ذخیره کنید (فایل rtl.css نصبت به بقیه ارجعیت داره و اول دستور اون خونده میشه) فقط دقت کنید که وقتی از rtl.css استفاده میکنید فایلای دیگتون همون مثل اولش چپ چین باشه

بايد تمامي کد هاي قالب رو انتقال بديم به اين پوشه ؟چون موقع راسچين کردن همش رو تغيير مي ديملطفا يه توضيحي بديد؟با تشکر


شبکه اجتماعی فانی بوک بهترین شبکه اجتماعی ایرانیان http://www.funibook.com


#4
a.aslani

a.aslani

    بازنشسته از تیم طراحی

  • مدیر بازنشسته
    • Member ID: 39
  • 105 ارسال

با تشکر از اموزش خوبتون لطفا دستور مربوط به phpfox که گفتيد رو هم بزاريد.

همچنين اين کد هايي رو که گفتيد همش رو به صورت دستي تغيير مي ديد يا نه از طريق نرم  افزار اين کار رو مي کنيد چون براي يک قالب من اين کار رو کردم چندين ساعت طول کشيد همچنين خيلي جاهاش هم درست نشد؟

همچنين اين قسمت رو که گفتين

خب حالا اگر می خواید که یک سایت دو زبانه داشته باشید یعنی وقتی زبان انگلیسی انتخاب شد سایتتون چپ چین و وقتی که زبان فارسی انتخاب شد قالب راستچین بشه فقط کافیه که تمام این کدهایی که شما تغییر روشون انجام دادید رو به صورت کامل به فایل rtl.css انتقال بدید و اون رو ذخیره کنید (فایل rtl.css نصبت به بقیه ارجعیت داره و اول دستور اون خونده میشه) فقط دقت کنید که وقتی از rtl.css استفاده میکنید فایلای دیگتون همون مثل اولش چپ چین باشه

بايد تمامي کد هاي قالب رو انتقال بديم به اين پوشه ؟چون موقع راسچين کردن همش رو تغيير مي ديملطفا يه توضيحي بديد؟با تشکر

 

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

direction: rtl;

اینم بگم که برای راستچین کردن دقیق و بدون عیب و نقص حداقل باید با دستورات css و کارکردشون آشنا باشید

 

درمورد دو زبانه کردن سایت هم خیلی راحت هستش همونجور که خودتون گفتید باید تمام کدهایی که تغییر دادید (کلا هرچی کد تو هر فایل css که تغییر دادید) رو کپی کنید داخل فایل  rtl.css و داخل بقیه ی فایلا همون کدای ltr بذارید


  • rezazare1234, کیان و ainale این پست را پسندیده است
اینایی که این روزا تو دنیای مجازی واسه ما شاخ شدن
.
.
.
.
.
همون سیکتیر شده های دنیای واقعین! :rolleyes:




0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی