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



ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5

حالت موضوعی | حالت خطی
راست چین کردن قالب در جوملا
نویسنده پیام
*
آفلاین
ارسال‌ها: 2
تاریخ عضویت: ۳۱ فروردين ۱۳۹۴
اعتبار: 0
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #1
راست چین کردن قالب در جوملا

راست چین کردن قالب در جوملا : امروزه به دلیل open source بودن جوملا – یعنی فراهم شدن امکان استفاده از منابع رایگان و تجاری این شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید. در سطح وسیع – تعداد طراحانی که از شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید. استفاده می کنند روزافزون است . اما به دلیل پشتیبانی بهتر جوملا از زبان انگلیسی ، برخی قالب ها نیاز به RTL (Right To Left) شدن دارند . در این مقاله به این موضوع خواهیم پرداخت .


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


فایل های CSS : قالب های جوملا اغلب از یک فایل CSS به نام template.css استفاده می کنند ، برخی هم از تعدادی فایل CSS استفاده می کنند که برای راست چین کردن قالب در جوملا ، می بایست تمامی آن فایل ها را ویریش کرد . وقتی می خواهیم یک قالب LTR (Left To Right) را به یک قالب RTL تبدیل کنیم ، ابتدا از فایل template.css یک کپی می گیریم و نام آن را template_rtl.css قرار می دهیم . در این مقاله هر جا صحبت از ویرایش کد CSS شد ، منظور ویرایش فایل template_rtl.css می باشد . ابزار firebug برای این منظور به شما کمک زیادی می کند .

اگر قالب شما به علت انگلیسی بودن LTR می باشد ، برای راست چین کردن قالب در جوملا (RTL) ، می بایست اقدامات زیر را انجام دهید :
اول : ویرایش فایل index.php

این فایل ساختار کلی قالب جوملا را مشخص می کند . برای ویرایش آن باید به HTML و PHP آشنا باشید . بر روی یک قالب LTR باید کدهای زیر را به انتهای تگ head یعنی قبل از بسته شدن آن اضافه کنیم :
شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
این کدها مشخص می کنند اگر در مدیریت جوملا زبان فارسی انتخاب شد ، سیستم از فایل template_rtl.css استفاده کند و اگر زبان انگلیسی انتخاب شد ؛ از فایل template.css استفاده کند .
دوم : دستور راست چین یا چپ چین بودن قالب

دستور راست چین یا چپ چین بودن قالب در CSS ، کد direction است که به این صورت از آن استفاده می کنیم :
شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.

ممکن است با اضافه کردن این دستور ، صفحه شما از عرض scroll بخورد ؛ در این صورت این دستور را از body حذف می کنیم .
سوم : ویرایش برخی عناصر HTML برای راست چین کردن قالب در جوملا

عنصر h3 (در HTML) عنوان تمام ماژول ها در قالب های جوملا است . اگر می خواهیم عنوان تمام ماژول ها RTL شود ، این دستور را CSS اضافه می کنیم :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
اگر در h3 عبارت text-align:left; وجود داشت ، کافیست left را به right تبدیل کنیم : text-align:right; و دیگر چیزی به h3 اضافه نمی کنیم .
در فایل template_rtl.css به عناصر زیر ، دو دستور direction:rtl; و text-align:right; را اضافه می کنیم :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
مانند h3 ، اگر این دو دستور در عناصر مذکور وجود داشتند و مقدارشان متفاوت بود ، فقط مقدار را به right تبدیل می کنیم .
چهارم : margin و padding

در template_rtl.css ، تمامی margin-left و margin-right و padding-left و padding-right را برعکس می کنیم ؛ یعنی margin-left به margin-right و به همین ترتیب آن ها را تغییر می دهیم .
در padding و margin با مقادیری رو به رو می شوید :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
که این مقادیر مربوط به این مکان ها هستند :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
از آنجا که left و right ها را معکوس کردیم ، مقادیر مربوطه نیز باید جابجا شوند .
ممکن است در فایل های CSS با این دستور مواجه شوید :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
یعنی margin و padding هایی که دو مقدار دارند و چون در آن ها مقدار left و right برابرند نیازی به تغییری آن ها نیست .
در این مقاله اعداد مذکور به عنوان مثال ذکر شدند و مقادیر در قالب های مختلف ، متفاوت است .
پنجم : بررسی و ویرایش float ها جهت راست چین کردن قالب در جوملا

در CSS ها باید تمام دستورات float را پیدا کرد :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
و مقدار right به آن داد :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
سپس :

شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
را می یابیم و تبدیل به :


شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.
می کنیم .
پس از این اقدامات ، ممکن است عکس های شما نیاز به ویرایش داشته باشند که می توانید با photoshop آن ها را rotate کنید .
شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید. ، شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید. ، شما قادر به مشاهده لينک ها نمي باشيد . برای عضویت سریع کلیک کنید.

موضوع‌های مرتبط با این موضوع...
قالب واکنشگرای Sj_ICenter شرکت Smartaddons
قالب organic life برای جوملا
لینک کردن عکس به آرتیکل
ماژول نمایش نرخ ارز در سایت های طراحی شده جوملا
یه پیشنهاد قوی واسه همکاری و فارسی سازی قالب+قیمت بدید
آموزش نصب جوملا 2.5
دانلود بسته جوملا 3.0 فارسی
ادغام اسکریپت مدیریت ایمیل با جوملا
سوال در مورد چگونگی افزودن عکس به بک گراند جوملا
دانلود قالب youestate برای جوملا 1.5
۱-۲-۱۳۹۴ ۱۱:۱۱ صبح
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ

نویسنده پیام
کاربر جدید بدون ستاره
*
آفلاین
ارسال‌ها: 13
تاریخ عضویت: ۱۴ مهر ۱۳۹۴
اعتبار: 0
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #2
RE: راست چین کردن قالب در جوملا

ممنون خوب بود مرسی
۱۴-۷-۱۳۹۴ ۰۳:۵۰ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ

نویسنده پیام
کاربر جدید بدون ستاره
*
آفلاین
ارسال‌ها: 13
تاریخ عضویت: ۱۴ مهر ۱۳۹۴
اعتبار: 0
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #3
RE: راست چین کردن قالب در جوملا

عالی بود یادم رفت
۱۴-۷-۱۳۹۴ ۰۳:۵۰ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ

ارسال پاسخ 

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


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  قالب واکنشگرای Sj_ICenter شرکت Smartaddons samaelectronic 2 728 ۲۵-۱۱-۱۳۹۳ ۰۲:۲۵ عصر
آخرین ارسال: Iran Pakshoma
  قالب organic life برای جوملا ali09366 1 640 ۱۱-۱۱-۱۳۹۳ ۱۲:۲۲ عصر
آخرین ارسال: samaelectronic
Exclamation اپل واچ، اپل اسپرت و اپل ادیشن سه محصول جدید اپل mrsz.mrsz 0 576 ۲۶-۸-۱۳۹۳ ۱۱:۵۷ عصر
آخرین ارسال: mrsz.mrsz
  سلام دوستان mosesm 0 569 ۱۹-۸-۱۳۹۳ ۰۷:۳۹ عصر
آخرین ارسال: mosesm
  نظر شما در مورد این سایت ؟؟ ali09366 0 620 ۱۴-۸-۱۳۹۳ ۰۸:۱۲ عصر
آخرین ارسال: ali09366


درباره ایران فروم

تالار گفتگوی ایرانیان از سال 1387 هجری شمسی فعالیت خود را آغاز کرده و هم اکنون با بیش از 850.000 کاربر ثابت بزرگ ترین تالار گفتگوی فارسی زبان در جهان می باشد.

برای سفارش تبلیغات در ایران فروم کلیک کنید

لینک دوستان

 

لینک دوستان

لینک دوستان