متفاوت ترین مجله اینترنتی ...

Stylebot، افزونه‌ای برای شخصی سازی ظاهر سایت ها

12345 (بدون نظر)
Loading...
77

احتمالا توسعه دهندگان وب با ابزاری چون Firebug آشنا هستند. با توجه به این که این برنامه تغییرات را در همان لحظه نمایش می دهد، اشکال زدایی از استایل های CSS (CSS styles) را بسیار ساده تر نموده است. برخی مواقع این ابزارِ توسعه دهنده برای ایجاد استایل های اختصاصی CSS و در همه انواعِ سایت ها استفاده می شوند. اما اگر هدفتان تنها، ساخت استایل های اختصاصی خودتان باشد و نیز همه اصطلاحات فنی CSS را نمی شناسید، این امر چندان به مذاقتان خوش نخواهد آمد. در ادامه آن چه را که افزونه Stylebot کروم می تواند انجام دهد شرح داده می شود.

بعد از اینکه برنامه را نصب کردید درون نوار آدرستان آیکن “CSS” را مشاهده خواهید کرد و هنگامی که روی آن کلیک می کنید ستونی فرعی در قسمت راست مرورگرتان ظاهر خواهد شد. در این قسمت شما می توانید شروع به انتخاب عناصر درون صفحه برای سفارشی نمودن رنگ و لایه­ی آنها نمایید ضمن این که حتی امکان پنهان نمودن عناصر را نیز دارید. همان گونه که در تصویر بالا مشاهده می کنید من کاملا ستون کناری یاهو که در حالت نرمال در سمت چپ سایت مشاهده می شود را حذف کرده ام و سپس رنگ تمامی پیوند ها را به سبز تغییر داده ام. در این جا حالت پیشرفته ای وجود دارد که می توانید علاوه بر استفاده از رابط کاربری واقعی، کدهای CSS مربوط به خودتان را نیز  بنویسید.

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

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

صفحه خانگی افزونه Stylebot کروم

دمو ویدئو در یوتیوب

منبع: CyberNetNews

ممکن است به این مطالب نیز علاقمند باشید
3 دیدگاه
  1. baboon-ir می‌گوید

    خیلی ممنون مطلب جالبیه

  2. satin می‌گوید

    سلام

    پس از تغییرات چجوری دخیره میشوند؟ من نتونستم سایت یاهو را تغییر بدم.

  3. satin می‌گوید

    سلام

    من میخوام تنظیمات CSS را که در کروم اعمال کردم در فایر فاکس نیز اعمال کنم، آیا برای فایرفاکس نیز همچین افزونه وجود دارد ؟

ارسال یک پاسخ

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

احتمالا توسعه دهندگان وب با ابزاري چون Firebug آشنا هستند. با توجه به اين كه اين برنامه تغييرات را در همان لحظه نمايش مي دهد، اشكال زدايي از استايل هاي CSS (CSS styles) را بسيار ساده