Infobox formatting - MediaWiki-l - lists.wikimedia.org

List overview All Threads
Download

Infobox formatting

How do I add tools to the toolbox...

User Right Issues and...

Brenton Horne

5 Feb 2015 5 Feb '15

8:20 p.m.

Hi, Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton

Reply

Show replies by thread

Brion Vibber

5 Feb 5 Feb

9:38 p.m.

Most probably the template sets the color via a CSS class, that on the wiki you got the template from lives in the 'MediaWiki:Common.css' page (you must be logged in as sysop to edit this magic page, which sets additional CSS style rules for your wiki). If you can't find the relevant styles where you got the template, try checking the HTML of the table for class names (you can use the developer tools in your browser for this, in most browsers you can right-click on something and select 'Inspect' or similar from the popup menu to open that up). Once you have the class name you can write your own CSS styles to set the blue background etc. -- brion On Thu, Feb 5, 2015 at 12:20 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Hi, Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Brenton Horne

9:59 p.m.

This is no such info in the MediaWiki:Common.css page and I don't understand HTML well enough to really tell where the Infobox class is but I know where I found this formatting I wanted was a Wikia site and the infobox's code includes |class="color1" colspan="2" style="text-align: center; padding:1em; font-size:120%" |{{{Box title|{{PAGENAMEF}}}}} I think color1 is what I need. Any ideas of how to get this colouring option? On 6/02/2015 7:38 AM, Brion Vibber wrote:

Most probably the template sets the color via a CSS class, that on the wiki you got the template from lives in the 'MediaWiki:Common.css' page (you must be logged in as sysop to edit this magic page, which sets additional CSS style rules for your wiki). If you can't find the relevant styles where you got the template, try checking the HTML of the table for class names (you can use the developer tools in your browser for this, in most browsers you can right-click on something and select 'Inspect' or similar from the popup menu to open that up). Once you have the class name you can write your own CSS styles to set the blue background etc. -- brion On Thu, Feb 5, 2015 at 12:20 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Hi, Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Brion Vibber

10:04 p.m.

Ah good that's exactly what you need. :D Try adding this line to MediaWiki:Common.css : .color1 { background: #3366cc; color: white; } -- brion On Thu, Feb 5, 2015 at 1:59 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

This is no such info in the MediaWiki:Common.css page and I don't understand HTML well enough to really tell where the Infobox class is but I know where I found this formatting I wanted was a Wikia site and the infobox's code includes |class="color1" colspan="2" style="text-align: center; padding:1em; font-size:120%" |{{{Box title|{{PAGENAMEF}}}}} I think color1 is what I need. Any ideas of how to get this colouring option? On 6/02/2015 7:38 AM, Brion Vibber wrote:

Most probably the template sets the color via a CSS class, that on the wiki you got the template from lives in the 'MediaWiki:Common.css' page (you must be logged in as sysop to edit this magic page, which sets additional CSS style rules for your wiki). If you can't find the relevant styles where you got the template, try checking the HTML of the table for class names (you can use the developer tools in your browser for this, in most browsers you can right-click on something and select 'Inspect' or similar from the popup menu to open that up). Once you have the class name you can write your own CSS styles to set the blue background etc. -- brion On Thu, Feb 5, 2015 at 12:20 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote: Hi,

Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l _______________________________________________

MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Daniel Friesen

10:04 p.m.

Those are part of the wiki design tools that Wikia has. The easiest thing to do would be to use the inspect tool brion mentioned, which also tells you what css rules are applied to the element, and use it to recreate the css classes you need. ~Daniel Friesen (Dantman, Nadir-Seen-Fire) [http://danielfriesen.name/] On 2015-02-05 1:59 PM, Brenton Horne wrote:

This is no such info in the MediaWiki:Common.css page and I don't understand HTML well enough to really tell where the Infobox class is but I know where I found this formatting I wanted was a Wikia site and the infobox's code includes |class="color1" colspan="2" style="text-align: center; padding:1em; font-size:120%" |{{{Box title|{{PAGENAMEF}}}}} I think color1 is what I need. Any ideas of how to get this colouring option? On 6/02/2015 7:38 AM, Brion Vibber wrote:

Most probably the template sets the color via a CSS class, that on the wiki you got the template from lives in the 'MediaWiki:Common.css' page (you must be logged in as sysop to edit this magic page, which sets additional CSS style rules for your wiki). If you can't find the relevant styles where you got the template, try checking the HTML of the table for class names (you can use the developer tools in your browser for this, in most browsers you can right-click on something and select 'Inspect' or similar from the popup menu to open that up). Once you have the class name you can write your own CSS styles to set the blue background etc. -- brion On Thu, Feb 5, 2015 at 12:20 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Hi, Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Brenton Horne

10:09 p.m.

Did that (not sure if that was meant to be under infobox in MediaWiki:Common.css) and no visually-apparent results. On 6/02/2015 8:04 AM, Brion Vibber wrote:

.color1 { background: #3366cc; color: white; }

Reply

Boris Steipe

11:29 p.m.

Try re-opening the page in a new browser window. The CSS gets cached, changes to MediaWiki:Common.css don't necessarily affect the rendering of the page immediately. B. On Feb 5, 2015, at 5:09 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Did that (not sure if that was meant to be under infobox in MediaWiki:Common.css) and no visually-apparent results. On 6/02/2015 8:04 AM, Brion Vibber wrote:

.color1 { background: #3366cc; color: white; }

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Brenton Horne

11:33 p.m.

Could of sworn I ran CTRL+F5 (I'm in chrome) first to clear the cache, but apparently I didn't and now the formatting is the way I wanted it. On 6 February 2015 at 09:29, Boris Steipe <boris.steipe(a)utoronto.ca> wrote:

Try re-opening the page in a new browser window. The CSS gets cached, changes to MediaWiki:Common.css don't necessarily affect the rendering of the page immediately. B. On Feb 5, 2015, at 5:09 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Did that (not sure if that was meant to be under infobox in

MediaWiki:Common.css) and no visually-apparent results.

On 6/02/2015 8:04 AM, Brion Vibber wrote:

.color1 { background: #3366cc; color: white; }

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

Legault, Phillip [ITSUS]

6 Feb 6 Feb

9:49 a.m.

Change This |class="color1" colspan="2" style="text-align: center; padding:1em;font-size:120%" | To this |class="color1" colspan="2" style=" background: #3366cc; color: white; text-align: center; padding:1em; font-size:120%;"| -----Original Message----- From: mediawiki-l-bounces(a)lists.wikimedia.org [mailto:mediawiki-l-bounces@lists.wikimedia.org] On Behalf Of Brenton Horne Sent: Thursday, February 05, 2015 5:00 PM To: MediaWiki announcements and site admin list Subject: Re: [MediaWiki-l] Infobox formatting This is no such info in the MediaWiki:Common.css page and I don't understand HTML well enough to really tell where the Infobox class is but I know where I found this formatting I wanted was a Wikia site and the infobox's code includes |class="color1" colspan="2" style="text-align: center; padding:1em; font-size:120%" |{{{Box title|{{PAGENAMEF}}}}} I think color1 is what I need. Any ideas of how to get this colouring option? On 6/02/2015 7:38 AM, Brion Vibber wrote:

Most probably the template sets the color via a CSS class, that on the wiki you got the template from lives in the 'MediaWiki:Common.css' page (you must be logged in as sysop to edit this magic page, which sets additional CSS style rules for your wiki). If you can't find the relevant styles where you got the template, try checking the HTML of the table for class names (you can use the developer tools in your browser for this, in most browsers you can right-click on something and select 'Inspect' or similar from the popup menu to open that up). Once you have the class name you can write your own CSS styles to set the blue background etc. -- brion On Thu, Feb 5, 2015 at 12:20 PM, Brenton Horne <brentonhorne77(a)gmail.com> wrote:

Hi, Currently my Windows 7 installation of MediaWiki creates infoboxes that look like http://imgur.com/g2Tlh4f when I'd like it look more like http://imgur.com/s0UHES4. I'd especially like the blue title background. How do I do this? Thanks for your time, Brenton _______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

_______________________________________________ MediaWiki-l mailing list To unsubscribe, go to: https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Reply

3372

days inactive

3373

days old

mediawiki-l@lists.wikimedia.org

Manage subscription

8 comments

5 participants

tags (0)

participants (5)

Boris Steipe
Brenton Horne
Brion Vibber
Daniel Friesen
Legault, Phillip [ITSUS]