حذف التعليقات من صفحات الويب باستخدام Stylish

Never Read Comments
Never Read Comments

يمكن في كثير من الأحيان أن تكون قراءة التعليقات مملة، أو مسيئة، أو مضيعة للوقت.إذ كما هو الظاهر تعمد معظم مواقع الإنترنت إلى إحياء الاستهلاكية في نفس كل مستخدم، كما تفعل المحال التجارية.ويعمد الكثير من المستخدمين إلى إلغاء التعليقات وما شابهها مما لا فائدة فيه، كالمحتوى ذو العلاقة، أو أشخاص قد تعرفهم وغير ذلك.

ويمكن استعمال إضافات لمتصفحات الويب، كما يمكن استعمال الإضافة العامة Stylish.

إن إضافة Stylish ليست بالإساس لحذف أو إلغاء أي شيء، وإنما لتعديل تصميم عرض CSS للموقع، ويمكن عمل أي شيء متوافق مع CSS بها، متخطياً بذلك تصميم الصفحات الأصلي.

وهذه الإضافة متوفرة لمتصفح Firefox أو Google Chrome.وتدعم تزامن التصميمات التي تكتبها باستخدام حساب وخدمة المزامنة التي يقدمها Firefox عن طريق إضافة Stylish Sync.

سأقوم بكتابة بعض التصميمات التي تلغي التعليقات وما لا أريد أن أراه على بعض المواقع كمثال.يمكن الاطلاع على تصميمات كتبها مستخدمون آخرون، على موقع التصميمات الرسمي.

هذا التصميم لموقع Facebook ويقوم بإلغاء عمود “أشخاص قد تعرفهم”.

(raw)@-moz-document domain("facebook.com") {
  div[role="complementary"] {
    display: none !important;
  }
  div[role="main"] {
    width: 100% !important;
  }
}

وهذا يصنع مثل ذلك مع Twitter، حيث يخفي أشخاص تريد متابعتهم، أو أهم الوسوم.

(raw)@-moz-document domain("twitter.com") {
  div.WhoToFollow,
  div.Trends{
    display: none !important;
  }
}

أما هذا التصميم، فلموقع Youtube، ويلغي التعليقات، والروابط حول الصفحة، والفيديوهات المشابهة، والفيديوهات في الصفحة الرئيسة، كما يغير خليفة الصفحة الرئيسة لتصبح كما في الصورة.

YouTube with Stylish
YouTube with Stylish
(raw)@-moz-document domain("youtube.com") {
  .watch-sidebar-section,
  .watch7-sidebar-contents,
  .branded-page-v2-secondary-col,
  #guide,
  #masthead-appbar-container,
  .secondary-pane,
  #watch-discussion,
  #footer-links,
  #footer-container,
  .home,
  #yt-masthead .yt-masthead-logo-container,
  #watch7-sidebar-contents {
    display: none !important;
  }
  #masthead-search {
    max-width: 100% !important;
  }
  #yt-masthead-container {
    background: none !important;
    border: none !important;
  }
  #body-container {
    background-image: url('http://www.amazingwallpaperz.com/wp-content/uploads/Tree-HD-PC-Wallpapers.jpg') !important;
    background-size: cover !important;
    height: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
  }
  .yt-grid-box {
    position: fixed !important;
    width: 800px !important;
    height: 30px !important;
    min-width: 0 !important;
    top: 50% !important;
    left: 35% !important;
    margin-top: 250px !important;
    margin-left: -210px !important;
    z-index: 0 !important;
  }
  #masthead-search-term {
    color: black
  }
  #content {
    margin: 0 10px 0 0;
  }
  #watch7-main,
  #watch7-main-container {
    float: left;
  }
  #watch7-content {
    max-width: 400px;
    float: left;
  }
}