توی یکی ۲ هفته گذشته خیلی ها از من پرسیدند که چرا در مورد فایرفاکس ۳ بتا ۱ توضیحی نمی دی و در جواب من بهشون می گفتم که این نسخه هنوز منتشر نشده. بله فایرفاکس ۳ بتا ۱ امروز منتشر شد …

به علت شاید یک اشتباه حدود ۲ هفته پیش بسیاری از وب سایت ها اعلام کردند که نسخه بتا ۱ منتشر شده و در ساعات اولیه هزاران نسخه از آن دانلود شد. پس از اون موزیلا با بستن صفحه دانلود و خبری که هنوز این نسخه منتشر نشده و در حقیقت چیزی که منتشر شده نسخه بتا ۱ از بتا ۱ فایرفاکس ۳ بوده.

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

در این مطلب نگاه کوتاهی خواهیم داشت به امکانات این نسخه:
- استفاده از موتور پردازشی Gecko نسخه ۱٫۹ . موزیلا اعلام کرده تغییرات بسیاری رو در این موتور پردازشی اعمال کرده و گفته در ۲۷ ماه گذشته بیش از ۲ میلیون خط کد این موتور تغییر کرده و بیش از ۱۱ مشکل ریز و درشت برطرف شده و این یعنی در فایرفاکس ۳ صفحات بهتر ، سریعتر ، روانتر به نمایش در می آیند.

اما فایرفاکس ۳ :
امنیت بیشتر:
- دریافت اطلاعات هر سایت تنها با ۱ کلیک: کافیست روی favicon هر سایت روی آدرس بار کلیک کنید تا پنجره ای باز شده و یکسری اطلاعات امنیتی و فنی رو به شما در رابطه با اون سایت بده.
- مبارزه با سایت های مخرب: فایرفاکس ۳ به شما در مواجهه با سایت هایی که سابقه خوبی نداشتند اخطار می دهد. جهت مشاهده نمونه کار این قابلیت می تونید با فایرفاکس ۳ به این آدرس بروید ( اطلاعات بیشتر ).
- اخطار با ظاهر جدید در مواجه شدن با سایت های جعلی ( فیشینگ )
- در فایرفاکس ۳ افزونه ها و پلاگین های نصب شده بررسی و نسخه های آن چک می شود و نسخه های مشکل دار غیرفعال می شوند.
- بروزرسانی افزونه ها بصورت امن: سیستم جدید این قسمت برای بالابردن امنیت در رابطه با نسخه های جدید و بروزرسانی افزونه ها.
- پیوند خوردن با آنتی ویروس ها: شما می تونید دانلود منیجر فایرفاکس رو طوری تنظیم کنید که بعد از دانلود توسط آنتی ویروس چک شوند.
- هماهنگی با ویندوز ویستا و بهره بردن از مزایای امنیتی آن.

استفاده آسان تر و بهتر:
- ذخیره پسورد به شیوه بهتر و راحت تر: پیغام ذخیره پسورد عوض شده و پسورد تنها زمانی ذخیره می شود که شما ورود موفقیت آمیزی داشته باشید.
- نصب افزونه ها از دیگر سایت ها با کلیک های کمتری انجام می شه.
- دانلود منیجر جدید با قابلیت جستجو و نمای جدید
- قابلیت توقف دانلود ها ( resume ) و ادامه بقیه آنها در زمان دیگر
- بزرگنمایی کل صفحه: بزرگنمایی تنها مخصوص به متن نمی شه و همه گزینه های یک صفحه نیز بزرگ و کوچک می شوند ( اطلاعات بیشتر ).

- قابلیت های quickmenu و Tab scrolling
- گزینه نگهداری تب ها در هنگام خروج از فایرفاکس
- قابلیت تغییر اندازه منوی جستجو و نوار آدرس بار
- انتخاب متن : در صفحات وب با ۲ بار کلیک یک کلمه در حالت انتخاب شده قرار می گیره. با نگه داشتن دکمه Ctrl می توانید چند  خط و چند کلمه رو انتخاب کنید. با کلیک روی دکمه سوم موس قادر به انتخاب یک پاراگراف هستید.
- اضافه شدن مدیریت پلاگین ها به بخش افزونه ها
- پیوند با ویستا: منو های فایرفاکس با نمای منوهای ویندوز ویستا هماهنگ است.
- هماهنگی با مکینتاش: استفاده از غلط گیر املایی موجود در مکینتاش – پشتیبانی از Growl

شخصی سازی بیشتر:
- بوک مارک کردن سریع: یک دکمه ستاره شکل برای بوک مارک کردن یک صفحه تنها با یک کلیک قرار داده شده و با کلیک دوم قسمت تنظیمات بوک مارک نظیر تگ گذاری ظاهر می شود.
- تگ گذاری: شما می تونید برای بوک مارک هاتون یک یا بیشتر تگ ( موضوع ) قرار بدید.
- نوار آدرس و پیشنهاد آدرس: این قسمت متحول شده و پیشنهاد آدرس تنها منحصر به حروف ابتدایی نمی شه. بلکه گزینه های پیشنهاد شده به شما از عنوان سایت – حروف در آدرس بین و اول – تگ ها و … پیشنهاد می شه.
- هماهنگی با نرم افزار های نصب شده روی کامپیوتر و نرم افزارهای تحت وب

توسعه دهندگان و طراحان سایت:
- پشتیبانی بهتر و کاملتر از استاندارد ها
- هماهنگی با مکینتاش و لینوکس ( گنوم )
- پشتیبانی از تصاویر انیمیشن PNG
- قابلیت آفلاین کردن سرویس های تحت وب

تنظیمات بهتر:
- ذخیره اطلاعات شما بصورت امن و از بین نرفتن اطلاعات شما در هر حالتی
- برطرف شدن بیش از ۳۰۰ مشکل مصرف رم
- سریعتر سازی برنامه

جهت مشاهده اطلاعات کامل در مورد این نسخه و تغییرات انجام داده شده می تونید به این آدرس و این آدرس مراجعه کنید.

× توجه داشته باشید که این نسخه تنها برای رفع اشکال هست و برای کارهای مهم و کاربرهای عادی توصیه نمی شه. در ضمن بیشتر افزونه ها و پوسته ها قابلیت نصب روی این نسخه را ندارند.
× این نسخه با نسخه جدید میل یاهو و لایو میل مایکروسافت مشکل داره.

این نسخه را می تونید از این آدرس دانلود کنید.

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

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

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

در ابتدا قصد دارم نگاهی داشته باشم به صحبت های انجام شده در مورد نسخه جدید اون ( یه جورایی آنلالیز حرف ها ):

در ابتدا می خونیم برای هماهنگی بیشتر با گوگل نوع لینک ها تفاوت کرده. آیا این قضیه باعث می شه دوباره پس از هک شدن پرشین بلاگ ما کلی لینک شکسته داشته باشیم ؟!

همچنین نوع سیستم ثبت نام و … نیز تغییر کرده آیا برای این قسمت راه های مختلفی برای کاربران در نظر گرفته شده که با مشکل خاصی مواجه نشن ؟

در جای دیگری اشاره به امنیت بسیار بالای این نسخه نسبت به نسخه قبل می شه که خودش جای تامل داره که نسخه قبلی امنیتش واقعا چقدره ؟!

این ها سوال هایی بود که به نظر بهتره بصورت شفاف و واضح به با کاربران پرشین بلاگ در میون گذاشته بشه.
اما در ادامه قصد دارم یکسری پیشنهاد رو به سرویس دهنده های وبلاگ ایرانی در جهت توسعه کارشون بدم. امیدوارم که حداقل در موردشون فکر یا تحقیق بشه…

دنیا به سمت اجتماعی شدن هست شما چی؟
اصولا کپی کردن کارهای دیگران ممکنه در نگاه اول زیاد جالب نباشه ولی خب این یک چیزی هست که همیشه وجود داشته و شرکت های بزرگ هم کپی کاری های زیادی دارند. پیشنهاد می کنم در درجه اول یک سیستم درون کار شمارنده بازدیدکننده ها و … رو در سیستم خودتون قرار بدید. مثلا در اینجا پرشین بلاگ سرویس پرشین استت رو وارد پرشین بلاگ کنه.

بعد از این کار سرویس دهنده یک سری اطلاعات از هر وبلاگ داره که می تونه اونارو دسته بندی کنه.
این قسمت رو باید از وردپرس.کام کپی کرد. یعنی با استفاده از آمار بدست اومده ۱۰ وبلاگ پربازدید ( بهتره در زمینه های خاص باشن. مثلا اگه وبلاگی با دسته بندی آی تی هست ۱۰ وبلاگ پربازدید در اون زمینه در قسمت مدیریت وبلاگش نمایش داده شود ). و ۱۰ وبلاگی که بیشترین رشد رو داشتند.

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

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

افزودن قابلیت بازتاب ( ترک بک = دنبالک ): این قابلیت در جها قبول شده و در ایران تنها میهن بلاگ در نسخه آخرش قول آنرا داده. سرویسی که ادعای ارائه یک سیستم استاندارد رو داره ” باید ” از این قابلیت ( یا قابلیت مشابه که توسط بلاگر استفاده می شه ) استفاده کنه.

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

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

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

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

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

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

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

هدف من از این مطلب دادن چند لینک هست که شما رو وارد دنیای بزرگ طراحی پوسته برای فایرفاکس ۳ می کنه …

منبع اول وبلاگ طراح اصلی ظاهر فایرفاکس یعنی Alex Faaborg هست. این آقا تقریبا آخرین اخبار و تصاویر جالبی از پیشرفت کار رو در وبلاگش قرار می ده. پیشنهاد می کنم مطالب اونو بخونید و مخصوصا روی تصاویر کلیک کنید تا نسخه بزرگ آن به همراه توضیح برای روی تصاویر ظاهر بشه.
( خواندن حداقل ۱۵ مطلب آخر به شدت توصیه می شه ).

منبع دوم: آزمایشگاه موزیلا - فکر کردید فقط گوگل آزمایشگاه داره ؟ در این قسمت از سایت موزیلا می تونید به اطلاعاتی در مورد محصولات و کارهای موزیلا در آینده دست پیدا کنید. بعضی از مطالب این قسمت مانند توضیح پشتیبانی فایرفاکس از تصاویر انیمیشن PNG و تفاوت اونها با انیمیشن های Gif اشاره کرد.

منبع سوم: Mozilla Links – یک منبع غیر رسمی ولی بسیار کامل و غنی درباره آخرین اخبار فایرفاکس و کلا موزیلا.

منبع چهارم: سایت موزیلا – این سایت هر کجاش یه چیزی پیدا می شه. مثلا ظاهر های پیشنهادی برای فایرفاکس ۳ در مکینتاش – رنگ های استفاده شده در ویندوز اکس پی - آیکون های طراحی شده و …

+ چند تصویر جالب :
- بررسی دانلود منیجر های در دیگر مرورگرها نظیر سافاری ، اپرا ، اینترنت اکسپلورر ، شیرا ، مکستون و …
- قسمتی از ظاهر فایرفاکس ۳ در ویستا
- قابلیت های نوار آدرس ( تصویر اول – دوم )
- مدیریت بوک مارک ها
- جستجوی پیشرفته ( در ویستا ، مکینتاش … )
- ستون تاریخچه وب
- مدیریت افزونه ها در مکینتاش

+ چند لینک جالب :
- بررسی قابلیت ها جالب و مهم دیگر مرورگرها نظیر اپرا ، اینترنت اکسپلورر و …
- مرجع فید در رابطه با اخبار دیگر مرورگر ها
- آخرین اخبار و قابلیت های جدید دیگر مرورگر ها

× جهت یادگیری بیشتر راجع به نکات و کاربرپسند بودن نکته های روی تصاویر را بخونید.

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

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

یادمه اون روز به من هم پیشنهاد شد و من هم قبول کردم ولی هیچ کار انجام ندادم! ( یه کارهایی انجام شد ولی مثل خیلی کارهای دیگه من نیمه کاره رها شد… ).
خلاصه اینکه آقای منیری عزیز با تلاشی جالب اون کار رو گسترش داده و اقدام به ساخت سایت بلاگر فارسی کرده.

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

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

× واقعا انتخاب بین ۲ سرویس بلاگر و وردپرس.کام خیلی سخته. ولی می دونم اگه الان روی بلاگر بودم وبلاگم رو به وردپرس.کام منتقل نمی کردم…

× چقدر این لوگوی بلاگر فارسی قشنگه …

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

+ مشاهده ادامه مطلب

گوگل امروز یک کیبورد کاملا فارسی را به صفحه شخصی خودش اضافه کرد. بوسیله این کیبورد استایل جالبی داره که بوسیله اون می تونید فارسی در گوگل جستجو کنید حتی اگر کیبورد فارسی ندارید.

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

با یک جستجوی ساده به وبلاگ این آقا رسیدم. شما می تونید تصویر ایشون رو هم در اینجا ببینید.
همچنین این نکته هم جالبه که در این مطلب در وبلاگ گوگل به عالی بودن زمان ۲۰% برای انجام پروژه های جانبی نیز اشاره شده و به نظر می رسه گوگل قصد داره با عنوان کردن این مسئله از این ابزار برای محبوبیت بیشتر گوگل و جذب جویندگان کار جدید استفاده کنه ( چند روز پیش همین مسئله در وبلاگ گوگل ریدر مطرح شد ).

× راستی این آقا یک پروفایل هم در فیس بوک داره ( قابل توجه دکتر مزیدی ).

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

امروز اعلام شد که نسخه دوم این افزونه با امکاناتی بیشتر و بهتر منتشر شده. از قابلیت های این نسخه می توان به موارد زیر اشاره کرد:
- ارائه آمار و ارقام کلی و جزئی در رابطه با کلیک هایی که بازدیدکنندگان روی گزینه های این افزونه کردند ( تصویر را ببینید ).
- ایجاد یک ابزار آنلاین برای تغییر رنگ های بکار رفته در این افزونه و گزینه های موجود.
در این آدرس شما می تونید این اکستنشن رو شخصی سازی کنید و پس از اون یک کد به شما داده می شه که با وارد کردن اون کد در قسمت مدیریت وردپرس ( قسمت این افزونه ) تغییرات شما براحتی اعمال می شود.
- ساخت شدن دکمه هایی برای نصب در مرورگرهای فایرفاکس و اینترنت اکسپلورر و ایجاد یک بوک مارک برای استفاده در تمام مرورگرها ( برای به اشتراک گذاشتن صفحات ).
- قبلا قسمت فرستادن لینک بوسیله ایمیل وجود داشت. این قسمت با اضافه کردن گزینه هایی همچون SMS ، فیس بوک ، مای اسپیس و مسنجر AIM متحول شده.
- قابلیت ثبت نام در سایت share this و وارد کردن لیست دوستانتان از سایت هایی مثل جیمیل – یاهو – فیس بوک – مای اسپیس و … برای به اشتراک گذاشتن راحتتر لینک ها با دوستانتان.
- امکان قرار دادن این قابلیت ( نه با امکانات کامل ) در دیگر سرویس های وبلاگی
کافیه به این آدرس رفته و این افزونه رو شخصی سازی کنید و کد مربوطه رو گرفته و در وبلاگ یا سایت خود قرار دهید.
- ایجاد API برای دارندگان سایت ها برای گسترس این افزونه ( اطلاعات بیشتر ).

کاربران وردپرس جهت دریافت این افزونه می تونند اونو از این آدرس دانلود کنند.

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

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

× سعی می کنیم تا چند روز آینده نسخه فارسی شده این افزونه رو نیز در قسمت افزونه های وردپرس فارسی در دسترس عموم قرار بدیم.

یکی از مهمترین قسمت های یک سایت ( و وبلاگ ) ستون کناری اون هست. در این مطلب قصد داریم آموزش کوتاهی داشته باشیم در رابطه با یکی ۲ تا ترفند در رابطه با طراحی این ستون با استفاده از زبان CSS.

من برای نوشتن این مطلب از کارهای این آقا استفاده کردم پس می تونید به این آدرس برید و نمونه کارها دیدن کنید.
مزیت کار در این هست که هر گزینه یک تصویر داره و وقتی نشانگر موس روی گزینه مورد نظر می ره تصویر دیگری به نمایش در می یاد.

ارزش کار زمانی مشخص می شه که کد استفاده شده بسیار تمیز و کوتاه باشه و از جاوا اسکریپت هم استفاده نشده باشه و از همه جالبتر توی اینترنت اکسپلورر ۶ هم بدون مشکل به نمایش در بیاد.

مسلما راه های مختلفی برای انجام این کار وجود داره ولی این راه می تونه یکی از بهترین گزینه ها باشه. پس با ما باشید در مورد آنالیز کد ها …

تمام کد های بکار رفته در منوهایی که در این صفحه مشاهده می کنید تقریبا به یک صورت می باشد. ما برای آنالیز کد Tab Menu 2 رو انتخاب کردیم.

منوی ما در داخل یک تگ div با شناسه menu2 قرار گرفته. در ابتدا ما یک استایل کلی به این تگ می دهیم. استایل داده شده مشابه زیر می باشد:

#menu2 {
border: 1px solid #D8D5D1;
width: 200px;
}

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

حالا به قسمت بعد می رویم. این منو نیز همانند دیگر منو ها در بین تگ های ul قرار گرفته. در اینجا ما باید یک استایل کلی به این تگ بدیم:

ul {
list-style-type:none;
margin:0;
padding:0;
}

در حقیقت ۳ خط کد استفاده شده در قسمت بالا پیش فرض مرورگرها رو صفر و از بین می بره. برای از بین نخوردن طرح باید این دستورات اجرا بشه. با این کد دستورات نوشته شده به تمام تگ های ul اعمال می شه. اگه شما اینو دوست ندارید می تونید به جای استفاده از ul برای استایل دادن از عبارت div#menu2 ul استفاده کنید که دستورات به کار رفته فقط برای این قسمت اعمال بشه.

طبق اصول کار گزینه ها باید بین تگ li قرار بگیرند. نیازی با دادن استایل برای li نیست پس یک مرحله داخل تر می رویم. جایی که لینک ها مشخص می شه. اصلی ترین قسمت کار همین قسمت یعنی استایل دادن به تگ a هست.
در این قسمت ما باید ۳ استایل به این تگ بدیم. استایل اول به خود تگ a:

#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

3 خط اول مربوط به یک هک در CSS برای رفع مشکل مرورگر اینترنت اکسپلورر نسخه ۵٫۵ هست.
در خط چهارم ما یک ارتفاع ۲۴ پیکسلی دادیم. در مورد اینکه چرا این ارتفاع انتخاب شده در ادامه توضیح می دهیم. در خط آخر نیز ما تعیین کردیم که لینک ها در این قسمت خط زیرشون حذف بشه.
در ادامه ما به تگ a در زمانی که بصورت لینک است و زمانی که اون لینک بصورت بازدید شده است استایل می دهیم:

#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url(menu2.gif);
padding: 8px 0 0 30px;
}

در خط اول ما به لینک ها رنگ مورد نظر رو دادیم. در خط بعدی با دستور display: block تگ a موجود در این قسمت رو از حالت inline به block تغییر می دهیم. با استفاده از این کار عمل لینک به کل قسمت اعمال می شه.
در خط بعدی ما یک تصویر رو برای پشت زمینه این قسمت قرار دادیم. تصویر ما ۲۰۰ پیکسل عرض و ۶۴ پیکسل طول داره.
در آخرین خط نیز ما با دستور padding ما ۸ پیکسل از بالا به ارتقاع تگ a اضافه کردیم.
اگر توجه داشته باشید ما در قسمت قبل نیز یک ارتفاع ۲۴ پیکسلی داده بودیم که با این ۸ پیکسل مجموعا ۳۲ پیکسل می شه.
بدین صورت و دادن ارتفاع مشخص تنها ۳۲ پیکسل اول تصویر به نمایش در میاد و این یعنی ما دقیقا نصفه اول تصویر رو می بینیم.

در آخرین مرحله هم باید یک استایل دیگه به تگ a زمانی که نشانگر موس روش می ره تعریف بشه:

#menu2 li a:hover {
color: #3688BA;
background: url(menu2.gif) 0 -32px;
padding: 8px 0 0 32px;
}

خط اول و سوم تقریبا کارشون رو توضیح دادیم در قسمت قبل. تنها تغییر مهم در این قسمت خط دوم هست. ما مثل قسمت قبل همون تصویر رو به عنوان پس زمینه به این قسمت دادیم و تنها با اضافه کردن عبارت ۰ -۳۲ طوری نمایش تصویر رو تنظیم کردیم که از ارتفاع -۳۲ پیکسلی به نمایش دربیاد و این یعنی نمایش قسمت دوم تصویر.

همانطور که ملاحظه کردید نحوه کار بسیار ساده و راحت هست.
این یکی از ترفند های بسیار جالب CSS هست که در قسمت های دیگه هم می شه ازش استفاده های جالبی کرد.
× توجه داشته باشید که نسخه ۶ اینترنت اکسپلورر دستور :hover را فقط به تگ a قبول می کنه.
× در کل این دستور بعضی مواقع با اینترنت اکسپلورر ۶ با مشکل مواجه می شه بنابراین حتما بعد از انجام این مراحل حتما کارتون رو در این مرورگر تست کنید.

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

امروز گوگل اعلام کرد که این قابلیت به سرویس گوگل ریدر اضافه شده و شما می تونید از این قابلیت به شیوه راحتتر با کیفیت بهتر استفاده کنید. کافیست به قسمت تنظیمات ( Setting ) رفته و از اونجا گزینه تگ ( Tag ) را انتخاب و هر گروه از وبلاگ هایی که می خواهید در وبلاگتون قرار دهید روی گزینه add a blogroll to your site کلیک کنید تا کد مورد نظر به شما داده شود.

همچنین امروز اعلام شد که نسخه موبایل گوگل ریدر بهبود های زیادی پیدا کرده و کار کردن با اون آسونتر و روان تر شده.

جالب هست که بدونید این ۲ قابلیت جدید که امروز معرفی شدند زمان ۲۰% گوگل به کارمندانش ساخته شده اند ( گوگل به کارمندانش اجازه می ده ۲۰% از وقتشون رو روی کارهایی انجام بدهند که علاقه دارند ).

منبع: Google Reader Blog

نسخه ۲۰۰۸ برنامه ویندوز لایو رایتر منتشر شد و کلمه بتا از این نسخه حذف شد.

شما می تونید این نسخه جدید رو از این آدرس دانلود کنید.

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

× نسخه جدید قابلیت نصب بر روی نسخه ۶۴ بیت ویندوز ویستا را نیز دارد ( در نسخه ۶۴ اکس پی قابل اجرا نیست ).

از قابلیت های جدید این نسخه می توان به آپلود مستقیم تصویر در بلاگر – گزینه های Print / Print Preview – فایل Log برای اشکال یابی برنامه و قرار دادن ویدئو در مطالب اشاره کرد.

منبع: Digital Inspiration