Forum:Quote/notebox template update

Currently working on updated versions of Quotation and. The major change (aside from the look) is that the notebox template now uses all available width and flows around images (etc), which the quotation one is now set to a fixed width.

Here's what the new versions look like: User:Porter21/sandbox3. Let me know what you think :) -- Porter21 (talk) 13:33, January 26, 2011 (UTC)


 * How is Quotation going to look when at the top of the page, right next to a infobox? ☣Avatar☣ 14:46, January 26, 2011 (UTC)


 * Added an example to the sandbox page. -- Porter21 (talk) 15:55, January 26, 2011 (UTC)


 * Ok not good and I am actually shocked at this, Chrome overlaps the text with the infobox, yet IE dose not (yes that the shocking bit, IE actually got something right). ☣Avatar☣ 23:29, January 26, 2011 (UTC)


 * Good catch. It's not only Chrome either, Safari does the same while it works properly in Firefox, IE and Opera. Guess I'll have to fiddle with it a bit more. -- Porter21 (talk) 00:01, January 27, 2011 (UTC)


 * Think I've fixed it. Also changed the design a bit; never liked the italic style much. -- Porter21 (talk) 07:54, January 27, 2011 (UTC)


 * Yep works fine now. Not to sure of the choice of font size, kinda strains the old eyes. ☣Avatar☣ 20:19, January 27, 2011 (UTC)


 * Well, it was just an idea to save some valuable space while still setting the quotes apart from normal text. It's the same font size as used e.g. by the "fallout-table" class or by the info-/navboxes (11px). In either case, I've reverted back to the "normal size/italics" design. If there are no other objections/problems, the two templates will go live tomorrow. -- Porter21 (talk) 20:44, January 27, 2011 (UTC)


 * Yeah I got what you was doing, I actually prefer the overall look compared to italics, as it is more compact and neater. But to read larger amounts of text than a few words, it does strain the eyes. This is a wild idea, but maybe a onmouseover command that enlarges the text for reading. ☣Avatar☣ 21:20, January 27, 2011 (UTC)

I think the sample text I've used is a bit misleading in this regard. Quotation is intended for short pull quotes, not for quoting long text passages. I've changed the text to something of a more typical length (actually it's one of the longer quotes I've found). I'd rather not rely on JS to make stuff readable if possible. -- Porter21 (talk) 21:43, January 27, 2011 (UTC)


 * Yeah, that makes a world of difference. But in reference to small pull down quotes, should something like these be re-evaluated for inclusion in the page, or be using a different template? ☣Avatar☣ 21:55, January 27, 2011 (UTC)


 * Well, I don't think they're too long. The new template will include the ability to float quotes left/right; I think the second quote would be fine when floated right (next to the formula). Whether we need to quote J.E. Sawyer for things which are stated in the manual is a different matter :P
 * I've added a third style to the sandbox, with a slightly larger font. Not sure whether it still stands out sufficiently, but it's probably easier to read. -- Porter21 (talk) 22:04, January 27, 2011 (UTC)


 * Looking at all of it, I think the best way forward is to have option 2 as the default. Since the majority of the time it is used is pretty much for single line quotes. But for longer quotes of text, have the ability to switch to option 3. As for Sawyer, it is a extract of his responce on a question he was asked not longer after the launch of FNV. ☣Avatar☣ 22:15, January 27, 2011 (UTC)

I don't like the notebox template. The font's not good and there's too much space between letters. That makes it difficult to read and takes up to much space. An example is First Sergeant Astor's Log. I've taken a look at Porter's sandbox 3 and like the font for quote-option 1 better. Jspoelstra 20:57, January 28, 2011 (UTC)


 * Font and font size are the same as before. I forgot to adjust the line height though; I've added that back in. -- Porter21 (talk) 21:52, January 28, 2011 (UTC)


 * It's better readable now. Font seems improved and the letters are closer together again. This could do. Jspoelstra 22:06, January 28, 2011 (UTC)

New version of Quotation is now live - please let me know if you run into any issues. Just to mention it, I've renamed to Transcript so the name is a better description of what the template is used for. -- Porter21 (talk) 20:29, January 29, 2011 (UTC)


 * Is the text supposed to overlap the image of the quotation mark? Also, I don't like having a single quotation to just start the quote, but rather two -- one being for the beginning and end of quote. (Using latest version of Firefox that isn't the 4.0 beta) -- Ghouly89 (Talk) 23:35, January 29, 2011 (UTC)


 * I do like the added option of positioning (floating) the quote marginally in the article content. -- Ghouly89 (Talk) 23:38, January 29, 2011 (UTC)


 * Yes, the text overlapping the quotation mark is intentional - it's a fairly common design. Added closing quotation mark and made the quotation marks lighter to improve contrast. -- Porter21 (talk) 11:41, January 30, 2011 (UTC)

What happened to the quotation marks? They have become very small. Can you restore the previous version again? Jspoelstra 15:12, January 30, 2011 (UTC)


 * As with any CSS change, please remember to clear your browser cache and purge the page if something does not display properly. The size of the quotation marks has not changed. -- Porter21 (talk) 16:00, January 30, 2011 (UTC)

That worked, Porter. I was thinking maybe the quotation marks could be just a little more visible. It's hard to see them now. Jspoelstra 15:12, January 30, 2011 (UTC)


 * I like it, good work Porter. For me the quotation marks are perfectly discernible. Maybe the brightness/contrast of your OS/Monitor is to set high, Jspoelstra? Ryzawy 18:08, January 30, 2011 (UTC)


 * Thanks. I've changed the quotation mark color back to the old one. If somebody complains that they're too dark now, I think my head will explode :P -- Porter21 (talk) 19:51, January 30, 2011 (UTC)


 * They're to dark now =P *sits back and watches head explode* ☣Avatar☣ 19:59, January 30, 2011 (UTC)


 * Haha :> I think they fit perfectly now. --   ryzawy    (talk)   00:47, January 31, 2011 (UTC)

Bug report time. In Chrome and FF (and most likely safari) the quote if at the top of the page will show above the history drop down menu, as exampled here. Also the notebox div extends over the infobox making links unclickable (Chrome and FF), again evident on the same page. In IE the quote is extending over the infobox, same page again. Also while on IE and I don't know if this is related, but any page that doesn't have a page management box at the top, the first line extends across the whole page pushing the info box down 1 line. ☣Avatar☣ 05:32, February 1, 2011 (UTC)


 * The IE bugs are likely not related to the template; it happens with the old quote template, other templates which worked fine previously and on other wikis as well, so I believe it's caused by Wikia's latest updates. The other bugs I'll look into - things like this are why I usually prefer not to work with z-index, but hey, people wanted a closing quotation mark ;) -- Porter21 (talk) 08:05, February 1, 2011 (UTC)


 * Ahhhh, got you. Why not just go into the minus for z-index values? I don't know if you got anything else that should affect the stack order. ☣Avatar☣ 09:08, February 1, 2011 (UTC)


 * Yeah, that's what I wanted to try out before my internet connection gave up on me (>_>). I didn't want to use it originally because I seemed to recall that there are some problems associated with negative z-indexes in IE6/IE7 (surprise), but maybe it works. -- Porter21 (talk) 01:01, February 2, 2011 (UTC)


 * Why are people still using IE6/7, might as well be using netscape. But anyway, if I remember correctly the z-index issues was down to inheriting issues from the parent element. ☣Avatar☣ 01:21, February 2, 2011 (UTC)


 * IE6 I'm not really concerned about anymore at this point, but IE7 is unfortunately still rather widely used. Some people can't be helped I guess. -- Porter21 (talk) 01:27, February 2, 2011 (UTC)


 * Well it works on IE7 (just tested) and it doesn't even render the history button (let alone the drop down) on IE6. But I am impressed and surprised that the games template does in IE6. ☣Avatar☣ 01:35, February 2, 2011 (UTC)


 * :) IE6 is officially not supported by Wikia's new skin (according to a staff member), so I'm not surprised that probably quite a few things don't work there, especially considering the skin barely works in IE7+ which supposedly are supported :P In any case, IE6 users amounted to less than 1% of the wiki's visitors as of half a year ago, so I'm no longer bending over backwards to get things working for that bane of a web developer's existence ;) -- Porter21 (talk) 01:52, February 2, 2011 (UTC)