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

شاید باورتون نشه ! ولی بالاخره محسن چاوشی از هفت خان رستم و شرکا (؟!) عبور کرد و تونست برای آلبوم جدیدش مجوز بگیره و خیلی قانونی اون را روانه‌ی بازار کنه. یعنی خیلی خبری‌تر بخواهم بگم این میشه که “سرانجام محسن چاوشی اولین آلبوم مجوز دار خودش رو در روز سه‌شنبه ۲۳ام مهرماه سال ۱۳۸۷ روانه‌ی بازار کرد”.

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

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

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

راستی نمی‌دونم چرا محسن اولین آلبوم قانونی‌اش رو روز سه‌شنبه منتشر کرد؟! چون یادم میاد یه آهنگ داشت که توش می‌گفت: “لعنت به این سه‌شنبه‌ها !!” حتی اول قرار بود “یک شاخه نیلوفر” روز شنبه منتشر بشه که ییهو شد سه‌شنبه؟؟ البته شایدم اتفاقی بوده و من نوعی الکی میخواهم جو بدهم.

امروز دو سال از عمر وبلاگم گذشته و توی این دو سال خیلی دوستای خوب پیدا کردم و ازشون خیلی چیز‌ها یاد گرفتم و به همین بهونه هم از همشون تشکر می‌کنم. اما معمولا توی این موقعیت‌ها میگن “چه زود دیر میشه!”٬ “انگار همین دیروز بود …” و از این جور چیز‌ها اما من فقط اومدم بگم پی‌سی دیزاین دو ساله شد !!

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

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

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

اما از آنجا که سودوکو بازی کردن٬ با رایانه شخصی بسی لذت بخش است٬ سودوکوهای زیادی به صورت نرم‌افزاری برای سیستم عامل های مختلف ارائه شده‌اند. یکی از این نرم‌افزار‌ها Simple Sudoku است که برای سیستم‌ عامل ویندوز ارائه شده است.

Simple Sudoku نرم‌افزاری ساده٬ سبک و رایگان است که سودوکو بازی کردن٬ با رایانه شخصی را بسیار لذت بخش‌تر می‌کند. Simple Sudoku را از اینجا دریافت کنید. همچنین اگر با اوبونتو کار کرده باشید احتمالا می‌دانید که اوبونتو به صورت پیش‌فرض بازی سودوکو را جزو بازی‌هایش دارد و بازی کردن با این سودوکوی اوبونتویی هم بسی لذت بخش است.

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

تا چند مدت قبل٬ چنان که باید به دنبال مجله‌جات نبودم و با وجود گودر (گوگل ریدر) چنین نیازی را احساس نمی‌کردم تا اینکه به پیشنهاد یکی از دوستان (حمید) با همشهری جوان آشنا شدم و یک روز که به خانه‌ی خاله‌ی محترمه رفته بودیم و متقابلا بی‌کار هم بودم تصمیم گرفتم پیشنهاد دوستم را گوش کنم و برای خالی نبودن عریضه هم که شده ببینم این همشهری جوان که می‌گویند چیست؟ پس عزم خویش را جزم کردم و به دکه محلشان رفتم و یک عدد همشهری جوان (ش ۱۷۳) خریداری کردم و در همان نگاه اول دل از دلم ربود و تا شب که آنجا بودیم٬ واو به واو آن را از ب بسم الله تا انتها خواندم (خوردم) و در اقدامی محیرالعقول یک مجله ۶۶ صفحه‌ای را نفله کردم و از آن روز به بعد پایه ثابت شنبه‌های دکه‌ی محلمان شدم.

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

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

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

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

حالا میرویم سر همان ادامه فارسی سازی پوسته کلاسیک خودمان؛ برای شروع نگاه می‌کنیم ببینیم کجای کار مشکل دارد (این مشکلات در ظاهر٬ می‌تواند سلیقه‌ای هم باشد) در نگاه اول چسبندگی زیادی حروف در متن مطالب زیاد توی ذوق می‌زند پس با کمک ابزار firebug میرویم تا آدرس محل خراب را پیدا کنیم و به دنبال کد letter-spacing در css میگردیم چرا که همه چیز زیر سر این کد است و فاصله‌ی بین حروف را با استفاده از این کد در css تعیین می‌کنند. آدرس را پیدا می‌کنیم٬ آدرس اینجاست [code lang=”css”]p, li, .feedback[/code]یعنی محلی که این کد[code lang=”css”]letter-spacing:-1px;[/code]در آن قرار داده شده پس برای حل مشکل فایل rtl.css را باز می‌کنیم و کد زیر را به انتهای آن اضافه می‌کنیم [code lang=”css”]p, li, .feedback { letter-spacing:0; }[/code]

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

کلید طلایی: برای آنکه بتوانید پوسته ای را rtl (راست به چپ) کنید باید بتوانید با کدهای css و html سر و کله بزنید و یکی از اهداف مهم این سری آموزش ها هم همین است یعنی روش سر و کله زدن اما برای یادگیری و آشنایی بیشتر با کدهای css و html می‌توانید مطالعاتتان را در این زمینه بیشتر کنید و یا تجربه‌هایتان را در این افزایش دهید (یعنی برای خودتان پوسته فارسی کنید) و هر جا که به مشکل خوردید از انجمن‌های مختلف مخصوصا انجمن‌های وردپرس فارسی کمک بگیرید.

پی‌نوشت: البته من آموزش فارسی سازی پوسته‌های وردپرس را در اینجا رها نمی‌کنم چرا که rtl سازی تنها یکی از بخش‌های فارسی سازی پوسته است.

بعضی وقت‌ها همینجوری که داریم برای خودمون توی این دنیای مجازی چرخ میزنیم یا به اصطلاح وب گردی می‌کنیم با تصاویر زیبا و دوست داشتنیی روبرو می‌شویم و اون موقع است که دلمون قنج میزنه برای این که اون تصاویر رو برای خودمون داشته باشیم اما بعضی وقت‌ها هم ممکنه وضعیت از این حرف‌ها بهرانی‌تر بشه و از اونجایی که مفهوم 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;

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

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

پوسته‌ی اول که جدیدا هم اون رو برای وردپرس فارسی آماده سازی کردم پوسته ای هست به نام Blog oh blog که به اختصار با نام bob هم میشه اون رو نام گذاری کرد. طراحی این پوسته کار وبلاگ Blog oh Blog هست و نسخه‌ ای که هم اکنون برای وردپرس فارسی آماده شده نسخه ۲.۰ این پوسته هست و این پوسته بیشتر برای مجله‌های اینترنتی کاربرد دارد. این پوسته با اکثر مرورگرها سازگاری خوبی داره و با افزونه هایی همچون pagenavi و افزونه‌ی تبلیغات هم به راحتی قابل هماهنگ سازی هست. سربرگ پوسته هم به راحتی قابل ویرایش هست و فایل psd سربرگ هم در پوشه تصاویر پوسته قرار دارد. (دریافت – پیش‌نمایش)

دو پوسته‌ی بعدی هم یکی با نام striped (دریافت – پیش‌نمایش) هست و اون یکی هم leopress (دریافت – پیش‌نمایش) که شبیه محیط سیستم عامل مکینتاش یعنی لئوپارد طراحی شده که این پوسته هم پوسته‌ی زیبایی هست.

احتمالا براتون پیش اومده که چند روزی نتونستید خوراک هاتون (feed) رو بخونید و وقتی هم اومدید بخونید دیدید واویلا عجب محشر کبری ۱۱ ی شده و یا بی خیال خوندن شده و Mark all as read منتظر ماست بیا تا برویم و خوندید و یا این که گفتید حیفه این خوراک ها خونده نشه و طی یک زمان بندی مشخص٬ یواش یواش اونها رو تموم کردید و اگر راه حل دوم رو پیش گرفتید صد آفرین به شما که اسراف نکردید.

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

احتمالا شما AideRSS را می‌شناسید و با آن کار کرده اید ولی شاید زیاد با PostRank آشنا نباشید. PostRank یک سیستم امتیاز دهی است که با کمک AideRSS راه اندازی شده که به مطالب وبلاگ‌ها یا هر چیز دیگری که خوراک (feed) داشته باشه یک امتیاز از ۱۰ می‌دهد که بر اساس آن امتیاز می‌توان مطالب بهتر رو نسبت به مطالب دیگر شناسایی کرد و حالا نوبت به خود نمایی Google Reader و AideRSS و PostRank می‌رسد که با پیوند خوردن به یکدیگر سیستمی رو خلق می‌کنند که لذت خوراک خونی رو دو چندان می‌کند.

AideRSS افزونه‌ای را برای فایرفاکس و یک اسکریپت برای GreaseMonkey طراحی کرده که با استفاده از آن PostRank را به Google Reader میاورید و در حقیقت همان پیوندی را که در بالا راجع به آن صحبت کردم را انجام می‌دهد. این افزونه یا اسکریپت کنار هر مطلب در گوگل ریدر٬ امتیاز مربوط به آن مطلب که توسط PostRank به آن داده شده را نمایش می‌دهد. اما وظیفه‌ی اصلی این افزونه این است که یک فیلطر را به گوگل ریدر شما اضافه می‌کند که با استفاده از آن شما می‌توانید مثلا آن مطالبی را فقط بخوانید که امتیازشان خوب یا عالی باشد که این فیلطر زمانی به شما بیشتر حال می‌دهد که کلی خوراک نخوانده‌ی تلمبار شده دارید و دلتان نمی‌آید آن ها را Mark all as read نمائید و با استفاده از این افزونه می‌توانید حداقل آن مطالبی را که امتیاز بیشتری دارند را بخوانید و اگر حوصله اش را نداشتید ما بقی را Mark all as read نمائید البته استفاده از این دکمه زیاد پیشنهاد نمی‌شود.