پی سی دیزاین | درباره تکنولوژی و اینترنت بیشتر بدانیم

همه چیز از ساعت ۲۱:۳۰ دقیقه دیشب شروع شد و تا ساعت ۲۱:۳۰ دقیقه امشب هم ادامه دارد٬ فایرفاکس سه منتشر شد و همراه آن روز دانلود و روز رکورد شکنی هم آغاز شد واقعا فکر نمی‌کنم هیچ نرم افزار دیگری جز فایرفاکس ارزش رکورد شکنی برای دانلود و ثبت رکورد در کتاب گینس را داشته باشد. از همان دقایق ابتدایی انتشار فایرفاکس سه٬ سایت موزیلا با ترافیک باورنکردنی مواجه شد و تا همان ساعات ابتدایی موزیلا برای عشاق فایرفاکس down بود و سرور های موزیلا هم تعجب کرده بودند چرا که این سیل علاقه مندان دانلود فایرفاکس۳ چیزی فرا تر از انتظار مسولین موزیلا بود و هم اکنون هم که چیزی حدود ۱۷ ساعت از برگزاری مراسم روز دانلود فایرفاکس ۳ می‌گذرد کماکان فشار بر سرورهای موزیلا ادامه دارد و گه گداری هم موزیلا down می‌شود.

اما نکته‌ی قابل توجه حماسه آفرینی ایرانیان است که بر خلاف انتظار ها ظاهر شدند و رکورد بی نظیری از خودشون به جای گذاشتند و نشون دادند با کمترین امکانات هم میشه عاشق فایرفاکس بود و تا لحظه نگارش این مطلب ایرانیان ۱۷۷ هزار بار فایرفاکس ۳ رو دانلود کردند. 10 کشور برتر دانلود کننده رو به صورت لحظه ای میتونید از اینجا مشاهده کنید که هم اکنون ایران در جایگاه هفتم قرار داره. اگر هنوز فایرفاکس ۳ رو دانلود نکردید سریع تر اقدام کنید و اگر هم فایرفاکس ۳ رو دانلود کردید گواهی دانلودتون رو از اینجا بگیرید.

جلسه پیش تا سر تغییر فونت ها به فونت Tahoma گفتیم و اما قسمت بعدی قسمت راست به چپ کردن متن‌ها است برای این کار ابتدا می‌بینیم کدام قسمت ها نیاز به راست به چپ شدن داره برای مثال همونطور که در این تصویر مشاهده می‌کنید بدنه‌ی مطالب و بدنه‌ی سایدبار نیاز به راست به چپ شدن داره پس از این که فهمیدیم کدام قسمت ها را باید راست به چپ کنیم با کمک فایرباگ به دنبال تگ٬ کلاس و یا آی‌دی مربوطه میگردیم. که در اینجا آی‌دی بخش مطالب ما content هست پس برای راست به چپ کردن این بخش کد زیر رو به فایل rtl.css اضافه می‌کنیم.

#content { direction: rtl; }

با انجام این کار مشاهده می‌کنیم که متن بخش مطالب به صورت راست به چپ چیده شد. حالا نوبت به ستون کناری هست تا راست به چپ بشه نام آی‌دی این قسمت menu هست حالا عملیات بالا رو برای این آی‌دی هم انجام می‌دیم اما مشاهده می‌کنیم که تنها تیترها راست به چپ شد؟؟ دلیل این کار احتمالا این هست که یک

text-align: left;

در این بدنه وجود دارد که با استفاده از افزونه‌ی فایرباگ در بدنه آی‌دی menu به دنبال این text-align می‌گردیم که پس از مقداری کنکاش متوجه می‌شویم که text-align مورد نظر در آدرس

#menu ul ul

قرار دارد پس٬ کد زیر رو به ادامه کدهای فایل rtl.css اضافه می‌کنیم.

#menu ul ul { text-align: right; }

حالا دیگه متن‌های ما راست به چپ شده و کار ما تقریبا در این قسمت تموم شده و نتیجه کار هم تا اینجای کار به این صورت در اومده و کدهای فایل rtl.css هم باید به صورت زیر باشه تا اینجای کار:

body,p, li, .feedback , #menu ul ul li {
font-family: tahoma;
}
#content, #menu {
direction: rtl;
}
#menu ul ul {
text-align: right;
}

اما شاید تا اینجای کار سوالی برای شما پیش اومده باشه که تفاوت direction و text-align چیه؟ direction در حقیقت کل عصمت اون بخش رو راست به چپ یا چپ به راست میکنه ولی text-align اون قسمت رو فقط سمت راست یا چپ میاره و حتی ممکنه direction ش تفاوت داشته باشه اما برای این که بهتر متوجه بشید یک مثال می‌زنم٬ ممکن تا به حال دیده باشید که دارید یه جایی مثلا یه متنی رو از راست به چپ می‌نویسید و وقتی یک کلمه انگلیسی وسطش می‌نویسید نظم و ترتیب متنتون به هم میخوره و خوندنش مشکل میشه این مشکل به خاطره اینه که اونجا تنها text-align شما راست چین هست و direction تون چپ به راست یا ltr هست.

خوب در آخر امیدوارم که این جلسه هم مثل جلسه های قبل :D براتون مفید بوده باشه و مشقاتون رو هم خوش خط بنویسید که به خوش خطها خوب نمره می‌دم٬ خوب دیگه تا جلسه دیگه برید خونه‌هاتون. ;)