1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Hemos actualizado nuestra Política de Privacidad acorde con la nueva RGPD. +Info // We've updated our Privacy Policy to comply with the GDPR. +Info
    Dismiss Notice

[ENG][ESP] Forum tweaks & ñapas

Discussion in 'Forum Feedback' started by Mob of Blondes, Nov 29, 2017.

  1. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    [ENG] So here we ago again, customizing the forum. The objetive is less distractions, bigger controls. Useful first, pretty takes the back seat.

    So far you need something that lets you override CSS, like Stylish, Stylus, etc. You can change values, or remove things (better comment them, by moving the "*/" from the description line to behind the last "}" that controls for what you want to disable) to adjust the one I provide.

    If you have questions about other things, I will try to help, but no promises (not everything is possible, or easy).

    [ESP] Otra vez al tajo, personalizando el foro. El objetivo es menos distracciones, controles más grandes. Útil lo primero, bonito pasa a un segundo lugar.

    Por ahora necesitas algo que te permita reemplazar CSS, como Stylish, Stylus, etc. Puedes cambiar valores, o quitar cosas (le mejor es comentarlas, moviendo el "*/" de la descripción detrás del último "}" que controla lo que quieres desabilitar) para ajustar lo que pongo.

    Si hay dudas sobre otras cosas, intentaré ayudar, pero no puedo prometer nada (no todo es posible, ni fácil).

    Code:
    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document domain("forum.corvusbelli.com") {
      /* Force some fonts */
      .messageText, body {
        font-family: Arial;
      }
      #QuickReply textarea {
        font-family: Courier;
      }
      /* Remove the distracting silly growing green circle, static dot still visible */
      span.onlineMarker_pulse {
        display: none;
      }
      /* Hide (shunk behind everything in middle of window) the flashing arrows */
      div#uix_jumpToFixed {
        z-index: -666;
        position: absolute;
        top: 50%;
        bottom: auto;
      }
      /* Double size "unread" dots, easier to click */
      .LoggedIn .discussionListItem .unreadLink,
      .LoggedIn .discussionListItem .ReadToggle  {
        width: 32px; /* adds 16 */
        height: 32px;
        background-size: 320px 96px; /* current PNG is 160 48 */
        background-position: 0 -64px; /* adds 32 */
      }
      .LoggedIn .discussionListItem .titleText {
        padding-left: 36px; /* adds 16 */
      }
      /* Square avatars */
      .avatar img,
      .avatar .img,
      .avatarCropper {
         border-radius: 0% !important;
      }
      /* More space for last post title in index, moving RSS icon */
      .nodeLastPost {
        width: 330px !important;
      }
      .nodeControls {
        right: 350px !important;;
      }
      /* Top bar stays put and eats space, so remove */
      #userBar .navTabs {
        display: none;
      }
      /* Compact the logo and search bar too */
      #logo {
        height: 72px;
      }
      #userBar.activeSticky.lastSticky
      /*div#userBar.header__blockItem.stickyTop.inactiveSticky*/ {
         display: none !important;
      }
      .header__blockItem {
        margin-top: 0px;
        margin-bottom: 0px;
      }
      /* Fade faction icons in index when all their posts have been read */
      :not(.unread) > h4.nodeTitle > a.menuRow > span.subForumIcon.hasGlyph > i::after {
        opacity: 0.25;
      }
      /* Opaque menus */
      .Menu {
        background-color: white;
      }
      /* Dark blue for unread like the NEW text, light for all read */
      .node .unread .nodeIcon.hasGlyph,
      .node .unread .nodeText .nodeTitle,
      .node .subForumList .unread .nodeTitle {
        color: rgb(0, 88, 117);
      }
      .node .nodeText .nodeTitle,
      .node .subForumList li .nodeTitle
      {
        color: rgb(0, 153, 204);
      }
      /* Font size of faction links */
      .node .subForumList li .nodeTitle {
        font-size: 14px;
      }
      /* Don't hide and reveal the links to thread's page 2, page 3, etc */
      .discussionListItem .itemPageNav {
        visibility: visible;
      }
      /* Visual ban, hide/fade avatar images in small, medium, large size versions
         Just add lines with the three items changing the number (no comma before "{" )
         Look up user ID and put between ".Av" and "s/m/l", 0 is example to show 2 users */
      .Av0s>img, .Av0m>img, .Av0l>img,
      .Av79s>img, .Av79m>img, .Av79l>img {
        /*visibility: hidden;*/
        opacity: 0.05;
      }
      /* Quote confirmation sucks, so at least keep it near the insert button */
      body.SelectQuotable > div.xenOverlay:not(.timedMessage) {
        top: unset !important;
        bottom: 150px !important;
        position: fixed !important; /* required for "edit post" */
      }
      /* */
    }
    
    infinity-forum-cb-tweaks1-fullpage.png
     
    #1 Mob of Blondes, Nov 29, 2017
    Last edited: Dec 4, 2017
    Golem2God, Kakino and Pierzasty like this.
  2. Pierzasty

    Pierzasty Null-Space Entity

    Joined:
    Nov 23, 2017
    Messages:
    843
    Likes Received:
    2,058
    It still needs work, but already looks 200% better than the original.

    Now tell me how to feed the whole thing into a 80*25*16colors text terminal :v
     
  3. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    Tried links/elinks, lynx or w3m? Not sure any will work with the JS-plague.
    Beyond that, maybe render a browser window to some kind of remote protocol or video, and then convert with an ASCII renderer. Matrix style.
    Or set everything to fixed font width and same size, black background... hmmm... *lightbulb*
     
  4. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    Fixed one rule, added "!important".
    Code:
      /* Square avatars */
      .avatar img,
      .avatar .img,
      .avatarCropper {
         border-radius: 0% !important;
      }
    
    Added 2 new rules. First one may need updates later, only threads with 2-3 pages to test. Second one could need tweaks as more places are located. I will use on the opacity method for now.
    Code:
      /* Don't hide and reveal the links to thread's page 2, page 3, etc */
      .discussionListItem .itemPageNav {
        visibility: visible;
      }
      /* Visual ban, hide/fade avatar images in small, medium, large size versions
         Just add lines with the three items changing the number (no comma before "{" )
         Look up user ID and put between ".Av" and "s/m/l", 0 is example to show 2 users */
      .Av0s>img, .Av0m>img, .Av0l>img,
      .Av79s>img, .Av79m>img, .Av79l>img {
        visibility: hidden;
        /*opacity: 0.05; Faded method */
      }
    
    First post updated ASAP, so new users can just copy-paste once the CSS rules.

    And new: stay logged in workaround. This one requires Greasemonkey, Tampermonkey, etc; anything that lets you set custom Javascripts. Add the script to main page then just keep it always open in your browser, and it should autorefresh, so the session doesn't expire.
    Code:
    // ==UserScript==
    // @name        Auto refresh CB
    // @namespace   MoB
    // @description Force a reload to stay logged
    // @include     https://forum.corvusbelli.com/
    // @version     1
    // @grant       none
    // ==/UserScript==
    // From http://superuser.com/questions/492885/using-javascript-and-greasemonkey-to-reload-just-one-tab-in-firefox
    
    var numMinutes = 20;
    window.setTimeout (function(){location.href="https://forum.corvusbelli.com/"}, numMinutes*60*1000);
    
     
    #4 Mob of Blondes, Nov 29, 2017
    Last edited: Nov 29, 2017
    Golem2God likes this.
  5. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    New rule to keep the "are you sure?" of the quote system near the bottom, so you don't have to move the mouse down, up, down so much.
    Code:
      /* Quote confirmation sucks, so at least keep it near the insert button */
      body.SelectQuotable > div.xenOverlay:not(.timedMessage) {
        top: unset !important;
        bottom: 150px !important;
        position: fixed !important; /* required for "edit post" */
      }
    
    Added to first post code block too.
    Edit: And added the position line.
     
    #5 Mob of Blondes, Dec 1, 2017
    Last edited: Dec 4, 2017
  6. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    :G: A day for some presents. :G:

    For CB:
    [​IMG]
    TactiCoal!
    Nothing else until the tacticrap and stick-up-ass poses stop, and the forums get the attention they need.

    For the rest... direct links in the header! A simple Greasemonkey/etc script:
    Code:
    // ==UserScript==
    // @name        CB forum extra links
    // @namespace   MoB
    // @description Add useful links to CB forum header
    // @include     https://forum.corvusbelli.com/*
    // @version     1
    // @grant       none
    // ==/UserScript==
    
    $("<li class='NavTab popupClosed'>\
    <a class='navLink' href='https://infinitythegame.com/'>Infinity</a>\
    </li>").insertBefore("li.navTab.forums");
    
    $("<li class='NavTab popupClosed'>\
    <a class='navLink' href='https://army.infinitythegame.com/'>Army</a>\
    </li>").insertBefore("li.navTab.forums");
    
    $("<li class='NavTab popupClosed'>\
    <a class='navLink' href='https://infinitythewiki.com/'>Wiki</a>\
    </li>").insertBefore("li.navTab.forums");
    
    Split each in three lines for easier reading, if you want to drop any of them, remove from the "$" to the ";". If you want more links, copy the 3 lines, and change (in the middle line) the href and the word, leaving the other lines the same.

    infinity-forum-cb-tweaks2-fullpage.png

    While testing (done day ago, but presents...) I discovered the Wiki works with issues if using HTTPS. Front page redirects to HTTP (so not really working with HTTPS, and it goes with a lot of 400 errors for required files) and other pages get a single error 400 and just display broken (no other files load). So pick your poison, lock icon broken or page broken.
     
  7. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    [ENG] Quick translation of the above, I got carried away and forgo as nobody said anything in ESP. Just one addition: Keep logged on script is less useful now, the timeout seems to be longer. If you still get kicked in hours, the issue is other and needs server changes. Report it in the thread https://forum.corvusbelli.com/threads/en-stay-logged-in-button.284/

    [ESP] Resumen de lo hecho hasta ahora, que se me había olvidado visto que solo había respuestas ENG:

    Post #4: Arreglo de algunas reglas de aspecto.
    Reglas nuevas para mantener visibles los enlaces a páginas 2, 3, 4... y para ocultar ciertos avatares (fácil de configurar para otros, es copiar, pegar y cambiar los números).
    Script para Greasemonkey, Tampermonkey, etc para mantener la cuenta activa en vez de salirse en poco tiempo. (Parece que la duración es mayor y ya no es tan útil. Si te sigue desconectando en pocas horas, el asunto es otro y necesita cambios en el servidor. Quejate en el hilo https://forum.corvusbelli.com/threads/en-stay-logged-in-button.284/ )

    Post #5: Regla nueva para mover los controles de "confirmar citas seleccionadas" abajo, cerca de la caja de texto y mover el ratón menos.

    Post #6: Regalos de Navidad. Script de GM para añadir tres enlaces básicos a la cabecera (web de Infinity, el Army y la Wiki).
    Descubierto que la Wiki no se lleva muy bien con HTTPS.

    Los cambios de reglas de aspecto CSS se van añadiendo al primer post, para simplificar el cortar/pegar.
     
  8. Mob of Blondes

    Mob of Blondes Well-Known Member

    Joined:
    Nov 24, 2017
    Messages:
    673
    Likes Received:
    769
    [ENG] A new trick (long awaited by some): expand the subsections in mainpage via GreaseMonkey (and equivalent). It slows the load a bit because it will load a full page (to cut what is interesting) per subsection zone it replaces. So you better add "//" (two slashes) to the start of every line you don't really need (from "$" to "//$"), converting them to a comment, and thus disabling the effect. What I provide has all subsections expanded.

    Oops, it also has lines to reorder the languages. Someone asked about that and it was easy to do while at it.

    [ESP] Un truco nuevo (largamente esperado por algunos): expandir las subsecciones en la página principal mediante GreaseMonkey (y similares). Enlentece algo la carga porque carga una página entera (para recortar el cacho necesario) por cada zona de subsección que reemplaza. Lo mejor es añadir "//" (dos barras inclinadas) al principio de cada linea que realmente no necesites (pasan de "$" a "//$"), convirtiéndolas en un comentario, y por tando eliminando su efecto. Lo que que doy es con todas las subsecciones expandidas.

    Se me olvidaba, también tiene líneas para reordenar los idiomas. Alguien lo pidió y era fácil, ya que estaba.

    Code:
    // ==UserScript==
    // @name        Expand CB subforums
    // @namespace   MoB
    // @include     https://forum.corvusbelli.com/
    // @version     1
    // @grant       none
    // ==/UserScript==
    
    // Reorder too, ENG before ESP
    $(".node_5").insertBefore(".node_1");
    $(".node_74").insertBefore(".node_73");
    $(".node_16").insertBefore(".node_15");
    
    // Infinity ESP
    $(".node_123").load("categories/general.123/ .nodeList.nodeList");
    $(".node_124").load("categories/juego.124/ .nodeList.nodeList");
    $(".node_125").load("categories/esfera-humana.125/ .nodeList.nodeList");
    
    // Infinity ENG
    $(".node_116").load("categories/general.116/ .nodeList.nodeList");
    $(".node_120").load("categories/game.120/ .nodeList.nodeList");
    $(".node_121").load("categories/human-sphere.121/ .nodeList.nodeList");
    
    // Aristeia ESP
    $(".node_122").load("categories/general.122/ .nodeList.nodeList");
    $(".node_83").load("categories/juego.83/ .nodeList.nodeList");
    $(".node_88").load("categories/personajes.88/ .nodeList.nodeList");
    
    // Aristeia ENG
    $(".node_90").load("categories/general.90/ .nodeList.nodeList");
    $(".node_94").load("categories/game.94/ .nodeList.nodeList");
    $(".node_98").load("categories/characters.98/ .nodeList.nodeList");
    
    infinity-forum-cb-tweaks3-fullpage.png