` only makes these "empty" paragraphs that do nothing [00:05:34] [2/3] https://cdn.discordapp.com/attachments/407537962553966603/1274519522249801778/image.png?ex=66c28c4d&is=66c13acd&hm=15672e1e9de01bf1b17e5eb0a3dc232c544a7ed7332259dc1e6823108924cdff& [00:05:34] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1274519522476556299/image.png?ex=66c28c4d&is=66c13acd&hm=43a7f5a8034f414308529900639a49fbb34f84d65e4757ca379dea445e4bc9b0& [00:06:14] hack:

with padding? [00:06:41] Are you looking for something like "

/div" at the end of your template? [00:06:41] https://meta.miraheze.org/wiki/Template:%7b1 [00:10:15] Or I guess I could just add CSS margins to the element itself [00:30:13] we love {{-}} :D [00:30:13] https://meta.miraheze.org/wiki/Template:- [00:30:14]

[00:30:21] true wikibot [00:35:20] Hmm, is there a way to change a sidebar image via variable? ie, if it has ID of 3, it would choose a certain image than its default? [00:37:12] I'm looking to change `#footer, body {background-image: url()}` for certain pages while keeping a defaulted one. [00:51:59] ok to change the sidebar image based on a variable such as a page id, you can utilize a combination of CSS and JavaScript start by assigning unique IDs to each of your pages which allows you to identify them individually. Set a default background image for the sidebar in your CSS. [00:52:31] for example, you might use #sidebar { background-image: url('default-image.jpg'); } to establish a baseline appearance. [00:58:05] [1/6] No need for JavaScript, if your skin adds classes based on the page name you can do this: [00:58:05] [2/6] ```css [00:58:05] [3/6] body.page-Page_name #footer { [00:58:06] [4/6] background-image: url("your-custom-image"); [00:58:06] [5/6] } [00:58:06] [6/6] ``` [01:03:10] [1/7] The only downside is that you'd have to do this with every single page you want to have it customized. Another idea is to have a custom element via a template that generates something like this: `/span` [01:03:10] [2/7] Then on your css you can do this: [01:03:11] [3/7] ```css [01:03:11] [4/7] body:has(.footer-1) #footer { [01:03:11] [5/7] background-image: url("your-custom-image"); [01:03:11] [6/7] } [01:03:12] [7/7] ``` [01:12:00] Yeah actually. [01:24:50] The former would work if it was singular case per side bar (this wiki has over 300 pages planned, im not that psychotic) [01:25:43] [1/7] So if I did [01:25:44] [2/7] ``` [01:25:44] [3/7] body:has(.className) #footer { [01:25:44] [4/7] background-image: url("your-custom-image"); [01:25:45] [5/7] } [01:25:45] [6/7] ``` [01:25:45] [7/7] would this be acceptable? [01:26:16] okay cool [01:33:07] Hi there! Our wiki is looking to clean up our CSS theming. Based on what I've read, is it safe to clear out Common.css and .css if we want to start fresh/back to vanilla? [01:34:31] sure [01:37:11] [1/2] cool! and are there other CSS files associated -- actually a better question may be, is there a resource for this somewhere? Like what all the CSS files are and what you should touch and what not to touch, per skin? I wasnt really sure where to start looking, perhaps I need to dig into the mediawiki documentation more to understand the theming system but I was honestly just conf [01:37:11] [2/2] used. [01:41:31] Does this require quote marks? ie (".footer-1") [01:45:29] CSS declarations should not have quotation marks around them [01:52:49] [1/2] I ask because this returns an error [01:52:49] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1274546513682497596/image.png?ex=66c2a570&is=66c153f0&hm=f4c2ab2d5b4b4c672b2a5234259688d6d69601904a69383925a0517a72fde109& [01:54:38] this feels overkill [01:54:45] what about body.className #footer [01:54:56] wait no i'm stupid [01:55:41] I'm just trying to call for a unique ID/Class for certain pages to change the sidebar/footer when appropriate. [01:55:48] Let me try the individual case rq [02:00:15] Ok [02:00:20] Individual cases works [02:01:45] Oh could `body #IDname, #footer #IDname` work? [02:24:12] hey um [02:24:27] so I need help making this on my wiki [02:26:30] https://cdn.discordapp.com/attachments/407537962553966603/1274554992191213669/Bio_left_side_of_the_original_characters_page.png?ex=66c2ad56&is=66c15bd6&hm=1349f177878bd1214c4ff1ffdfc4d4dffc0b080474f1f1688015e10efe2faa6a& [02:26:39] uh and idk how [02:47:58] What do you need help makin? [02:49:53] I made a post explaning about drop-down menus. idk if I need a template [02:52:28] I'm a buck fifty with ya [02:52:31] idk what a drop down menu is [02:53:57] `mw-collapsible` is the thing to make tables and stuff open and close, if thats what youre talking about? but idk [02:58:22] idk [02:58:26] maybe? [02:58:35] it's this: [02:58:42] https://cdn.discordapp.com/attachments/407537962553966603/1274563095070773381/Bio_left_side_of_the_original_characters_page.png?ex=66c2b4e2&is=66c16362&hm=5515ed34028d215a1a87101ec08f865b68216ea15ed10c247f1de2f920d3ca72& [02:58:52] but it has the ability to close [02:59:11] to just the "Contents" part [02:59:28] yeah it has a lot of internal links to part of the page. [03:04:13] Oh thats a TOC [03:04:23] `TOC` [03:05:37] You can also use `NOTOC` and `FORCETOC`, to hide and force it to appear [03:05:55] what's a TOC mean?? and how do I format it? [03:06:01] https://cdn.discordapp.com/attachments/407537962553966603/1274564936890323015/Bio_left_side_of_the_original_characters_page_Example_1.png?ex=66c2b699&is=66c16519&hm=ca0206d2d45f2f7ca94abce499dcf5da9cce67fc9d2c3e6393456f09d1cd8686& [03:06:06] like this? [03:06:39] Table of Content and the formatting is as we showing you, it will automatically pickup the headers done == TITLE == [03:07:01] ah okay thanks [03:07:08] i'll try it out and let you know [03:09:07] The TOC can sometimes appear on big pages with many headers so that's why NOTOC exist for when you don't want it and FORCETOC is when you have too few headers but still want it. The TOC appears in different ways on different skins but you should always have one as part of the a skin. [03:10:13] how do I implent the skin? [03:11:43] It's automatic you don't have to deal with it, you can change of wiki skin but that's another topic (on which I'm not that knowledgeable), for the TOC there's no concerns to have, my point was that it will always be visible and as far I know no skin disables it. [03:13:58] I am getting started onboarding users. I have someone to add to beauracrats. Also when i set the wiki to private (rigth now it is on public) i need to verify the users. I have found list users but i don't see where to add roles to users or users to groups., [03:15:32] oh okay thanks' [03:15:44] Sure 🙂 [03:16:52] oops [03:17:00] I forgot to mention something importany [03:17:29] Uh how to make the table appear on the left? (I have the infobox on the right side?) [03:18:53] Uh if I recall t should work by default, the infobox are usually built with a built-in float meaning that they won't take the space on the left [03:19:04] Tho it's specullation from observations [03:19:11] I want them too [03:20:34] Oh you want the info on the left ? I thought we were still talking about the TOC, not sure, I have played with CSS but haven't figured that part yet. Might be worth waiting for someone more knowledgeable 🙂 [03:20:47] `style="float:right; margin-left: 100px;` [03:20:53] Add that to the wikitable [03:20:56] ah okay. I meant the TOC on left. [03:21:25] Then my point stands, the TOC will take that space by default [03:21:52] that's not showing up as code? [03:21:57] it's not purple [03:24:01] wdym not purple [03:24:14] lemme take a screenshot [03:29:05] https://cdn.discordapp.com/attachments/407537962553966603/1274570740951421018/Miraheze_Wiki_issue.png?ex=66c2bc01&is=66c16a81&hm=118167bfd24a89617e2b624ddc18cff573a185005a9830daf410b455194657c9& [03:30:30] there [03:40:28] [1/2] this is the issue [03:40:29] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1274573607590170635/image.png?ex=66c2beac&is=66c16d2c&hm=6a31c4b496eff45c657817d9753463c69f24207ece1609fd8753111e4235aa8d& [03:42:38] what are you trying to do? [03:47:30] You need to modify your infobox. [03:47:41] drop-down menu on the left [03:47:57] it's not an infobox. I have infobox on the right [03:48:18] Oh the TOC [03:55:29] style="float:right; margin-left: 100px;' [03:55:40] as you can see [03:55:56] that code is an issue because it's showing up as text]\ [04:03:04] you need to open and close the quotes with the same type of quotes. [04:03:26] this one " or this one '? [04:04:53] to be honest i am not sure which. in html it has to be in a tag attribute and you use double quotes [04:05:10] ah okay [04:05:49] style="float:right; margin-left: 100px;" [04:05:51] i would do it by editing the CSS instead if the target has a class or id [04:07:35] how do you do that? [04:28:34] [1/2] ah I got it [04:28:34] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1274585710367735818/Bio_left_side_of_the_original_characters_page_THingy_actual_page_example.png?ex=66c2c9f2&is=66c17872&hm=1967e9fc74f0be3ec65032f7454f5c6131227425143b03fdafd76446b0524b1c& [04:28:39] it's okay [04:31:18] that's good. i can't remember where i was able to add css right now. i was going to go search through the wiki backup files 😂 [04:31:55] lmao. it's okay [04:32:05] I just need help with the minuses [04:32:13] https://cdn.discordapp.com/attachments/407537962553966603/1274586627506700360/Bio_left_side_of_the_original_characters_page_error_1.png?ex=66c2cacc&is=66c1794c&hm=6418923ac727f30bff7bb20a1ca64457a87fe9db12af343844f05b9aa542b263& [04:32:16] this? [04:35:32] looks normal. i don't follow. [04:35:45] if you click they turn to pluses right? [04:35:49] the minuses close it? [04:35:56] here is the example I followed [04:36:05] https://cdn.discordapp.com/attachments/407537962553966603/1274587603324112938/Bio_left_side_of_the_original_characters_page.png?ex=66c2cbb5&is=66c17a35&hm=b5e101a56236f83eecc6e839a417eaae9830efc61c2b19bed19c45c9e0e1375e& [04:36:11] it's just expands the details or hides details [04:36:19] as you can see it, the minuses are not there [04:37:23] maybe someone else knows about that. [04:37:36] how do I bold the text? for the headers too? [04:46:31] @CSS/JS Support Volunteers [05:32:00] ''' Text ''' iirc is bolding text, but idk for headers. [05:34:43] the usual CSS modding procedure - pick something w/ element inspector, poke around the element, add that to MediaWiki:...css page [05:34:57] I figured out the code that's causing the minuses, but idk how to remove it. [05:36:02] where is the button for that? [05:38:52] right click, depends on browser how it's called [05:41:38] i can't figure it out. is there an easier solution? [05:59:27] Hmm.. How would I create an onion skin for an infobox image? :o [06:15:16] wdym? [06:16:10] Github has this thing for comparing images called an Onion Skin. Basically, it's just a slider. [06:16:15] [1/3] no [06:16:16] [2/3] you can try look up on other CSS'd wikis tho but chances are you'll confuse yourself even more [06:16:16] [3/3] learn CSS, not a bad thing for any wiki admin from my experience [06:18:25] [1/4] I loathe github so idk what's that lol [06:18:25] [2/4] if you mean just having several images in infobox tabs can be done in classic, gallery is used for that in portable [06:18:25] [3/4] plus putting two images together next to each other is possible [06:18:26] [4/4] is what you're looking for looks like slider gallery? [06:20:58] One image is overlapped onto another image, and it's transparency is removed as the slider increases; basically. [06:23:12] I think this goes harshly into LUA shit :( [06:29:46] On the plus side, my rendering program is being AWFULLY kind rn woo [06:32:25] [1/2] do u have a link to this github onion skin :0 [06:32:25] [2/2] but also on the other hand why do u need something so complicated for a infobox lol [06:32:42] because [06:32:44] i am fancy™️ [06:33:40] [1/2] best i have on hand rn [06:33:40] [2/2] https://github.blog/news-insights/behold-image-view-modes/ [06:33:59] that and i rather not have so many fucking {{IG}}'s called lmao [06:33:59] https://meta.miraheze.org/wiki/Template:IG [06:34:01]

[06:41:01] uh does this work.. `{{testing}}` [06:41:01] https://meta.miraheze.org/wiki/Template:testing [06:41:11] okay so just [06:41:13] code that okay [07:00:36] or just type \ before the {{ [07:00:39] \{{test}} [07:00:39] https://meta.miraheze.org/wiki/Template:test [07:01:42] Yeah but like [07:01:45] rememmbering [07:01:50] im trying to make an infobox cuz some of them broke when they got imported to miraheze with portable infobox builder but when i try to use a template in a page theres no documented parameters. do i need to add them in manually or sum? [07:03:36] mfw i dont document anything [07:04:34] [1/2] fandom infoboxes shouldnt break when being imported, if they show up as just text you just have to make a small edit somewhere (a space or something) to make it fix itself [07:04:34] [2/2] if youre making a new infobox yeah you have to edit the templatedata to make parameters show up (theres a "edit templatedata" button when editing a template page) [07:26:08] Wait, where is that button ? [07:28:25] Ah it's an extension [07:28:26] TemplateData is an extension too, must be enabled [07:29:48] :squint: [07:30:13] Seems complicated for not much (in my case), I tend to just provide an example of said template on the template page. ¯\_(ツ)_/¯ [07:30:34] Hello [07:30:35] I have a very annoying problem: the notification icon does not appear on the mobile version, as in the photo [07:30:36] it adds the thingys for visual editor [07:30:47] https://cdn.discordapp.com/attachments/407537962553966603/1274631564487168091/Screenshot_2024-08-18-09-29-21-487_com.android.chrome-edit.jpg?ex=66c2f4a6&is=66c1a326&hm=79b0d8696e836bc153c97748776c3c0a40f6492322612237b79f9a13b3382829& [07:31:25] [1/2] that's minerva, nobody likes minerva [07:31:25] [2/2] also perhaps you got logged out [07:32:19] it's more for people who are afraid of source editor [07:32:29] Fair [07:33:07] coulda sworn templatedata is just on by default [07:33:19] https://cdn.discordapp.com/attachments/407537962553966603/1274632202596126731/image.png?ex=66c2f53e&is=66c1a3be&hm=0b14dc9696aa5b07c2e4e188933006afec5072c2da88771c9bbc2fa5e323d4fa& [07:33:43] I don't remember it being enabled by default [07:33:49] It isn't here* [07:33:52] never was on my wikis at least [07:34:17] Also may I suggest a node for HeaderTabs about it not being compatible with 1.42+ ? [07:34:45] It doesn't say anything in the extension menu so if you don't check the page you don't know [07:34:52] > [18/08/2024 17:33] coulda sworn templatedata is just on by default [07:34:53] nope [07:35:13] > [18/08/2024 17:34] Also may I suggest a node for HeaderTabs about it not being compatible with 1.42+ ? [07:35:14] good idea [07:35:35] Note: This extension is currently incompatible with MediaWiki 1.42, and so does nothing at the moment. [07:35:38] phrasing okay? [07:35:44] I tried to use and it just wasn't and it reminded me of someone else here too suffering from that 🙂 [07:35:58] Perfect, in red if possible 😛 [07:36:05] red feels excessive [07:36:42]