I know you can do the custom background for a certain page thing but what about this?

Was google just wrong about having to do the <style> code?

Hi, everyone! I was recently promoted to wiki admin. Today, I'll introduce myself and let you know how I'm helping the wiki. You are welcome to share your thoughts.

About me

I'm Luna (she/her) and I'm a young adult with some professional experience writing HTML, CSS, and JavaScript. (Though a lot of it involves working with esoteric stuff. I am by no means an expert.) I'm also a writer and artist with strong wiki experience; I admin the Autism Living Wiki and Neurodiversity Wiki as well.

I am autistic with inattentive type ADHD. This means I can fixate on projects, be socially awkward, and have unpredictable activity levels. (If you see me do something weird, it's probably because I'm weird.)

Ranstiks promoted me to admin after I found a bug. This allowed me to fix it and solve some accessibility issues in the wiki CSS. If you enable wiki CSS now, it should be less distracting and cluttered, especially on dark mode.

How I will help

Here are past and current projects of mine:

• Get us an organized category tree so it's easier to find articles

• Organize, create, and fix up templates

• Add more pages

• Add more pictures (article illustrations, icons)

• Add new fun features like barnstars and userboxes (future announcements coming soon)

• Improve existing pages (e.g. describing more features, adding info on accessibility & best practices)

Things I cannot do:

• Promote more people to the admin team (only people with bureaucrat rights can do that)

• Promise consistent activity levels (I go where the ADHD drags me; I have quit pretending it isn't my boss)

• Give code advice beyond entry-level stuff

Debugging individual issues in the wiki CSS is a solid "maybe." It is over 4,000 lines long with very few comments. I have no idea what most of it does, and the emotions that it evokes when I stare at it are somewhere around "confusion," "dread," and something indescribable. Still, I fixed several things already. If you tell me about an issue, I may or may not be able to fix it. So give it a shot and we'll see what happens!

Goals

Whatever I do here, I want to help make this wiki educational, accessible, and fun. I love code and I love writing about stuff.

I remember being a teenager learning HTML and CSS so I could customize my deviantART profile page. I was so excited! That joy of learning to code is really special. I want this to be a great place for people to experience and share that joy.

Is there anything you are looking for here? What do you want from the wiki and from its (small) admin team? From "I found a bug" to "I want an article to help me learn X" to "I want more userboxes," let me know! I'll see what I can do.

Hi, I write code for a living and I stopped by here while interweaving WikiNodes. I noticed that the wiki's CSS has a problem that's breaking list formatting. Only a wiki admin has access to the wiki CSS, so only a wiki admin can fix it.

Here's a screenshot of the problem (WikiNode depicted). The right sidebar should display a simple bulleted list, but instead we've got this:

Debugging yielded some strange results.

• I uploaded a smaller version of the list style image to this wiki, which should've been a simple swap for the wiki sidebar. It didn't work. When I threw it in w3schools' Tryit editor, it displayed the tiny image at a large size.

• Next I tested with the pink flower pixel art I uploaded to deviantART years ago. This worked fine in w3schools, suggesting Fandom-hosted images get broken but non-Fandom images do not. IDK why.

To fix the wiki sidebar in the meantime, I threw in list-style-image: none; on each ul. That overrode the giant image, preserving readability.

But that only fixes the problem for the wiki sidebar. This CSS issue applies to every unordered list, including the Fandom-generated table of contents. That's why it looks so spaced-out and funny. It's also why I immediately disabled custom CSS.

My recommended fix:

• To swap: Upload the tiny image to some external site. Put that new URL in for list-style-image instead.

• To skip: Just get rid of list-style-image.

• Then: Confirm it works. Once it does, you can remove the temporary fix I added to the wiki sidebar.

@Ranstiks may be the only one with access permissions to solve the issue.

If I have a background and i set a width for a table cell, how do i make the image width the same as that table cell

I made minesweeper in fandom

Is it good

If it is just say it is

The link is btt.fandom.com/wiki/Minesweeper if you dont wanna look at the image

how do i set a custom style for certain peoples usernames

Is there anyone know how to code a computer version of this? I mean like the YouTube layout in a computer....

I need it for something

I came across a problem while coding, while coding bulletpoints in a tabber, i noticed that only one tab has the bulletpoint and not the others, Could this be fixed?????

I came across this problem where I have one element right aligned and the other left aligned but instead the Tabber just goes on the left where the left infobox is.

Heres a screenshot for reference

EDIT: nm I fixed it

If yes, then can someone show me an example of the code?

Example:

The Natsuki is outside the page and scrolls with it btw

I lowk have no coding experience ToT

I saw something on the IZ*ONE and Loona wikis. when you hover over the link it flashes different colors. does anyone know how to do it?

Why this thing is empty even I have tabber?

Had to space my screen out but how do you make one of these??

Its like an info box and I asked the person who had the code on their profile if I could take it and they said no

I was just gonna ask how I could code something similar to this, I've been needing to remake my ENTIRE userpage and it takes like 2+ hours because I'm not the BEST at coding and I would prefer something easy like this

If anyone knows could you code it into my sandbox here please or just send me the code in the replies !

You don't have the fill in the image or info boxes I just really want a cool userpage like this!

Please and thank you!

Also could you not use rgba colors for this and stick with hex codes when coding, as I'm not very familiar with rgba and horrid at it

Yeah that's it

Click here for my sandbox

Why are the toc unually long ? is it a style preference or an issue on my end ?

I'm trying to make the glow be BEHIND the text and not in front of the text while behind outline, but it's not working, causing the colors to be pastel which I don't want

Side by side of before and after adding the glow code, the outlines supposed to be pink btw dwdwdw

Code: <span style="background:linear-gradient(90deg,#FF00FF,#FF0000,#ffffff,#ffff00,#00ff00,#00ffff); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; -webkit-text-stroke:0.6px #FF00FF; text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff;">'''''Soren :DDDD'''''</span>