Forum:Enabling CSS stuff

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search
Forums: Yew Grove > Enabling CSS stuff
This page or section is an archive.
Please do not edit the contents of this page.
This thread was archived on 18 March 2011 by Suppa chuppa.

Recently, I have developed(with help of Q for added JS and TLUL for helping me get the good code) a tabber and a dropdown that don't require JavaScript to be enabled. The examples could be found [[w:c:joeytje50:Test|here]] in the Tabber- and Dropdown without JS sections. The code required for it can be found [[w:c:joeytje50:MediaWiki:Wikia.css|here]] and [[w:c:joeytje50:MediaWiki:Wikia.js|here]] and the explaination how it works can be found [[w:c:joeytje50:Template:Tabber/How|here]] and [[w:c:joeytje50:Template:Dropdown/How|here]]. The templates themselves are the easy-use templates for it.

I think these codes would really add to the look of the wiki, as we don't have access to a lot of other styling(like how we can't have a good TT locator) so imo we should take every chance possible to look better.

  • Uses for tabber
    • For pages like Zimberfizz as seen in this example.
    • For use on userpages
  • Uses for dropdown
    • For navigation on navigation pages (like portals, skills pages, categories etc)
    • For use on userpages

I think this code would be a benefit for the wiki, and would add to how it looks. Also, even if we won't allow it into the mainspace, why wouldn't we add the CSS and JS anyway? It doesn't hurt anyone, and userpages would atleast look better.

Also at the bottom of [[w:c:joeytje50:MediaWiki:Wikia.css|the css]] is a code for hiding links(removing the underline, other styles can be applied in the element style, like <span class="hiddenlink" style="color:black;cursor:text;>[[hidden link]]</span>) This would just be for fun, and should never be used on mainspace.

So: we would have tabbers that don't need JS, dropdowns without JS and link hiders enabled in short

JOEYTJE50TALKpull my finger 10:54, February 4, 2011 (UTC)


Support all - As nom JOEYTJE50TALKpull my finger 10:54, February 4, 2011 (UTC)

Support adding code - but not using Tabber on Zimberfizz, because that's a layer of complexity that we just don't need. Magic-icon.pngStelercusIlluminated Book of Balance.png 19:43, February 4, 2011 (UTC)

oppose - there's no real reason to implement tabber. Separating information in the manner you have demonstrated accomplishes nothing and is only really a nuisance if, for example, a player just wants to read all information about zimberfizz in one go. As for the drop down menus, there's no real call for these either. Its unnecessary flash that doesn't accomplish anything that we can't already do with a wikitable or a simple bulleted list. kitty.pngPsycho Robot talkSilver bar.png 19:52, February 4, 2011 (UTC)

This proposal isn't to allow it for use on the Mainspace, just to add the code in the first place for use on userpages/portals/project pages/etc. It's obviously going to be banned from being used in the Mainspace by default. Magic-icon.pngStelercusIlluminated Book of Balance.png 19:59, February 4, 2011 (UTC)
Oh, well in that case I support adding the code. kitty.pngPsycho Robot talkSilver bar.png 21:47, February 4, 2011 (UTC)

Support adding code - It's would be nice to have but we don't need more complexity in our articles. Full Slayer Helmet! Evil1888 Talk A's L Dragon Platebody! 20:00, February 4, 2011 (UTC)

Wainot? - Real Crazy 22:15, February 4, 2011 (UTC)

Support adding code, neutral adding to articles - No reason not to add the code, but adding it to articles might be overkill. --Callofduty4 22:40, February 4, 2011 (UTC)

Support code - But don't use it on zumberfizz. This could be really handy for making our calculators a bit better if we can't find a better way to do them. Hunter cape (t).png Sentra246Blue hallowe'en mask.png 00:49, February 5, 2011 (UTC)

Support All - Omg so much win I can't describe. ScionCrush 02:11, February 5, 2011 (UTC)

Support code, Oppose their use in mainspace - Would it be possible to give them different colour schemes to customise them for each portal, for example? 222 talk 03:03, February 5, 2011 (UTC)

We might try something with 3 different classes with the hover colors red, green and blue, and then we set an opacity for the background to get a result similar to RGB colors, but I don't know if it is possible to let 3 different backgrounds with partial opacity over each other, if it is possible to let the opacity not have any effect on the text... I need to test some things before we know if it is possible to have a manual hover color(it is not possible to set this in the element style). JOEYTJE50TALKpull my finger 12:47, February 7, 2011 (UTC)

The code is fine, but keep it out of mainspace - Adding tabs to mainspace effectively multiplies the amount of maintenance work we have to do, as many portions will be repeated between tabs. This means we have to go to great lengths to keep the tabs updated and consistent, for a negligible gain. There is nothing wrong with laying out the information in a clear, concise, and simple manner. --LiquidTalk 03:40, February 5, 2011 (UTC)

Notice - I've gone ahead and implemented the code, as nobody has mentioned any possible downside. However, it cannot be used on the Mainspace unless there is consensus to allow it, which has not yet been determined. Discuss. Magic-icon.pngStelercusIlluminated Book of Balance.png 15:32, February 5, 2011 (UTC)

Oppose on mainspace - I don't care what you do on your userspace. bad_fetustalk 17:21, February 5, 2011 (UTC)

Comment - I added the dropdown to the [[Portal:Example1]] page, for an example how it would look. The skill portal dropdown might need to be split. JOEYTJE50TALKpull my finger 12:36, February 7, 2011 (UTC)

They collide with each other if browsing with the iPhone and you can see such in the Wikiaphone skin. Not sure why this is happening, albeit I haven't looked at the code yet. Otherwise I like how it works with and without the iPhone. Ryan PM 16:44, February 7, 2011 (UTC)
A short explaination of the code: It uses padding to set the width for each option, with each option having a different padding set, because width:... doesn't work for some browsers. But, as Wikiaphone doesn't seem to like the dropdowns, I'll look into it. But, as it works with :hover, is it still available for phones without a hover function? I heard those things just don't work then... JOEYTJE50TALKpull my finger 23:07, February 7, 2011 (UTC)

Comment/Proposal - I've seen some comments on keeping it out of the mainspace because of the zimberfizz example, and I see we aren't gonna get that, but I suggest we do use it for calculators with different almost identical sections, and we could use it for cases like Update hints#TwitPic Feed, where tabber is already used. The dropdowns would be used on portal pages, which already looks good on the [[Portal:Example1|example]]. For people using the wikiaphone it might give problems, but as phones don't have a hover function(they got no mouse) this probably won't give any problems. JOEYTJE50TALKpull my finger 09:10, February 10, 2011 (UTC)

Request closure - The community seems fine with having the code, we can discuss where to use it when the time comes. 222 talk 08:53, March 6, 2011 (UTC)

Closed - Stelercus has already implemented the code. However, the code will not be implemented in the mainspace as there is no consensus to do so. Suppa chuppa Talk 07:12, March 18, 2011 (UTC)