sara.it69
03-01-2011, 09:01 PM
http://www.gooyait.com/uploads/custom-css.png
احتمالا توسعه دهندگان وب با ابزاری چون Firebug (http://getfirebug.com/)آشنا هستند. با توجه به این که این برنامه تغییرات را در همان لحظه نمایش می دهد، اشکال زدایی از استایل های CSS (CSS styles) را بسیار ساده تر نموده است. برخی مواقع این ابزارِ توسعه دهنده برای ایجاد استایل های اختصاصی CSS (http://userstyles.org/) و در همه انواعِ سایت ها استفاده می شوند. اما اگر هدفتان تنها، ساخت استایل های اختصاصی خودتان باشد و نیز همه اصطلاحات فنی CSS را نمی شناسید، این امر چندان به مذاقتان خوش نخواهد آمد. در ادامه آن چه را که افزونه Stylebot کروم می تواند انجام دهد (https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha) شرح داده می شود.
http://www.gooyait.com/uploads/2241-94x200.png (http://goyait.mihanblog.com/)
بعد از اینکه برنامه را نصب کردید درون نوار آدرستان آیکن “CSS” را مشاهده خواهید کرد و هنگامی که روی آن کلیک می کنید ستونی فرعی در قسمت راست مرورگرتان ظاهر خواهد شد. در این قسمت شما می توانید شروع به انتخاب عناصر درون صفحه برای سفارشی نمودن رنگ و لایهی آنها نمایید ضمن این که حتی امکان پنهان نمودن عناصر را نیز دارید. همان گونه که در تصویر بالا مشاهده می کنید من کاملا ستون کناری یاهو که در حالت نرمال در سمت چپ سایت مشاهده می شود را حذف کرده ام و سپس رنگ تمامی پیوند ها را به سبز تغییر داده ام. در این جا حالت پیشرفته ای وجود دارد که می توانید علاوه بر استفاده از رابط کاربری واقعی، کدهای CSS مربوط به خودتان را نیز بنویسید.
قسمت برجسته ماجرا این است که سفارشی سازیِ شما واقعا ذخیره شده و هر زمان که مجددا از سایت دیدن می کنید باز هم همان تغییرات اِعمال می شوند. اگر دیگر گزینه های انتخابیِ افزونه را مشاهده کنید می بینید که می توانید همه سایتهایی که قبلا استایل های CSS مخصوص به خودشان را ایجاد کرده اید ببینید و هم چنین از طریق همان قسمت نسبت به ویرایش یا حذف استایل هایی که برای هر سایت به طور مجزا ساخته اید، می توانید اقدام نمایید.
علامت “گیلاسی” که در قسمت بالای صفحه مشاهده می کنید بدان معنیست که شما مجبور نیستید این شخصی سازی ها را لزوما در تمام کامپیوترهایتان ایجاد کنید. در اینجا قابلیت همگام سازی ای وجود دارد که برای استفاده میان همگام سازی بوک مارک های محلیِ کروم و همگام سازی استایل هایتان می توانید آن را فعال کنید.
صفحه خانگی افزونه Stylebot کروم (https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha)
دمو ویدئو در یوتیوب (http://www.youtube.com/watch?v=eEqlJ_u9ys4)
منبع: CyberNetNews (http://cybernetnews.com/customize-website-css/)
احتمالا توسعه دهندگان وب با ابزاری چون Firebug (http://getfirebug.com/)آشنا هستند. با توجه به این که این برنامه تغییرات را در همان لحظه نمایش می دهد، اشکال زدایی از استایل های CSS (CSS styles) را بسیار ساده تر نموده است. برخی مواقع این ابزارِ توسعه دهنده برای ایجاد استایل های اختصاصی CSS (http://userstyles.org/) و در همه انواعِ سایت ها استفاده می شوند. اما اگر هدفتان تنها، ساخت استایل های اختصاصی خودتان باشد و نیز همه اصطلاحات فنی CSS را نمی شناسید، این امر چندان به مذاقتان خوش نخواهد آمد. در ادامه آن چه را که افزونه Stylebot کروم می تواند انجام دهد (https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha) شرح داده می شود.
http://www.gooyait.com/uploads/2241-94x200.png (http://goyait.mihanblog.com/)
بعد از اینکه برنامه را نصب کردید درون نوار آدرستان آیکن “CSS” را مشاهده خواهید کرد و هنگامی که روی آن کلیک می کنید ستونی فرعی در قسمت راست مرورگرتان ظاهر خواهد شد. در این قسمت شما می توانید شروع به انتخاب عناصر درون صفحه برای سفارشی نمودن رنگ و لایهی آنها نمایید ضمن این که حتی امکان پنهان نمودن عناصر را نیز دارید. همان گونه که در تصویر بالا مشاهده می کنید من کاملا ستون کناری یاهو که در حالت نرمال در سمت چپ سایت مشاهده می شود را حذف کرده ام و سپس رنگ تمامی پیوند ها را به سبز تغییر داده ام. در این جا حالت پیشرفته ای وجود دارد که می توانید علاوه بر استفاده از رابط کاربری واقعی، کدهای CSS مربوط به خودتان را نیز بنویسید.
قسمت برجسته ماجرا این است که سفارشی سازیِ شما واقعا ذخیره شده و هر زمان که مجددا از سایت دیدن می کنید باز هم همان تغییرات اِعمال می شوند. اگر دیگر گزینه های انتخابیِ افزونه را مشاهده کنید می بینید که می توانید همه سایتهایی که قبلا استایل های CSS مخصوص به خودشان را ایجاد کرده اید ببینید و هم چنین از طریق همان قسمت نسبت به ویرایش یا حذف استایل هایی که برای هر سایت به طور مجزا ساخته اید، می توانید اقدام نمایید.
علامت “گیلاسی” که در قسمت بالای صفحه مشاهده می کنید بدان معنیست که شما مجبور نیستید این شخصی سازی ها را لزوما در تمام کامپیوترهایتان ایجاد کنید. در اینجا قابلیت همگام سازی ای وجود دارد که برای استفاده میان همگام سازی بوک مارک های محلیِ کروم و همگام سازی استایل هایتان می توانید آن را فعال کنید.
صفحه خانگی افزونه Stylebot کروم (https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha)
دمو ویدئو در یوتیوب (http://www.youtube.com/watch?v=eEqlJ_u9ys4)
منبع: CyberNetNews (http://cybernetnews.com/customize-website-css/)