Did you know you can personalize the look of this website for yourself?

[=VG= SemlerPDX]

Did you know you can customize your personal look when you visit VETERANS-GAMING.COM?

Click the very top right "Customizer" button where you can turn off effects if you're not a fan of falling confetti during holiday months, or if you want to tailor the header background to your type of gameplay. You can even flip the chatbox sidebar to the left side, like one of the first VG Website versions from almost ten years ago!
 

 

[=VG= I3RY4N]

Hey Sem. Thanks for the options! But i gotta say that the customizer somehow laggs out my browser and the other browser window on my 2nd screen with a youtube vid running starts blacking out a bit (the video) when i scroll around the customizer

Current computer status when that happened:

• 2 browser windows on each screen.
  • 1 with 2 tabs. Both VG website
  • other one with 7 tabs. 6 of them youtube but only 1 vid running. the last one is mangadex
• Spotify open in the background not playing anything
• Steam is running but not minimized nor open just sitting in the taskbar.
• tried out the customizer after a windows update

[WCCBadploy]

Great stuff. Customisation.

Shows that there there is a support and understanding of the need for individual expression in the community.

I am some how missing the chat window. Is it still available?

[=VG= BLuDKLoT]

homepage? Its there. 

[=VG= SemlerPDX]

2 hours ago, WCCBadploy said:

Great stuff. Customisation.

Shows that there there is a support and understanding of the need for individual expression in the community.

I am some how missing the chat window. Is it still available?

Fixed.  Sorry about that... Did a thousand things, was bound to miss one or two.... The chatbox is a 'plugin' with it's own permission sets, and I had neglected to fix them for the new website groups system.

 All good now!  (Will go over everything with a fine tooth comb early next week, every settings screen, every tab, every sub-menu, just to check over my work so we're solid for another several years)

  

[=VG= SemlerPDX]

17 hours ago, =VG= I3RY4N said:

Hey Sem. Thanks for the options! But i gotta say that the customizer somehow laggs out my browser and the other browser window on my 2nd screen with a youtube vid running starts blacking out a bit (the video) when i scroll around the customizer

Current computer status when that happened:

• 2 browser windows on each screen.
  • 1 with 2 tabs. Both VG website
  • other one with 7 tabs. 6 of them youtube but only 1 vid running. the last one is mangadex
• Spotify open in the background not playing anything
• Steam is running but not minimized nor open just sitting in the taskbar.
• tried out the customizer after a windows update

It's an IPS system... I am thinking that their system is perhaps not optimized for all browsers, because I don't get that behavior in Firefox, but I do also get it myself in Chrome, so I see exactly what you mean.  I'll knock around and see what I can learn, and will get back to you and everyone with what I find out (if anything).

  

[=VG= BLuDKLoT]

I use the Brave browser works fine for me

https://brave.com/

[=VG= ciro (Inactive Duty)]

Hey Sem is there a chance we could add this code snippet to the main site template?

Its basicly the code to add a floating back to top button to any html/CMS based web page (This code snippet is acknowledged as a -Public Domain- free to use code... example and explaination) :

<!-- InLine Script that adds style eliments (this is a black (background-color: #000000) square with white (color: #FFFFFF:) text).... Change this valve:   border-radius: 50% to make a circle button, change  font-size: 14px;  to increase the text in the floating button, change width: 50px; height: 50px;  for button size. // -->

 

<style>
  .back-to-top {
    background-color: #000000;
    color: #FFFFFF;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    z-index: 999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 0%;

  }

  a.back-to-top {
    font-weight: 1000;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 14px;
  }

  .back-to-top:hover, .back-to-top:focus, .back-to-top:visited {
    color: #FFFFFF;
  }

  .back-to-top.show {
    opacity: 1;
  }
</style>

<!-- Adds the back to top link to your website -->
<a href="#" id="back-to-top" class="back-to-top" style="display: inline;">Top</a>

<!-- Fades in the button when you scroll down -->
<script>
  var link = document.getElementById("back-to-top");
  var amountScrolled = 250;

  window.addEventListener('scroll', function(e) {
      if ( window.pageYOffset > amountScrolled ) {
          link.classList.add('show');
      } else {
          link.className = 'back-to-top';
      }
  });

<!-- Scrolls to Top -->
  link.addEventListener('click', function(e) {
      e.preventDefault();

      var distance = 0 - window.pageYOffset;
      var increments = distance/(500/16);
      function animateScroll() {
          window.scrollBy(0, increments);
          if (window.pageYOffset <= document.body.offsetTop) {
              clearInterval(runAnimation);
          }
      };
      // Loop the animation function
      var runAnimation = setInterval(animateScroll, 16);
  });
</script>
 

 

[=VG= BLuDKLoT]

Yes!! You read my mind Ciro! 

PS - sem still doesn't have internet, power out from weather. 

[=VG= SemlerPDX]

Got the internet back ... at the end of the day.  I can definitely do this.. I'm really surprised you didn't need to use a code block there, but I get that you were trying to highlight stuff with colors, etc.

Yea, no worries on the color, font size, etc., I'll just toss in IPS vars for our current theme, so they'll adjust as needed on various platforms and it will be all matchy-matchy.

  (going to bed now, tho .. will tackle this tomorrow)