Jump to content

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


Recommended Posts


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!

 

 

  • Like 2
  • VG Spirit 1
  • VG Seal of Approval 2
  • Thanks 1
  • Upvote 5
Link to post
Share on other sites
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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 conf

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 (th

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

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
  • Thanks 1
  • Upvote 1
Link to post
Share on other sites
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)

 :hi: 

  • Upvote 1
Link to post
Share on other sites
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).

 :hi: 

  • Upvote 1
Link to post
Share on other sites

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 Seal of Approval 1
  • Thanks 1
Link to post
Share on other sites

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.

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

  • Like 1
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Terms of Use and Privacy Policy