FFWiki forum logo
Forums: Index > The Labyrinth of Time > Wikia Galleria



<gallery type="slideshow" widths="300" position="right" crop="false" navigation="true">
Yunaffx2wall.jpg|link=Yuna|linktext=Yuna|Yuna ''(Final Fantasy X)''.
Yunasending.jpg|Promotional artwork of Yuna ''Final Fantasy X)''.
FFX-TidusYuna artwork.jpg|Promotional artwork by [[Tetsuya Nomura]] ''(Final Fantasy X)''.
Amanoyuna.jpg|Concept artwork of Yuna by [[Yoshitaka Amano]].
FFX-Yuna sendingConcept.jpg|Concept art of Yuna's sending.
Yuna in dream zanarkand.jpg|Yuna before final battle ''(Final Fantasy X)''.
<gallery widths="100" columns="3" bordercolor="#3300CC">
Asheart.jpg|Promotional artwork.
Ashe-concept.jpg|Ashe's concept art. Artwork by [[Akihiko Yoshida]].
FFXII-AsheWed Concept.jpg|Ashe's wedding concept art.
<gallery widths="150" captionposition="within" captionalign="center" bordersize="medium" bordercolor="#FFD700">
006.jpg|Garnet as a child.
007.jpg|Garnet in the cinematic intro.
280.jpg|Garnet devastated.
410.jpg|Garnet is preparing to cut her hair.
489.jpg|Garnet saying goodbye to Zidane.
  • Yuna (Final Fantasy X).Go to Yuna
  • Promotional artwork of Yuna Final Fantasy X).
  • Promotional artwork by Tetsuya Nomura (Final Fantasy X).
  • Amanoyuna.jpg Concept artwork of Yuna by Yoshitaka Amano.
  • Concept art of Yuna's sending.
  • Yuna before final battle (Final Fantasy X).


Winterwolf ff1 psp
Winterwolf ff1 psp
Dissidia Kuja

New galleries are awful. I just assumed it was only awful on Monaco. Wikipedia galleries just made so much more sense. 16:01, July 20, 2010 (UTC)

The new galleries are terrible, pictures are just different size and all over the place. A lot of people come to FFWiki to look for a picture of a specific scene or thing, because I think this site is much better for finding it that Google Image Search. But visitors, they won't use the categories, they're gonna type in "Oerba" or "Kuja" and look at the pictures in the article and in the gallery. That's why it should be an easy gallery with thumbnails so you can easily see what pictures are in it. And with an article like the Omega Weapon (Final Fantasy VIII) it has pictures of its attacks at the bottom in a gallery, because maybe when you read the battle strategy names like Medigo Flame and Terra Break don't say much, because the attack name isn't exactly what you're looking at when you play, but there you have the pics as well. The old gallery was good for its purpose.Keltainentoukokuu 16:35, July 20, 2010 (UTC)Keltainentoukokuu

I've made it clear through various outlets (mainly IRC rants) how much I despise the new galleries (and how I've been threatening people to never edit the Basch article so the gallery style can stay in tact). Therefore, I vote they are reverted to their former glory, please. However, if this isn't an option, I'd say go for a uniform presentation of the style used in the Garnet images, but change the border colour (yellow is vile). At least this way the images are a uniform size and sit well on the page. - Paramina 19:30, July 20, 2010 (UTC)

The yellow is the MoS standard for FFIX articles. I don't hate it because of the colour, I hate it because the legend is partially obscuring the image. Anyway, since it looks like the new galleries are universally hatred (or at hated by people from the FFWiki), perhaps we should petition the revert over at Wikia's stronghold. Jeppo (Talk | contribs) 19:35, July 20, 2010 (UTC)
I'm aware yellow is MoS for IX articles, I guess I wasn't particularly clear in what I meant: we should have a uniform light grey or something, I don't think we should do galleries in MoS colours, because that will look, as I said, vile. For example:
The legend does still obscure the file, yes, but in a universal grey, it'd be less offensive than a bright colour. Granted, this is only if we can't get our old galleries back. - Paramina 19:41, July 20, 2010 (UTC)
The changes are actually really awesome.
The fact that they changed the default is not.
Sending a bazillion members to say "this sux, change it back" won't do anything. 19:46, July 20, 2010 (UTC)
Nobody has really mentioned the slideshow gallery except me. I've already said I didn't like it without going into much detail.
In theory, slideshows sound like a wonderful idea, especially for galleries with many images. In practice, however, it will look very much out-of-place. For example, where would you put it? In the same place where the gallery was? Believe me, it will stick out like a sore thumb.
I believe slideshows are better used on userpages instead. It may also look good on the main page and make it more flashy, for example cycling through some of the images on the featured article. But other than that, I don't see it working on the mainspace. Jeppo (Talk | contribs) 20:19, July 20, 2010 (UTC)
The slideshow idea isn't terrible and may work on a few pages, however the new galleries are completely horrid. Revert. - +DeadlySlashSword+ 20:30, July 20, 2010 (UTC)
I agree completely. Slideshows, YT videos, and animated GIFs that are longer than two seconds in length (and I do mean two seconds) distract from the article. The gallery is something you can scan your eyes over, and if anything's notable, you can expand it using the spiffing enlarger pop-up thing. I know you don't like it, but that's because you're a user who doesn't consider what a user wants. A user doesn't want to see the file comments, nor do they want to stop viewing their current page. Users can either take one additional click, or just open the file in a new tab.
But the slideshow should no purpose in any mainspace pages, except possibly the main page, which functions more like a project page than a mainspace page. 20:36, July 20, 2010 (UTC)

Isn't it possible to configure the galleries into a Wikipedia Style again? PS: I just jumped all the text above. - Henryacores 23:52, July 20, 2010 (UTC)

I'm voting for the return of the wikipedia style. The pages were designed around this style and appear screwed up in the current look. Netherith 01:47, July 21, 2010 (UTC)

I made a contact with Wikia, and they claim that "there is only 1 set of code for all wikis. There is no way to have 'old' galleries back on a per wiki basis." - daNASCAT. Strangely, if you check out the KHWiki they still have the old Wikipedia style gallery intact. BLUER一番 12:14, July 22, 2010 (UTC)

I don't believe them. "There is only 1 set of code for all wikis" is business-speak for "I can't be bothered to change it, stuff you".
When I make any drastic changes to the wiki, like with the enemy templates for example, I thoroughly test it first, then ask everybody if it is okay, then implement it. It seems that wikia does not do those first two steps and just implement what they want straight away. It's common sense. If something goes wrong, I revert the changes back, fix it, then implement it. It seems wikia doesn't give two hoots when something that they have done goes wrong.
What wikia should've done was kept the default gallery unchanged. If they are incapable of doing this, then I'm afraid they need to sack their programming staff and start afresh. Jeppo (Talk | contribs) 13:08, July 22, 2010 (UTC)
Wikia is full of liars. Check the image category pages. They have corner-bordered wikipedia-style galleries. - Henryacores 14:30, July 22, 2010 (UTC)
Oh. That's from the code I added in the CSS. Apparently the categoryspace isn't affected. Yet. BLUER一番 14:59, July 22, 2010 (UTC)
Jeppo, it's not broken. This is what they intended. They wanted full customisation, and therefore the default has to be fully uncustomised. When you insert an image into an article, the image is displayed. You then have to decide what its width is, if its to be shown as a thumbnail, and the additional text, and what it links to. When you create an image, do you think it should be thumbed automatically? And then only unthumbed if you make specifications. It doesn't make sense. --So what they've done is justifiable. I don't like it. It makes sense. But I don't like it.
Secondly, yes, Wikia doesn't have to change every Wikia wiki at the same time. They have made changes on their biggest wikis (or most effected? there are two situations I may be confusing) before they have made changes on the others. These two changes I'm comparing may have been completely different. I think it was to do with servers different wikis are on actually. Or placed on? Maybe they were moving servers. No, I can't remember.
But their on the same servers. I don't think it would be in their interest to change every wiki that wants different specifications. New namespaces? Sure, that's not hard, since that's something that is changed per-wiki. JS and CSS? These function on page-load, and they apply to each wiki. These scripts are told to load in the code of every page on the wiki.
Changing something in the code of Wikia wikis? I'm not quite sure they can.
They did test it before they implemented it actually. You comment in the blog, yet you don't notice there was testing before it's implemented? Did you see the date the blog was posted? Those screens were taken while it was still technically in BETA. 15:11, July 22, 2010 (UTC)

Strongly support the old gallery style coming back. Doreiku Kuroofangu 16:36, July 22, 2010 (UTC)

Okay, right, I don't think it's possible to change it back.

So I decided to look up on the classes. here. Now, originally:

<table class="gallery" cellspacing="0" cellpadding="0">
   <div class="gallerybox" style="width:155px;">
    <div class="thumb" style="padding:39px 0; width:150px;">
     <div style="margin-left:auto; margin-right:auto; width:120px;">
      <a class="image">{{{image}}} (link)
       <img src="File:{{{image}}}(when resized)" width="120" height="68" border="0" />
    <div class="gallerytext">

So the classes are "" (for the border around the entire gallery), "div.gallerybox" (for the border around the gallery div), and "thumb", which I think is just the thumbnail effect-- but then gallerybox is the outer line. Or maybe thumb only activates if div.gallerybox is here. I'm not sure.

ANYWAY, the new coding is different:

<div class="wikia-gallery clearfix wikia-gallery-position-left wikia-gallery-spacing-medium wikia-gallery-border-small wikia-gallery-captions-left wikia-gallery-caption-size-medium">
 <span class="wikia-gallery-item" style="width:202px;">
  <div class="thumb" style="height:81px;">
   <div class="gallery-image-wrapper accent" style="position:relative; height:79px; width:77px;">
    <a class="image lightbox" style=" background-image: url({{{image}}}); height:79px; width:77px;" href="{{{image link}}}"></a>
  <span class="lightbox-caption" style="width:200px;">

A bit longer and a bit more classes. I have removed a few pointless things from both, for example, the "id"s which don't do anything here. I'm not even sure id does anything other than working as an anchor.

Anyway, the classes are "div.wikia-gallery" "div.clearfix" "div.wikia-gallery-position-left" "div.wikia-gallery-spacing-medium" "div.wikia-gallery-border-small" "div.wikia-gallery-captions-left" "div.wikia-gallery-caption-size-medium" -- "span.wikia-gallery-item" -- "" "div.accent" "" "div.accent" "a.image", "a.lightbox", "a.lightbox-caption".

Okay, so image class doesn't effect the gallery, I don't think the two lightbox classes do anything. A lot of the other ones seem to do nothing special. I wonder if they change based on specifications you put into the gallery??? I'm not sure how the new galleries work.

I can't work out what "clearfix" does. (Note, I'm working this out from the link I supplied above which is wiki-wide CSS)

Now I'm not very good with CSS. But from the looks of things "gallery" has changed to "wikia-gallery", and "gallerybox" has changed to "wikia-gallery-item", and possibly all the other sub-classes do different things that used to work with "gallerybox".

So what we have to do is make all the new classes say what all the ones did, right? I'm not good enough with CSS to confirm if it is possible, and therefore not the ability to do it. I'm just saying in case anyone here knows how to. -But if it's not, the answer lies at Central Wikia. Unless there's an easier way I don't know of. 21:05, July 22, 2010 (UTC)

Okay, here's my js:

.wikia-gallery {border:1px #CCCCCC solid;background:#F9F9F9;width:100%;height:100%;-moz-border-radius:1em}
.wikia-gallery-item {width:150px !important}
.gallery-image-wrapper {border:1px #CCCCCC solid;background:#F9F9F9;width:150px !important;height:150px !important;-moz-border-radius:1em}
.lightbox {border:1px #CCCCCC solid;background:#F9F9F9;width:150px !important;height:150px !important;-moz-border-radius:1em;}

And here's what I'm getting:


So basically, I got the borders back, yet I can't think of a way to resize it. However the text isn't going where I want it to go. Can't think of a way to fix it. JBed 18:15, July 23, 2010 (UTC)

Yes, I also don't like these new galleries. Wikia is starting to remind me more and more of other sites that like to "fix things that don't need fixed" (I'm glaring at you Youtube and Justin TV...). Really, WHY did they bother changing it? The last one was perfectly fine, and didn't take up a crapload of space like this new one does (Old one you could fit up to 5 images per line, now it's hard to even get 3-4 on a single line...). Just my two cents on the whole crap...and I bet there's nothing we can do to get the old galleries back to... Xenomic 04:44, July 24, 2010 (UTC)

Griever Emblem

We have four options:

  • Do nothing - it's always fun
  • Continue the quest to configure the new CSS classes to function like the old CSS classes
  • Use these new galleries and have to add specifications each time - an annoyance
  • Or use [[Template:Gallery]]

Each have their drawbacks except for configuring the CSS. But no one here knows how to. Am I seriously the most knowledgeable user on CSS here? 08:44, July 27, 2010 (UTC)

Yes. Doreiku Kuroofangu 10:23, July 27, 2010 (UTC)
Well hopefully if enough wikis whine about it and wikia have the decency to listen to them, Wikia will revert the changes. However I don't think wikia have the decency. Therefore I vote for the CSS change. If nobody knows the code, we could ask wikia for it. Jeppo (Talk | contribs) 12:02, July 27, 2010 (UTC)
It's not as simple as that. The CSS thing is overriding the new classes Wikia have imposed for galleries since we can't just revert them back ourselves. The key problem is I don't know how to resize images. Wiki software converts on a case-by-case basis using one code, whereas CSS and HTML will just do everything. So I could resize all the images to one specific size basically, while Wiki can resize with a maximum height or width keeping the same aspect ratio. But thumbnail effect must exist in the CSS since "thumb" is its own class and that's where the problem is. I have no idea.
But [[Template:Gallery]] works fine if anyone's interested. :3 12:19, July 27, 2010 (UTC)
The Gallery template has some flaws. Aki Ross: note that the image is knocked out of allignement if the text is too big, also note that it only goes for four images wide. I'm afraid I am having difficulty going through your code so I can't work out how to effectively solve these problems. Netherith 04:26, July 29, 2010 (UTC)
The first thing is fixed. I noticed it a couple of days ago but I was busy then.
The four-on-a-row thing is the only drawback of this thing that I don't think can be fixed. On many screen resolutions, mine included, and I recall BH reverting a Bluerfn edit when he made a gallery auto-row to five. The old Wikia galleries work using MediaWiki magic. Basically, if you look at the source code, it will display as you see it. If your galleries have four on-a-row, the page source will have four tds following a tr. And I'll assume if you have five-on-a-row, the page source will have five tds following a tr, because if it didn't, there's no plausible way you could be seeing five-in-a-row.
The new galleries are different. They use a number of divs, and if the page can fit x amount on a line, it will. Furthermore, if you Ctrl+scroll, you'll notice more and less images fit on a row. Something not possible in the old galleries due to an on-page load.
I could try and code something based around this. How hard can it be? :3 09:39, July 29, 2010 (UTC)

Okay, [[Template:Gallery]]. If anyone finds any flaws, please tell me. The template uses many walk-arounds to work.

  • It uses "hiddenStructure". This is a CSS hack. But we use it in multiple places
  • "". This is an image, 1px wide, 150px high, completely trasnparent. This is because you cannot resize a div. Since it's invisible, I wouldn't expect anyone to find it without looking at the code.
  • It's a td, inside a table, inside a div, inside a span, inside a div. td-s are table cells, for table which is there so the image mentioned above and the image in the gallery can stay on one line.

Your screen resolution will change how many files are on one line. It functions like the galleries do now, which is better than how they functioned before actually. Also, images stay to 119px120px (I think it used to be 120x119px, but instead I took a px from width due to transparent image mentioned above, and I never knew why a px was originally taken from height). And everything's aligned.

So it's a "best of both" kind of thing, where it takes the best parts of the original gallery (the entire design) but it takes the amount-on-one-line-way-of-working from our current galleries.

If you want the status on the CSS override - it's a fail. I'm not even going to try anymore. I cannot resize the images because it won't let me. They don't use img tags, they make the images a background. Furthermore, positioning things in certain places... I don't know why but the text won't recognise its parent element and every single bit of text will just 157 px from the top instead of beneath the top of the gallery entry. Ridiculous. So it's either "position:static" and position thereselves below the image (and if the image is bigger, than the thumbnail, far down the page, and if the image is smaller, goes behind the thumbnail) or "position:absolute;top:67px" where it ignores the parent "gallery-image-wrapper" element and goes to the top. The image didn't ignore its parent element. But it still did it wrong because the image was aligning top-left, gah!

So CSS override is not an option anymore. So we have two options:

  • Choose some default settings we want to use for our galleries
  • Replace gallery tags with the [[Template:Gallery|Gallery]] template

Yeah. 13:38, July 29, 2010 (UTC)

That Aki page looks good with that gallery. Miles better than the current default one. It's just quite a job to implement manually to all the pages that already use the gallery tag...Keltainentoukokuu 15:08, July 29, 2010 (UTC)Keltainentoukokuu
Firstly, I believe it is true that we must edit every gallery either way? If this is the case, the best choice is gallery template. While the new galleries do look fine for perfectly squares images with a background, for everything that is transparent or has a white background look, to say the least, terrible. Thus, it is our best interest for all those poor enemy lists that have been destroyed to use the gallery template. ScatheMote 15:16, July 29, 2010 (UTC)
Yes either way, we'll have to. Which is why I tried the CSS override. But it's just not possible. Also, if we use the template, we can make a category "Articles with galleries", or we can even just use the WLH of Template:Gallery. Which means if we ever want to change it back we have every use of the template recorded.
The only thing is, it will be impossible for us to find every single gallery unless we go through the List of Articles one by one. Articles with galleries will have a gallery header, or if they don't, they'll still show up here because it contains the text "Add a photo to this gallery". But articles with the "Gallery" header will still show up in search even after we change it. 18:42, July 29, 2010 (UTC)
Strangely, the gallery lined up as a single vertical column on my screen, however I managed to subvert it by removing the "enter" after each image in the code. Was this the original intention? Good work, the coding may get a bit messy for the likes of the wallpaper pages but its the closest we've gotten to what we want so far. I vote using this template and will begin implementing it to the TSW and FF8 pages. Netherith 23:46, July 29, 2010 (UTC)
That is strange since I see it perfectly. Browser? I can't think of a reason why that would happen and... say infoboxes don't use two lines. List of Final Fantasy II Enemies work for you? It could be to do with centering... maybe. 23:51, July 29, 2010 (UTC)
It's a browser problem - I had the same issue as Netherith whilst using Safari, but I checked it out in Firefox and it's all good. - Paramina 00:09, July 30, 2010 (UTC)
Yeah, the enemy list is one verticle column as well. I've finished applying the template to the The Spirits Within articles and it seems to be holding up well. I'd say it has passed it's field test. Netherith 00:45, July 30, 2010 (UTC)

Uniform Gallery Type

Griever Emblem

That looks TERRIBLE. Do we really have to change to these? It looked much better as it was. >.> Like Jeppo said, changing things that need no changing.. Fallen-Todesengel 01:36, August 1, 2010 (UTC)

Are you using Safari? Currently, Safari does not display the template correctly. ScatheMote 03:15, August 1, 2010 (UTC)
No, I'm using Internet Explorer. It looks like a really bad version of the previous gallery template we used. Fallen-Todesengel 10:40, August 1, 2010 (UTC)
Perhaps you could take a screenshot to show what the issue is? It should look identical to the previous gallery in browsers other than Firefox. ScatheMote 13:43, August 1, 2010 (UTC)
Edit conflict
Huh? It's nothing like what Jeppo said. Jeppo said he preferred the old galleries, and the new ones didn't need to be implemented. This is a reversion to the old galleries, which Jeppo would prefer.
Secondly, it's almost exactly the same as the original galleries. I'd like you to tell me how it looks worse than the previous gallery since it's exactly the same, maybe with a few pixel differences.
Also I'd like to mention the problem that is said to occur in Safari can't really be fixed... unless it works when you put all the files on one line... I assume it does... - I had to remove all my other browsers (Opera/Safari/IE/Chrome) due to epically slow laptop. Though my laptop is still epically slow. 13:57, August 1, 2010 (UTC)
It's very unfortunate the gallery template doesn't work on Safari browsers, and that's putting me off voting for it since there are people who do use it, especially Mac users. While the gallery wikia has imposed on us is the most ugly thing ever made since Final Fantasy VIII (*dodges arrows*), at least it works on all browsers. Jeppo (Talk | contribs) 00:06, August 2, 2010 (UTC)
But if we make the code in one long line instead of rows, then does it work on Safari then (someone seemed to suggest it would). It is made like that on the Spirits Within pages now. Keltainentoukokuu 14:01, August 2, 2010 (UTC)Keltainentoukokuu
Agreed; I'm on Safari and the Spirits Within gallery works perfectly fine now that it's on one long line. - Paramina 16:58, August 2, 2010 (UTC)

It's it's almost the exact same, why are we changing it? There is no reason to. The old galleries are perfectly fine. Fallen-Todesengel 07:56, August 5, 2010 (UTC)

...Fallen, have you read this page? Wikia (the big dudes that run all of the wikias) has altered the original Gallery layout to the new look. We are currently working on a gallery template that looks the same as the old gallery so that we can save our Galleries. We are trailing the template currently on the The Spirits Within pages to see if they pass inspection before we implement it into the entire FFwiki. Understand what we are doing? Netherith 09:11, August 5, 2010 (UTC)
Community content is available under CC-BY-SA unless otherwise noted.