Night mode

καλησπερα
εβαλα το  night mode στο invision θεμα ομως http://keeponblogging.forumotion.com/ κανει ενα παραξενο bug μου βγαζει την μπαρα ευχαριστω πανω σταθερη σαν navbar

Καλησπέρα,
Μπορείς να βάλεις τους κώδικες που χρησιμοποιείς εδώ γιατι θα χρειαστούν μετατροπή για να κουμπώσουν στο skin σου γιατί έχεις αλλάξει την έξω ορισμού γραμμή μενού.

night mode

Κώδικας:

(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';
 
  if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
  if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
  
    window.fa_night_mode = {
      targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to
    
      // executed when the dimmer is changed
      dimLight : function() {
        var val = +fa_night_mode.dimmer.value;
        fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
        fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
        my_setcookie('fa_night_level', val);
      }
    };
  
    // startup variables
    var dimmer = document.createElement('INPUT'),
        container = document.createElement('DIV'),
        counter = document.createElement('SPAN'),
        cookie = my_getcookie('fa_night_level'); // cookies <3
      
    // set the night shade and styles
    document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style><div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>');
    fa_night_mode.shade = document.getElementById('fa_night_shade');
  
    // dimmer attributes
    dimmer.id = 'fa_night_dimmer';
    dimmer.type = 'range';
    dimmer.min = 0;
    dimmer.max = 90;
    dimmer.value = cookie || 0;
    dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
  
    // percentage counter
    counter.id = 'fa_night_counter';
    counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
  
    // container contents
    container.id = 'fa_night_container';
    container.innerHTML = '<span>Night Mode :</span>';
    $(container).append([dimmer, counter]);
  
    // cache nodes to the global object
    fa_night_mode.dimmer = dimmer;
    fa_night_mode.counter = counter;
  
  
    // stuff to do when the document is ready
    $(function() {
      // find one ( AND ONLY ONE ) of the targets to attach the dimmer
      for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
        footer = document.getElementById(fa_night_mode.targets[i]);
        if (footer) {
          footer.appendChild(container);
          break;
        }
      }
    
      if (!footer) {
        document.body.appendChild(container); // fallback if footer cannot be found
      }
    });
  }
}());

thanks button 

Κώδικας:

$(function() {
  var message = function(child, parent) {
        var pseudo = $(child, parent).text(),
            icon = '<img src="http://i18.servimg.com/u/f18/18/21/60/73/fa_sta10.png" alt=""/>';
   
        return '<div id="fa_thanks_message">' + icon + ' Ο συγγραφέας σου είπε ευχαριστώ, ' + pseudo + ' ! ' + icon + '</div>';
      },
     
      version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check
      node = document.createElement(version ? 'DIV' : 'TR'),
      post = $(version ? 'div' : 'tr' + '.post'),
      j = post.length,
      i = 0;
 
  if (version == 'badapple') {
    if (window.console) console.error('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
    return;
  }
 
  node.id = 'fa_thanks'; // id for style modifications
  if (!version) node.innerHTML = '<td colspan="2"></td>'; // phpbb2 must have a cell as the child node
 
  for (; i < j; i++) {
   
    if ((version ? post[i] : post[i].firstChild).style.backgroundColor) { // thanked posts have the backgroundColor style property
     
      post[i].className += ' thanked'; // mark the thanked post with a class
      (version ? node : node.firstChild).innerHTML = message(['.name', 'dl > dt > strong', '.username', '.popmenubutton'][version], post[i]); // thanks message
     
      switch (version) {
       
        case 0 : // phpbb2
          node.firstChild.style.backgroundColor = post[i].firstChild.style.backgroundColor;
          node.firstChild.className = post[i].firstChild.className;
          post[i].parentNode.insertBefore(node, post[i].nextSibling);
          break;
         
        case 1 : // phpbb3
          post[i].firstChild.insertBefore(node, post[i].firstChild.lastChild.previousSibling);
          break;
         
        case 2 : // punbb
          node.className = 'postfoot';
          node.style.margin = '0';
          post[i].appendChild(node);
          break;
         
        case 3 : // invision
          node.className = 'post-footer';
          node.style.backgroundColor = post[i].style.backgroundColor;
          post[i].appendChild(node);
          break;
       
      }
     
      break; // break out of the for loop when the thanked post is found
    }
   
  }
});

σημ.αν μπορουμε να το τοποθετήσουμε στο header κομματι καπου θα το προτιμουσα αν ομως ειναι μπερδεμα ειμαι πολυ οκ που βγαινει κατω 

ευχαριστω

Καλησπέρα,
Μπορείς να εγκαταστήσεις πάλι τους κώδικες για να βρω που είναι το πρόβλημα;

To Thanks ειναι εγκατεστημενο και λειτουργει οκ χωρις θεματα εδω και καιρο
Οταν εισαι μεσα πες μου να βαλω και το night γτ χαλαει το φορουμ κ δεν θελω να το εχω πολυ ωρα on
To προβλημα μπορεις ν το εντοπισεις πατωντας την ενοτητα 1 ανακοινωσεις στο προσφατο θεμα αναβαθμισεις πχ
Οταν απενεργοποιω το night ..το thanks γινεται οκ

Βάλε το night mode τώρα είμαι online στο φόρουμ.

ειμαστε οκ το θεμα εντοπιζεται οταν μπαινεις σε ενα θεμα μεσα να διαβασεις τα ποστ οχι οταν βλεπεις το φορουμ σαν κεντρικη εικονα

Καλησπέρα,
Μάλλον έχεις πειράξει τα πρότυπα αντικατέστησε το javascript του night mode με το παρακάτω:

Κώδικας:

    (function() {
      'DEVELOPED BY ANGE TUTEUR';
      'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
      'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';
   
      if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
      if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
     
        window.fa_night_mode = {
          targets : ['page-footer', 'pun-foot', 'gfooter'], // target node that the dimmer will be attached to
       
          // executed when the dimmer is changed
          dimLight : function() {
            var val = +fa_night_mode.dimmer.value;
            fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
            fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
            my_setcookie('fa_night_level', val);
          }
        };
     
        // startup variables
        var dimmer = document.createElement('INPUT'),
            container = document.createElement('DIV'),
            counter = document.createElement('SPAN'),
            cookie = my_getcookie('fa_night_level'); // cookies <3
         
        // set the night shade and styles
        document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style><div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>');
        fa_night_mode.shade = document.getElementById('fa_night_shade');
     
        // dimmer attributes
        dimmer.id = 'fa_night_dimmer';
        dimmer.type = 'range';
        dimmer.min = 0;
        dimmer.max = 90;
        dimmer.value = cookie || 0;
        dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
     
        // percentage counter
        counter.id = 'fa_night_counter';
        counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
     
        // container contents
        container.id = 'fa_night_container';
        container.innerHTML = '<span>Night Mode :</span>';
        $(container).append([dimmer, counter]);
     
        // cache nodes to the global object
        fa_night_mode.dimmer = dimmer;
        fa_night_mode.counter = counter;
     
     
        // stuff to do when the document is ready
        $(function() {
          // find one ( AND ONLY ONE ) of the targets to attach the dimmer
          for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
            footer = document.getElementById(fa_night_mode.targets[i]);
            if (footer) {
              footer.appendChild(container);
              break;
            }
          }
       
          if (!footer) {
            document.body.appendChild(container); // fallback if footer cannot be found
          }
        });
      }
    }());

αλλαξε θεση αλλα κανει τα ιδια

Ναι το είδα απλά το πήγε δεξιά, το πρόβλημα είναι στο Thanks CSS μπορείς να το βάλεις εδώ; Πρέπει να έχει κάπου μια γραμμή position: fixed; γιαυτό παραμένει η γραμμή αυτή στην κορυφή.

Δοκίμασε να αλλάξεις το javascript του night mode με το παρακάτω:

Κώδικας:

        (function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';
     
          if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
          if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
       
            window.fa_night_mode = {
              targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to
         
              // executed when the dimmer is changed
              dimLight : function() {
                var val = +fa_night_mode.dimmer.value;
                fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
                fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
                my_setcookie('fa_night_level', val);
              }
            };
       
            // startup variables
            var dimmer = document.createElement('INPUT'),
                container = document.createElement('DIV'),
                counter = document.createElement('SPAN'),
                cookie = my_getcookie('fa_night_level'); // cookies <3
           
            // set the night shade and styles
            document.write('<style type="text/css">#fa_night_shade { font-size:0; position:relative; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style><div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>');
            fa_night_mode.shade = document.getElementById('fa_night_shade');
       
            // dimmer attributes
            dimmer.id = 'fa_night_dimmer';
            dimmer.type = 'range';
            dimmer.min = 0;
            dimmer.max = 90;
            dimmer.value = cookie || 0;
            dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
       
            // percentage counter
            counter.id = 'fa_night_counter';
            counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
       
            // container contents
            container.id = 'fa_night_container';
            container.innerHTML = '<span>Night Mode :</span>';
            $(container).append([dimmer, counter]);
       
            // cache nodes to the global object
            fa_night_mode.dimmer = dimmer;
            fa_night_mode.counter = counter;
       
       
            // stuff to do when the document is ready
            $(function() {
              // find one ( AND ONLY ONE ) of the targets to attach the dimmer
              for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
                footer = document.getElementById(fa_night_mode.targets[i]);
                if (footer) {
                  footer.appendChild(container);
                  break;
                }
              }
         
              if (!footer) {
                document.body.appendChild(container); // fallback if footer cannot be found
              }
            });
          }
        }());

παραμενει προβλήμα με μονη διαφορα οτι τωρα η μπαρα του ευχαριστω μενει πανω χωρις να κουνιεται

edit επισης δεν παιζει και το night mode

Χμμ ναι υπάρχει πρόβλημα το ένα js μπλοκάρει το άλλο. Το αφήνω ανοιχτό το θέμα για να το ψάξω.

ευχαριστω πολυ ..προς το παρον το βγαζω εγω