Talk:List of Lonelygirl15 videos/redesign

From LGPedia
< Talk:List of Lonelygirl15 videos
Revision as of 16:28, 21 March 2007 by Renegade (Talk | contribs) (Fixed?: nope, that wasn't it.)

Jump to: navigation, search

Yikes, that is not working, especially the TOC. I think floating it is not a good idea. -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 19:18, 19 March 2007 (CDT)

The TOC is temporary until Owen added the necessary CSS to get Template:HoverTOC working. Pretending the TOC isn't there, what doesn't work?
~ Renegade (talk | contribs) 19:36, 19 March 2007 (CDT)
Other than that, I'd say it looks pretty good. The only suggestion I'd offer is a slight one: in the section that pops up, could you make the text wrap around the picture instead of the picture hanging on the left side with a bunch of white space? That ought to be an easy fix, and would make the look more in line with the main page style, perhaps. Oh, one more thing I forgot to mention before: the background blue is not a perfect match with your banner, but that also ought to be an easy fix. (Edit again to add: Oops, no it seems to be a faint gray line in the graphic; was that intentional?) -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 20:18, 19 March 2007 (CDT)
Actually, that was the original setting, and I consciously coded it to not do that anymore - it looked like [expletive deleted]. Keep in mind that, with the TOC gone, the text has twice as much room to expand; also, in my tests, it was mostly a single line ending up below the image, which was why it looked so bad. That is not a no, more of a request to postpone the decision until the TOC is gone and/or more descriptions were added, so you can see the text flowing without restrictions.
[REMOVED - Owen added the code in the meantime]
The blue, well...are you looking through IE? 'cause on FF, at least on my screen, it's a perfect match. Although I did see in IE what you mean, there's no way around this...the color will always be off for someone. The color I chose, however, is the one told to me by Photoshop when I color-picked the large blue area in the graphic.
The "grey line" is part of the original LG15 header graphic, while the part below is just plain blue...a small part is kinda conflicting there. So no, it's not intentional, I just hoped nobody would notice :P I'll fix it as the last thing. (Remind me of it.)
~ Renegade (talk | contribs) 20:41, 19 March 2007 (CDT)
P.S.: Waaaaah! Evil editing conflicts! Sudden edits mid-edit!
P.P.S.: Don't interpret my reply as an unwillingness to change anything...I'm just trying to explain why I did it the way I did it.
I don't see the difference in the colors... OwenIsCool 21:17, 19 March 2007 (CDT)
I just re-uploaded the header image, and while I did get rid of the "grey line", I accidently included a that darn star in the image...since it took me several looks to actually realize it was there, I assume it doesn't particularly destroy the image, but I'd still like know what you guys think...keep or kill?
~ Renegade (talk | contribs) 22:41, 19 March 2007 (CDT)
The colors actually looked fine on my work computer, it was an optical illusion caused by the grey line. However, on my home computer, the page looks awful, and I don't know why. It's possible it has something to do with my dialup connection in an odd way. (You know, compressed graphics or who knows what?) -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 22:44, 19 March 2007 (CDT)
It looks great in Firefox, but is hurting in my IE. Does anyone have safari? I have no access to server log information, but we should have a proportional number on Macs. And a photoshop tip: the coloring should be an easy fix -- in photoshop, don't use the color pick, but manually set that background color to #134b9c and then instead of saving the way you regularly do, you need to hit "save for web". This is how we made it so the images on the main page don't mismatch. --JayHenry 23:42, 19 March 2007 (CDT)
I didn't set the background color in photoshop at all...I just looked at it via color pick in order to set it as a bg color for the table (iow, I selected it once and copy-pasted the hex value). And I actually saved it with indexed colors, so I'm confident the colors got preserved correctly. (Which is kinda proven by the fact that both image and background match on FF.) Thank you anyway :)
Going back to earlier issues, how do you guys like the page as a whole and the slide out divs now that the TOC is out of the picture? And what about the star? Should I leave it in or not?
~ Renegade (talk | contribs) 23:51, 19 March 2007 (CDT)
If it works on the Main Page I'm unsure why you think it's impossible for it to work here. And yeah, IE sucks, but it's what most people use, so we can't go to an option that doesn't load well or color match in IE. This redesign right now is def better in Firefox, but worse in IE. --JayHenry 00:00, 20 March 2007 (CDT)
if you look at the recent discussion on the main page the images there are set to #0F4C95, which OwenIsCool said he is going to make the official blue background color. For consistency that should be the color here too. Misty 01:14, 20 March 2007 (CDT)
Changed it...but now the color is off in both browsers. (And that's actually not true - the color used on the main page, at least right now, is #194B95)
@JayHenry: After telling you for an hour how much sh*t "Safe for Web" is and how it's nothing but a front end for Index Colors for those too afraid to touch that "technical looking" option in the edit before, I just proved and disproved myself at the same time: Looks like the first color in the index isn't necessarily the main color, so that part of my rant is void - however, the main color chosen by Safe for Web is...exactly the same as before. So, while Safe for Web doesn't automatically f*ck up the colors as I assumed (although I did find the slide to do that), it doesn't do anything I didn't do myself before, and it will not fix the situation.
In addition, it seems like the only "safe for web" color in that range is #003399, so not even that colorspace is available as a fallback.
So...how about whoever saved the images on the main page grabs my header and saves it for web? Maybe that helps?
~ Renegade (talk | contribs) 08:33, 20 March 2007 (CDT)

Okay, I sampled the color, and I came up with #0e4093, but when I tested it, although it looked better, it was not a match in Firefox. IE looks good though. I guess there is an issue of browser dependency. (Oh, and Renegade? Yes, I am, and I don't even follow OpAphid, so go figure.) -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 14:26, 20 March 2007 (CDT)

Err...it might be my MeltedCheeseMemoryTM at work, but...what are you? -_^
Anyway, since #194B95 from the main page magically seems to work, I'll try and see if I can give the header a nudge to use that as the base color, and then set the page to use that. Kinda sucks, but if the sheeple insist on using IE -_-
But...what about the damn star? Keep or kill? (Why is everybody ignoring that question?)
~ Renegade (talk | contribs) 18:24, 20 March 2007 (CDT)

PLEASE EVERYONE READ THE COLOR DISCUSSION ON THE MAIN PAGE TALK. OwnenIsCool wants to have Official standardized colors, but currently there is too much difference in the color of different image files. The Images have to be standardized first, then we an match the HTML colors to it. If we solve the pronblem for the main page before trying to get the colors to "look right" here then maybe guys like renagade won't have to waste there effort getting it to match only to have to change it later to the OFFICIAL colors Misty 21:48, 20 March 2007 (CDT)

I have seen the color discussion, at least the table - point is, not only does the official color proclaimed in that table divert from the one actually used on the main page, but it actually, plain and simply, isn't the one used in the official lonelygirl15 flower background - at least not the one I downloaded. And given the fact that, at least under Firefox, both my header and the table background matched perfectly, I am inclined to believe that my color picking was correct, and the problem is merely Internet Explorer's inability to interpret hex colors correctly.
iow: Standards are a nice thing - but if they're wrong, they help no one. Your approach itself is wrong: There's no need to standardize the images first, then base the HTML on that. The original header image has a certain set of colors. I suggest a bunch of other people just downloads the header directly from lonelygirl15.com, and they all color-pick various parts of the image. Then we can compare. We should all have the same values, and can then base all future images and HTML on that. Instant standard - "the colors used in the original header". If and image doesn't meet the original colors, do to wrong color reduction, the image is off, and has to be fixed - not the HTML. All I know, for now, is: Photoshop showed #134b9c for the base color, and Firefox's interpretation of #134b9c matches perfectly (on multiple machines, apparently). That all points to #134b9c being the correct base color. And I'd rather go with the correct color than a wrongly standardized one. Unfortunately, on Planet Microsoft, color codes don't mean jacksh.., and #194b95 (the one from the main page) seems to be the only one looking the same in both browsers.
·bling·...IDEA. Unrelated, but it just hit me: Apparently, IE renders HTML colors differently then the ones saved in images, right? So if everything else fails, I could just re-code the borders as table-cells, and make the background a 1x1px png with the correct color! That way, we'll have images next to images, and they'll all be rendered the same way!
~ Renegade (talk | contribs) 22:43, 20 March 2007 (CDT)
I think we are actually saying the same thing, the images do need to be fixed, so that the edge pixels are the same on all the images that blend into the background. On the main page i started the discussion from a sample of an edge pixle of Leftcorner.png and just assumed that everything matched that (#0F4C95), but later I found out that other images had differeng shades of blue. when you got #134b9c were you sampling an edge pixel or a pixel from the middle? Misty 23:10, 20 March 2007 (CDT)
Several places in the middle of the large blue area to the right.
~ Renegade (talk | contribs) 09:22, 21 March 2007 (CDT)

photo montage

I think the photo montage would be better if we used tables, and had them lined up, rather than spacing them with
tags and staggering them. What does everyone else think? Misty 21:56, 20 March 2007 (CDT)

I actually just copied the one from the normal list..it was no special design decision on my part. A table should work just as well, although I'd suggest making it two and generating an offset again...I kinda like that effect.
~ Renegade (talk | contribs) 22:43, 20 March 2007 (CDT)

expanding scroll to top

I noticed that with Safari, and Camino that when you expand a Video entry, it scrolls it to the top of the screen. This didn't happen with the examples on the template page. is this happening on other browswers, and is it supposed to happen? Personally, I don't like it, and think it would be better if it just expanded where it was and only scrolled up to prevent going off the bottom of the screen. Misty 22:03, 20 March 2007 (CDT)

It didn't do that with the examples because, unless you're running 640x480 or something, the page is not long enough to move the examples to the top. It boils down to the same as before: This is the way this solution works, because it's more or less and abuse of standard links. Prettier solutions are possible, but afaik, they all include JavaScript - making it necessary to hard-edit the template, and forcing all users to have JavaScript enabled (especially on Internet Explorer, that's usually not advised). If you do find a tutorial for a script-less solution, I'll be happy to implement it, but until then, this is the only thing I can offer. :/
~ Renegade (talk | contribs) 22:43, 20 March 2007 (CDT)

Fixed?

I believe the colors are fixed. There's probably a slight appearance of different hues, but this should be an optical illusion created by the flowers that are cut off in the image. Part of the problem in IE was that there were actually two different background colors. The table for the images on the left and the images on the right both specified that other background color and for some reason, IE was having trouble resolving that difference. Anyway, it's now fixed super close to #194B95 and should display correctly in any browser. --JayHenry 00:15, 21 March 2007 (CDT)

The edge of the image is #1a4b97, and you still have a mixture of #0F4C95 and #194B95, so it can't be fixed. But why bother trying to "fix" it until all the images are fixed, and there is consensus on what color it should be. Misty 00:40, 21 March 2007 (CDT)
Okay, I put everything into #1a4b97 ... I don't see any reason to worry about these shades beyond making sure that a page is consistent with itself. The main page is displaying fine for everyone, this page is displaying fine for everyone. Problem solved, IMO. --JayHenry 01:26, 21 March 2007 (CDT)
Great! The corners are still off, but barely noticable in FF. Great job! Thank you :)
I'll convert the montage to tables then, add another round of video infos, and fix the corners. Was there anything else that needed to be fixed?
~ Renegade (talk | contribs) 09:22, 21 March 2007 (CDT)
I didn't even notice the corners until you said that. They're actually a little image file in the corner of the box, huh? Is there any way that someone with IE can see the table of contents? And look, I'm not a big defender of IE or something, but our responsibility is to LG fans, not Mozilla. --JayHenry 10:16, 21 March 2007 (CDT)
I know, I know...I didn't realize IE doesn't even support :hover until it didn't work -_- I'll see what other options there are.
I re-uploaded the corners, however, while they fit perfectly again in Firefox, they are, for some reason, off in IE...again. -_- They definitely use #1a4b97 (as proven by the fit on FF), so I have no idea wtf is going on...the only thing I could imagine is that IE interprets the palette differently, but then the image would be destroyed as a whole, not just slightly darker...
What concerns me even more is that, for some reason, the corners are not actually in the corners anymore in IE. They worked fine yesterday. I'll have to look into that.
sigh...I f*cking hate it to destroy a perfectly fine webdesign just to support Microsofts broken piece of cr*p.
~ Renegade (talk | contribs) 10:38, 21 March 2007 (CDT)
(Whoops, edit conflict, I guess you got there ahead of me...) There are a few things wrong in IE, but rather than explain, here's a piece of a screenshot:

File:ListRedesignIE1.jpg
It's spaced wrong on the bottom, too. (And that grayishness around the "LG" is just a picture compression artifact, not an actual page problem.) I'm far more concerned about the spacing than the slight color difference. -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 10:41, 21 March 2007 (CDT)

As I suspected, the problem is that it's centering vertically, and the size is different on IE than on FF. Putting "valign=center" takes away the problem on the top, but makes it worse on the bottom. Still This leads me to think that there is bound to be a simple fix for the problem. -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 10:46, 21 March 2007 (CDT)

Ignoring the issues of this page for a moment to illustrate, here's the bottom of the official list in IE:

File:ListAlignIE.jpg

and in FF:

File:ListAlignFF.jpg
There seems to be a difference in the way the text is displayed that causes the end of the page to be off by quite a bit between browsers. -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 10:57, 21 March 2007 (CDT)

EDITING CONFLICT...again. Here's what I said before you illustrated:
Bah. I think the problem is the way I implemented the montage - I used borders to space the images. I assume IE is unable to understand that the space generated by the borders is part of the absolute height of the page, and assumes the cell with the list is actually 100% big, while it isn't. I'll re-implement the spacing through actual table cells, and see if things improve.
Did I mention I hate IE?
~ Renegade (talk | contribs) 11:03, 21 March 2007 (CDT)
As for killing Bill Gates -- the LGPedia's own Brian Flemming once made a film on this exact topic: Nothing So Strange. --JayHenry 11:12, 21 March 2007 (CDT)
I really think the image spacing is fine, and it's the text spacing that is causing the problem. And when are we getting back to the TOC problem? As it now stands, the TOC is unreadable. -BRUCKER EyeBlueSmall.jpg (Home/Talk/Contribs) 11:16, 21 March 2007 (CDT)
Changed the space implementation, same problem. The destruction happened in the revision where I turned the montage into a table, so I guess that's the problem. I'll see if explicitly setting width and height to 100% or something helps.
As for the TOC...that's currently kaputt anyway, because someone is poking the CSS.
~ Renegade (talk | contribs) 11:28, 21 March 2007 (CDT)