Fandom

Infobox Wikia

Mentoring:CrossFire Wiki

226pages on
this wiki
Add New Page
Talk0 Share
Mentoring requests CrossFire Wiki

What is your username?

RonBWL

Are you an admin on the wiki you are asking about?

Yes

Please link to the wiki (or the specific templates or pages you want help with) here:

http://crossfirefps.wikia.com/wiki/Template%3AWeapon

What would you like help with (e.g. styling or making an infobox or page portable)?

I'm having trouble aliging the main image of the infobox. Previously we were able to align center the | images= field so that when a full-sized image is put there or multiple one with Tabber option, they always stay in the center. This portable infobox just align-right by default and I can't seem to find anyway to force it to align center - workaround for single image is okay ( using |center option ) but tabber images won't align center no matter what

Any other information (e.g. links, screenshots, or snippets):

Templatecomp

This is the comparision of 3 templates (portable/New, non-portable/old and default Wikia one): 

In order to ensure you can implement and maintain a Mentoring solution, how would you classify your technical (in CSS, Templates, and Infoboxes) skill level (or those of whomever will be maintaining your Templates)?

I myself have moderate CSS / Template / Infoboxes and can understand basic concept.

Responses

This happens because someone / something changed the default infobox width to 270px. The easiest workaround is to remove that change, alternatively this can be changed using css, something like:

.portable-infobox {
    width: auto;
}

Or

.image-thumbnail img {
 width:100%; 
}

Also, portable infoboxes don't allow inline css. Dessamator (talk) 13:21, June 29, 2016 (UTC)

Thanks for your answer.

Tabbererror

Unfortunately using widths=auto causes info boxes with Tabber option to look like this. I tried removing some custom aligning code in the CSS and it still refuses to default to image's widths.

Also is there any way we can make Tabber looks the same with other one in our Wiki? It looks like this in the old template. RonBWL (talk) 06:47, June 30, 2016 (UTC)


The second option does work with a small change. See : http://infoboxpreview.appspot.com/?snapshotId=-KLWZtCfZo1Ok6k0spLI

> Also is there any way we can make Tabber looks the same with other one in our Wiki? Sure, it is just a matter of adjusting your css to look like that. You can see an example here: http://portability.wikia.com/wiki/Portable_Infoboxes/Syntax


Dessamator (talk) 13:51, June 30, 2016 (UTC)

Thank you so much.

One problem with second option is, when we define image widths, it enlarge all images on our Wikia, breaking the small icons on other templates like Updates, etc... Is there anyway I can force the .image-thumbnail img to work just inside the new Infobox?

RonBWL (talk) 06:48, July 1, 2016 (UTC)

Sure, see : http://infoboxpreview.appspot.com/?snapshotId=-KLaF63N2haCCqN9NuEM\ Dessamator (talk)

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.