امروز پنج شنبه, ۲۳ آذر , ۱۳۹۶

آموزش فارسی سازی قالب جوملا – (بخش دوم)

فعلا ما در قسمت مربوط به متن یا text هستیم لذا با دستور کاربردی دیگری آشنا میشویم به نام text-align به معنای تراز متن

کار این دستور دقیقا همانند گزینه مشابه آن در microsoftword است و دارای ۳ ارزش میباشد به شرح زیر

{text-align:center}
{text-align:left}
{text-align:right}

center برای تراز وسط

left به معنای تراز به چپ

right برای تراز به راست

مثال :

h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}

یعنی عنوان h1 در مرکز موقعیت قرار گیرد و h2 در چپ و h3 در راست

به صورت پیش فرض برای تمامی قالب های انگلیسی با توجه به نحوه نگارش حروف انگلیسی direction: rtl; text-align:left است . بدلیل آنکه انگلیسی را از چپ به راست مینویسند و فارسی را از راست به چپ لذا ممکن است ما جهت را در قالب از راست به چپ کرده باشیم یعنی direction: rtl اما تراز نوشته ها را راست نکرده باشیم .

بر اساس ترجبه ناچیزی که من دارم در بیشتر مواق لازم است در قالب جستوجو کنید و text-align:left را به text-align:right تبدیل کنید این کار را میتوانید با فشار یک دکمه در dreamviewer و در قسمت find and replace انجام دهید .

نکته گاهی مواقع در قالب ها بین دو نقطه و ارزش (به عنوان مثالtext-align) فاصله نمیگذارند لذا با هر دو حالت جستجو کنید

نکته ممکن است پس از تبدیل تمامی left ها به right باز هم قسمت هایی باشد که تراز راست نباشد اینجاست که باید از ابزار cssviewer در فایر فاکس استفاده کنید که در آموزش بعدی راجع به آن توضیح خواهم داد

برای درک بهتر این دستور میتوانید از کارگاه آنلاین استفاده نمایید برای این کار به آدرس زیر بروید :

http://www.w3schools.com/CSS/tryit.asp?filename=trycss_text-align

خبرنامه

برای دریافت آخرین مطالب سایت در ایمیلتان مشترک شوید!

قالب وردپرسدانلود رایگان قالب وردپرسپوسته خبری ایرانیقالب مجله خبریطراحی سایتپوسته وردپرسکلکسیون طراحی