بعضی وقت‌ها همینجوری که داریم برای خودمون توی این دنیای مجازی چرخ میزنیم یا به اصطلاح وب گردی می‌کنیم با تصاویر زیبا و دوست داشتنیی روبرو می‌شویم و اون موقع است که دلمون قنج میزنه برای این که اون تصاویر رو برای خودمون داشته باشیم اما بعضی وقت‌ها هم ممکنه وضعیت از این حرف‌ها بهرانی‌تر بشه و از اونجایی که مفهوم Sharing تو پوست و خون ما نفوذ کرده دلمان بخواهد تصویر مذکور را به عالم و آدم نشان دهیم درست مثل همین تصویر زیر.

برای آن دسته از دوستانی که می‌خواهند تصاویر دوست داشتنی‌شون رو به عالم و آدم نشون بدهند سایت های وب۲ زیادی متولد شده‌اند که بچه معروفه و محبوبشون فیلکر خودمونه اما متاسفانه این سایت فیل-تر (نام موجودی شبیه فیل که فقط تر می‌زند) شده. البته تجارب بنده در استفاده از این سایت نشان داده که یه مقدار هم حجم صفحاتش نسبت به دیگر سایت ها سنگین‌تر است.

اما چند وقتی هست که با یکی از این سایت‌های به اشتراک گذاری تصاویر آشنا شدم و انصافا هم چیز خوب و ساده‌ای هست و کلا به دلم چسبید. البته این سایت یه کمی جالب تر از این حرف‌ها است و ویژگی اون نسبت به سایت‌‌های مشابه این هست که شما دیگر تصویری رو آپلود نمی‌کنید و فقط آدرس تصویری رو که مد نظرتون هست به اون می‌دهید تا اون تصویر در گالری دوست داشتنی‌های شما قرار بگیرد و اصلا همین ویژگی هست که اون رو نسبت به دیگر سایت‌های مشابه متمایز کرده.

شاید زبانم لال هنوز کار این سایت را درست درک نکرده باشید پس بگذارید بهتر بگویم که این سایت برای شما یک گالری تصاویر آنلاین درست می‌کند یعنی همان کاری که شما روی کامپیوتر شخصیتان می‌خواهید انجام دهید و وقتی هنگام وبگردی تصویر دلربایی را مشاهده می‌کنید اینبار به جای آنکه تصویر را روی کامپیوتر شخصیتان ذخیره کنید در گالری آنلاینتان ذخیره می‌کنید تنها با این تفاوت که تصاویر دوست داشتنی شما برای دوستانتان هم قابل مشاهده خواهد بود و احتمال از بین رفتن آنها هم کمتر می‌شود.

اما این سایت دوست داشتنی که این همه تعریف و تمجید را از طرف ما برای خودش خریده است چه نام دارد؟ نام این سایت Vi.Sualize.us می‌باشد و البته آدرسش هم به همین شکل است http://vi.sualize.us شاید در نگاه اول به آدرس این سایت به یاد سایت خوشمزه افتاده باشید و انصافا هم سایت خوشمزه‌ای هست. و اما آن دوستانی که از مرورگر فایرفاکس استفاده می‌کنند اینجا هم برگ برنده‌ای دارند و کار با این سایت نسبت به مابقی دوستان برایشان لذت بخش تر خواهد بود چرا که vi.sualize.us افزونه‌ای برای فایرفاکس دارد که با استفاده از آن می‌توانید در هر کجای وب که قرار داشته باشید بر روی عکسی که می‌خواهید در گالری تصاویرتان قرار دهید راست کلیک کنید و “Add image to vi.sualize.us” را فشار دهید و کار را تمام کنید.

راستی تصاویر دوست داشتنی من را هم در Vi.sualize.us می‌توانید از اینجا ببینید.

این روز ها همه جا سخن از انحصار طلبی بلاگفا است٬ انحصار طلبی و شاید دیکتاتوری که حالا دیگر صدای وبلاگستان را هم درآورده این انحصار طلبی درحالی رخ می‌دهد که بزرگترین سرویس‌های وبلاگ برای تمام سوراخ سمبه های وبلاگ ‌کاربران خود امکان گرفتن خروجی از اطلاعات قرار داده اند. آن وقت سرویس وطنی ما هم با خیالی آسوده و ضمیری ناخودآگاه و در حالی که نه تنها خودش امکان گرفتن خروجی از اطلاعات را برای کاربرانش فراهم نکرده بلکه وقتی عده ای هم یک سیستم گرفتن خروجی از اطلاعات برای کاربرانش را فراهم می‌کنند خونش به جوش می‌آید و فریاد وا مصیبتا سر می‌دهد البته این در حالی است که آقای مدیر هم٬ خودش را حرفه‌ای تصور می‌کند (!!).

در گیر و دار این جنجال جناب مدیر جوابیه ای جالب برای منتقدان صادر کرده اند که جالب‌تر از آن بخش نظرات این مطلب است که پر از دل و قلوه شده که آن وسط در حال رد و بدل شدن است مثلا کاربری در جایی کلی تعریف و تمجید کرده و حسابی حق را به جناب مدیر داده و زیرش هم خیلی کوچولو نوشته:

«آقای شیرازی ما چه گناهی کردیم که وبلاگ ما رو مسدود کردید خواهش میکنم ما رو از این التهاب رهایی دهید توی ماه شعبان ماه جشن و شادی غصه خوردن هم شده عیدی شما به من»

البته این جوابیه‌ی جالب هم بی جواب نمانده و اولین جوابیه را هم جناب مزیدی در پاسخ به این مطلب صادر کرده اند.

اول از همه شرمنده ام که این سری مطالب انقدر طولانی شده اما نکته ای که وجود داره اینه که ممکنه دیر و زود داشته باشه اما سوخت و سوز نداره این هم یه توجیه قشنگ که امیدوارم مورد قبول واقع شده باشه.

خوب دیگه بهتره بریم سر اصل مطلب و برای شروع هم بهتره یه مروری روی بخش قبلی داشته باشیم. برای شروع این بخش اول میریم میبینیم چه چیزهایی هنوز راست به چپ نشده و با فارسی سازگار نیست٬ اولین نکته ای که نظر من رو به خودش جلب کرد عنوان سربرگ بود که هنوز راست به چپ نشده بود پس با کمک فایرباگ میرم ببینم عنوان سربرگ به چه ID یا Class یا tag ی مربوط هست که پس از بررسی متوجه میشیم که به

#header

(یعنی ID ی با نام header) مربوط هست پس به این صورت اون رو rtl میکنیم

#header { direction: rtl; }

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

#header {
direction:rtl;
padding:15px 240px 15px 10px;
}

اما شاید بخواهید بیشتر راجع به دستور padding بدونید ؟

padding یه دستوری از css هست که با استفاده از اون میتوانید از اطراف به element مورد نظرتون فاصله بدید که این دستور بسیار شبیه دستور margin هست اما تفاوت اون رو میتونید در شکل زیر مشاهده کنید.

روش استفاده از padding به شکل زیر است:

padding: top right bottom left;

برای مثال:

padding: 2px 3px 1px 4px;

البته روش های دیگری هم برای نوشتنش هست اما فعلا تا همین جا کافیه و امیدوارم که مفید واقع شده باشه.