Latest ads

Electronics
Vehicles
Property
Search

Customizations for Elakiri new UI

Amos

Amos

Well-known member
  • Jun 8, 2016
    424
    439
    63
    Page වල Menu සහ Sidebar අයින් කරන්නය්, පෝස්ට් ටික මුළු පිටුවටම ගන්නය් button තියෙනවා.


    EK-UI.1.png



    ඒ ටික auto click වෙන්න පහල තියෙන UserScript එක පාවිච්චි කරන්න පුළුවන්.


    JavaScript: 
    // ==UserScript==
// @name Elakiri Customizations
// @namespace elakiri-customizations
// @match *://elakiri.com/*
// @match *://*.elakiri.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant none
// ==/UserScript==


this.$ = this.jQuery = jQuery.noConflict(true);
$(document).ready(function() {

  function expand() {
    var menuButton = document.getElementById('uix_sidebarNav--trigger');      // Menu on left
    if (menuButton) {
      menuButton.click();
    }
    var sidebarButton = document.getElementById('js-XFUniqueId3');            // Sidebar on right
    if (sidebarButton && sidebarButton.className.indexOf("uix_sidebarTrigger") > -1) {
      sidebarButton.click();
    }
    var expandButon = document.getElementById('uix_widthToggle--trigger');    // Expand width
    if (expandButon) {
      expandButon.click();
    }
  }

  expand();

});


    එතකොට නිකන්ම මේ විදිහට page එක load වෙනවා.


    EK-UI.2.png



    UserScript එක දාගන්න Violentmonkey වගේ UserScript Add-On එකක් ඕන.
    Violentmonkey එකේ 'Create a new script' ගිහින් code එක copy-paste කරලා (new එකෙන් ආපු default code ටික replace වෙන විදියට) save කරන්න.
    Open කරලා තියෙන page, reload කරන්න.

    -----
    Script එක update කරා. පහල බලන්න.​
     
    Last edited:
    • Like
    • Love
    Reactions: sannsa, The Kingslayer, D_Mad and 15 others
    NaiRobi

    NaiRobi

    Well-known member
  • Nov 3, 2018
    11,229
    20,302
    113
    ah much better..ara depatte coloums dekanam harima cheap paatai...now this is perfect without them
     
    Amos

    Amos

    Well-known member
  • Jun 8, 2016
    424
    439
    63
    Updated:
    - add main links after search field
    - reduce saturation of forum tag colors, increase font weight of titles


    EK-UI.3.png



    JavaScript: 
    // ==UserScript==
// @name Elakiri Customizations
// @namespace elakiri-customizations
// @match *://elakiri.com/*
// @match *://*.elakiri.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant none
// ==/UserScript==


this.$ = this.jQuery = jQuery.noConflict(true);
$(document).ready(function() {

  //Customizations
  var ENABLE_EXPAND = true;               // hide Menu and Sidebar, expand post width
  var ENABLE_LINKS = true;                // add main links after search field
  var ENABLE_READABILITY_CHANGES = true;  // reduce saturation of forum tag colors, increase font weight of titles

  function expand() {
    if(!ENABLE_EXPAND) {
      return;
    }

    var menuButton = document.getElementById('uix_sidebarNav--trigger');      // Menu on left
    if (menuButton) {
      menuButton.click();
    }
    var sidebarButton = document.getElementById('js-XFUniqueId3');            // Sidebar on right
    if (sidebarButton && sidebarButton.className.indexOf("uix_sidebarTrigger") > -1) {
      sidebarButton.click();
    }
    var expandButon = document.getElementById('uix_widthToggle--trigger');    // Expand width
    if (expandButon) {
      expandButon.click();
    }
  }

  function addLinks() {
    if(!ENABLE_LINKS) {
      return;
    }

    $('<div class="block-tabHeader tabs hScroller" data-xf-init="h-scroller" style="border-bottom: none;">' +
      '  <span class="hScroller-scroll is-calculated" style="margin-bottom: -40px;">' +
      '    <a href="/watched/threads" class="tabs-tab rippleButton">Watched</a>' +
      '    <a href="/find-threads/contributed" class="tabs-tab rippleButton">Contributed</a>' +
      '    <a href="/threads/trending" class="tabs-tab rippleButton">Trending</a>' +
      '    <a href="/threads/latest" class="tabs-tab rippleButton">Latest</a>' +
      '    <a href="/threads/newest" class="tabs-tab  rippleButton">New posts</a>' +
      '    <a href="/forums/-/-/list" class="tabs-tab  rippleButton">Forum list</a>' +
      '  </span>' +
      '  <i class="hScroller-action hScroller-action--end" aria-hidden="true"></i>' +
      '  <i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>' +
      '</div>').insertBefore('.p-nav-opposite');
  }

  function addReadabilityChanges() {
    if(!ENABLE_READABILITY_CHANGES) {
      return;
    }

    $('<style>' +
      ' .label { opacity:0.5; }' +
      ' .structItem-title { font-weight: 700; }' +
      ' .is-unread .structItem-title { font-weight: 700; }' +
      '</style>').appendTo('body');
  }

  expand();
  addLinks();
  addReadabilityChanges();
 
});

    @rock pora
     
    • Like
    • Love
    Reactions: sannsa, The Kingslayer, GadgetPodda and 4 others
    prasannaf

    prasannaf

    Well-known member
  • May 15, 2006
    5,240
    483
    83
    42
    thumpane Posts: 3,94157,97567
    Amos said:
    Page වල Menu සහ Sidebar අයින් කරන්නය්, පෝස්ට් ටික මුළු පිටුවටම ගන්නය් button තියෙනවා.


    View attachment 79306


    ඒ ටික auto click වෙන්න පහල තියෙන UserScript එක පාවිච්චි කරන්න පුළුවන්.


    JavaScript: 
    // ==UserScript==
// @name Elakiri Customizations
// @namespace elakiri-customizations
// @match *://elakiri.com/*
// @match *://*.elakiri.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant none
// ==/UserScript==


this.$ = this.jQuery = jQuery.noConflict(true);
$(document).ready(function() {

  function expand() {
    var menuButton = document.getElementById('uix_sidebarNav--trigger');      // Menu on left
    if (menuButton) {
      menuButton.click();
    }
    var sidebarButton = document.getElementById('js-XFUniqueId3');            // Sidebar on right
    if (sidebarButton && sidebarButton.className.indexOf("uix_sidebarTrigger") > -1) {
      sidebarButton.click();
    }
    var expandButon = document.getElementById('uix_widthToggle--trigger');    // Expand width
    if (expandButon) {
      expandButon.click();
    }
  }

  expand();

});


    එතකොට නිකන්ම මේ විදිහට page එක load වෙනවා.


    View attachment 79307


    UserScript එක දාගන්න Violentmonkey වගේ UserScript Add-On එකක් ඕන.
    Violentmonkey එකේ 'Create a new script' ගිහින් code එක copy-paste කරලා (new එකෙන් ආපු default code ටික replace වෙන විදියට) save කරන්න.
    Open කරලා තියෙන page, reload කරන්න.​
    Click to expand...
    machan meke left bar eka tiyana widihata coustermize karapu script ekak nadda
     
    Amos

    Amos

    Well-known member
  • Jun 8, 2016
    424
    439
    63
    prasannaf said:
    machan meke left bar eka tiyana widihata coustermize karapu script ekak nadda
    Click to expand...


    pahala thiyena widiyata script eke comment karaganna (code line tika issarahata '// ' danna).

    JavaScript: 
        // var menuButton = document.getElementById('uix_sidebarNav--trigger');      // Menu on left
    // if (menuButton) {
    //   menuButton.click();
    // }
     
    • Like
    Reactions: The Kingslayer
    Amos

    Amos

    Well-known member
  • Jun 8, 2016
    424
    439
    63
    prasannaf said:
    kalin eka makalada meka danne
    Click to expand...

    Makanna ona ne. Script eke oya line thiyena thanata gihin, line issaraha '// ' type karanna ('/' dekai 'space' ekai). It passe script eka save karanna.
    Me widihata karanna ona oya line 4 witharai. Script eke ithuru tika kalin widihatama thiyenna ona. Uda thiyena full script eka makala oya line 4 danawa nemei.
     
    BLACKLIST_MEMBER

    BLACKLIST_MEMBER

    Well-known member
  • Feb 9, 2008
    37,854
    14,810
    113
    127.0.0.1
    Filters ඕන prefix වල unanswered questions හොයා ගන්න. ඒක එතැන තියෙන නිසා තමයි thread bump කරන්න එහෙම බැරි කරලා තියෙන්නේ. මිනිස්සුන්ට notifications flood වෙන එක අඩු කරන්න. ඒක hide කරලා බැ ඉතින් හැබැයි ඕන නම් on කරගන්න දාගන්න පුළුවන්. Sections based trending thread හොයන්න එහෙමත් ඕන වෙනවානේ. But use කරන්නේම නැතිනම් aulak na
     
    • Like
    Reactions: ExamHe
    Amos

    Amos

    Well-known member
  • Jun 8, 2016
    424
    439
    63
    MihiCherub said:
    TFS Thx.. :love: (y)
    machan uda button tika center karala thawa poddak fade adu karala diyanko.. penawa madi
    Click to expand...
    Button tika gatte home page eken, thibuna style ekkama. Style mukuth wenas kare ne site eke changes awoth nikanma match wena nisa.
    Center karana eketh scene eka, site eka screen size wenas wenakota auto adjust wenna thiyena nisa ohoma damme.
    Balamu.

    BLACKLIST_MEMBER said:
    Filters ඕන prefix වල unanswered questions හොයා ගන්න. ඒක එතැන තියෙන නිසා තමයි thread bump කරන්න එහෙම බැරි කරලා තියෙන්නේ. මිනිස්සුන්ට notifications flood වෙන එක අඩු කරන්න. ඒක hide කරලා බැ ඉතින් හැබැයි ඕන නම් on කරගන්න දාගන්න පුළුවන්. Sections based trending thread හොයන්න එහෙමත් ඕන වෙනවානේ. But use කරන්නේම නැතිනම් aulak na
    Click to expand...
    Ow eka ona wenna puluwan. Mata set une ne. Eka ona nam script eken comment karala hadagattaki. Nattam ona welawata button eka click karala open karagannath puluwan.

    ryanex said:
    dark mode nadda machan
    Click to expand...
    GT dark mode dena kathawak kiwwa nisa mukuth kare ne. Ehema dark mode daganna eka honda wei hamotama eka widiyakata ena nisa.

    LazyLizard said:
    xenforo වල වෙන තීම් තියෙනව නේද ඔය සයිඩ් බාර් නැති තීම් එකක්.
    https://www.themehouse.com/xenforo/2/themes/ui-x-dark/demo මෙන්න මේකේ වම් පැත්තේ සයිඩ් බාර් එකක් නෑ ඒක උඩ තියෙන්නෙ
    Click to expand...
    Ow ne. Lokka set karana ekak thamai ithin.

    ---
    BUMP
     
    Last edited:
    • Like
    Reactions: sannsa and The Kingslayer
    Top Bottom