How do you add text outlines? Say I have a white text and I want to put a black outline/border. I tried looking for stuff that could work but it doesn't show a lot about it.

Hello, I was wondering how to integrate the "Quiz" button into the forums of a wiki I administrate. The only issue is that the article doesn't show how to add the "<div id="quizQ"></div>" to a wiki forum (like how Wikitubia has it; image below). Help will be much appreciated!

Though, im curious; can one text have two animations?

Or, can one (username) text have two animations?

Anyways, this is a css that I'm talking about!

Please give me a example! Thanks!

Is there any existing bot that automatically archives reference links like Wikipedia's?

I've recently updated the Lua-based templates at PKMN Wiki, as they hadn't been updated in quite a while (nearly six years), and that they were using pre-Lua temps. I've noticed that when I use bullet points in them, they create a list, instead of being like how it is on Wikipedia, which is where they are separated by a bullet point, but don't create a list. What may be causing this issue with them?

Why do I feel like the quality of the images of my wiki are being downgraded except for that of the infoboxes? And is there a way to collectively optimize them?

It would be cool if we could know how many people are using a said JS or CSS.

Of course it wouldn't account for those who copy & paste the code, but only those who "invoke" (?) the code from here on Dev Wiki.

Not sure how feasible is that, nor about the possible downsides of making that info public.

What I know is that I am not a very mainstream guy myself, but when I'm looking for tutorials, guides, workarounds, tools, and solutions in general, knowing how the crowds have reacted to a specific feature so far is much interesting, and have the power of saving me a huge amount of TIME.

For example, something like:

Scope: Personal

# Users: 653

Or

Scope: Site-wide

# Wikis: 67

# Users: 1.249

Thank you.

Is the PreloadTemplates (https://dev.fandom.com/wiki/PreloadTemplates) function suddenly not working for anybody else? I have it imported onto one of my Wikis and have been using it for a few years now, but recently I took a few weeks off from editing, and now the preload dropdown menu is just suddenly gone.

Did something change? It used to be directly above "Watch this page". Any help fixing this would be much appreciated.

Hi, I was just wondering if there was any sort of code or existing template (along the lines of {{DISPLAYTITLE:}} that can "forcibly" add TOCs to pages that only have 2/3 sections/subheaders.

I guess I created a bug on my wikis startpage and can't seem to find it.

So the collapse or expand feature of the wiki works on every page, even on the startpage. But there is one case in which it isn't working and that's specifically on the startpage when I'm logged in.

Please try it out and check if it's the same for you.

Visiting the startpage being logged out: the feature works fine.

Visiting the startpage being logged in: the button does nothing, no error in the console, no "is-content-expanded" class being added to the html-node in dom.

The wiki: https://alienswarm.fandom.com/wiki/Alien_Swarm_Wiki

Please help :)

Somehow the "read more" link disappear from my slider. Why is that?

I have this code in my common.css:

/* Fancying up the article titles */
.WikiaPage .page-header__title {
   font: normal 30px Abaddon, serif;
/*   color: white;*/
   padding: 0 3px;
}

It does not appear to be working anymore. Advice?

Recently, a big blank space is shown right under the toolbar of CodeEditor, where a drag'n'drop area used to lie at. What happened?

I tried this on my wiki and it isn't working. Was it discontinued or something?

This code that render cards is supposed to work in personal JS as it did in my browser console.

What is the problem?

function map(val, minA, maxA, minB, maxB) {
  return minB + ((val - minA) * (maxB - minB)) / (maxA - minA);
}
function Card3D(card, ev) {
  let img = card.querySelector('img');
  let imgRect = card.getBoundingClientRect();
  let width = imgRect.width;
  let height = imgRect.height;
  let mouseX = ev.offsetX;
  let mouseY = ev.offsetY;
  let rotateY = map(mouseX, 0, 180, -25, 25);
  let rotateX = map(mouseY, 0, 250, 25, -25);
  let brightness = map(mouseY, 0, 250, 1.5, 0.5);
  
  img.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
  img.style.filter = `brightness(${brightness})`;
}
var cards = document.querySelectorAll('.card3d');
cards.forEach((card) => {
  card.addEventListener('mousemove', (ev) => {
    Card3D(card, ev);
  });
  
  card.addEventListener('mouseleave', (ev) => {
    let img = card.querySelector('img');
    
    img.style.transform = 'rotateX(0deg) rotateY(0deg)';
    img.style.filter = 'brightness(1)';
  });
});