Page 1 of 2

New Website design

Posted: 22 Aug 2006 01:14
by Jean-Baptiste Kempf
Hello to everyone.

We are proud to show you the new videolan Website here.

The design is from the winner of the WebDesign contest and you will see that the global layout has also changed a bit.

We hope that it will please you. :oops:

If you find any bug, you can post it here.

Posted: 22 Aug 2006 11:24
by Asim
hmm... i dont think there was thorough cross-browser testing...

there's a problem w/ being displayed on IE7 beta3.

The bottom bar... (u know... valid xhtml css etc etc) is not on the bottom... the reason for this im assuming is due to div positioning. ( i havent looked @ the code but im sure its something to do w/ the div positioning)

- Asim

Posted: 22 Aug 2006 11:51
by Jean-Baptiste Kempf
Yep. IE7béta3 is still failing. We have already addressed the bug. But, it seems tricky. :cry:

Posted: 24 Aug 2006 18:11
by robertworks
Yep. IE7béta3 is still failing. We have already addressed the bug. But, it seems tricky. :cry:
Hi! First of all, congratulations to the Videolan team for the great move!!! I will not comment the new design, as I was one of the contestants...

Regarding the ie7 issue: try to put a <br /> just before the <div id="footer">
or <div class="clear"></div> . Is pretty much the same thing.

in the css file: br, .clear {clear: both}

This should fix the problem.

regards,

Robert Rusanu
WEBDESIGNER!

Posted: 24 Aug 2006 19:10
by Jean-Baptiste Kempf
Great. I'll try that.
When I got a windows running 8)

You can also comment it. Things can always be improved...
There were a lot of very good designs. Not easy it was to choose.

Posted: 25 Aug 2006 11:00
by Tombigel
Thank for giving me some credit even though I was only the runnerup.

Anyway - good design choice, I think it has some refining to do (like right column behaviour on window resize).

If you want me to release the Icons I made for my design, Just say so.

Posted: 25 Aug 2006 11:23
by Jean-Baptiste Kempf
Well, we are very thankful to anyone that gave some time on it.
I will add a page to thank everyone that helps, but we will speaks of it later.

All you can give, icons, etc... could be added on goodies.

What about right column ?

Posted: 27 Aug 2006 09:46
by Foppah
Nice work!!

BUT THE LOGO IS TO SMALL! ... and disappears!

Feel bad that i complain because the new site is verry good!

Posted: 27 Aug 2006 11:50
by Jean-Baptiste Kempf
Disappears ?
What OS/ browser are you using ?

Posted: 27 Aug 2006 20:56
by Foppah
Not disappears in that kind of way. :D But i think it should take your attention more.

Posted: 28 Aug 2006 00:59
by Tombigel
My two cents of Creative/Technical overview: (Firefox 1.506 on Windows XP):

when resizing the window, "support" is jumping one line down in all pages (missing a "white-space:nowrap" and/or "overflow:hidden" and/or a fixed width somewhere, I guess)

In "overview"
the text in the right boxes should be 3-4 pixels further from the top (in my eyes anyway)

the image in the top-right blue box should have a padding-right of about 10px so it will stay centered when the window is resized

In "download"
No OS logos?

the small arrow next to the link shold be clickable too

In "features"
The colors in the tables are horrible... change them! please! :?

The "notes" shold be in an ordered list structure (the starting number for every list can be set using "start=" attribute)

In "screenshots"
The thumbnails should open in a separate window with the option to scroll between them without going back to the main window (I like this approach better anyway)

The images should have a "height" attribute not only "width", this way the page will not change its height on every thumbnail load

Missing a little space before "Here is a screenshot of the 0.2.60 version..." and after every horizontal-line.

In "skins"
The page breaks on resize (the right collumn jumps down)

Again, for the page to have a fixed height, give the images a "height" attribute.

The text inside the blue boxes is aligned to a different left position depends on the texts' line length (You are using a table inside a table with no fixed width... an awful structure - consider using nested DIV elements instead)

In "support"
Again, Page breaks on resize

To much text, maybe you should use more images, or the news "read more..." script.

If you are going to leave the text as-is, it should have some more line spacing (line-height about 14pt I think) for better reading experience.

In "documentation"
The green... oh please change the green! :shock:

In developers
No redesign?

btw -
What about a forum redesign? the shouting cone should be refreshed...

btw 2 -
Here is a ZIP file with small Photoshop files of all the Icons I used in my design (cones, flags, per os download images),
http://www.tombigel.com/vlc/tombigel_ps ... ags_os.zip
the icons can be used for any purpose, they can be edited without premision, though a little credit for Tom B. and www.tombigel.com (which is still, unfortunetly, under construction) will be appriciated.

Hope I helped a bit 8)
Tom

Posted: 29 Aug 2006 16:38
by Khamelion
Nice work.
I really like that new Webdesign :D

Posted: 13 Sep 2006 10:40
by Jean-Baptiste Kempf
My two cents of Creative/Technical overview: (Firefox 1.506 on Windows XP):

when resizing the window, "support" is jumping one line down in all pages (missing a "white-space:nowrap" and/or "overflow:hidden" and/or a fixed width somewhere, I guess)
Can you say if you still have the issue ?

Posted: 13 Sep 2006 20:27
by Tombigel
yes.

Look at my other post, I was wrong with one of the solutions I gave you there.

Some advice -
1. "vertical-align" doesn't work outside table cells.
2. giving the body tag "min-width" does nothing, giving it border:0 is also unnecessary.
3. just give the "submenucontainer" a fixed width of 750-800px, it should solve the problem with the menu.
4. give the "pagecontainer" a min-width of 750-800px and it should solve wrapping problems in all browsers but IE6 and IE5 (IE7 will fix the problem)
5. if/when I'll have a simple solution for IE, I'll let you know.

Posted: 13 Sep 2006 23:25
by Jean-Baptiste Kempf
Weird I thought I did it. but ok.

I'll do all this, this week end.

Posted: 16 Sep 2006 02:43
by Tombigel
Site looks perfect now! nothing breaks on resize.
FF, Opera and IE7 works great, don't have Safari to check it.
IE6 still breaks.

You can always blame MS for it - www.quirksmode.com did it, he decided that (some parts of) his site will not be backwords compatible with IE6 and it's the user's problem for using this old incompatible shitty browser - and this guys' oppinion counts when it comes to web design.

Or you can struggle with it (my quite messy solution in the site I'm working on was an extra fixed width div in the navbar and some "clear:right" on the floating divs in the content) but I really don't know if it worth the trouble - hopefully by 2007 IE7 will take over and fix all those anoying bugs.

I still think you should replace that horrible green in your tables... but thats a personal taste thing.

Good work.

Posted: 16 Sep 2006 14:44
by Jean-Baptiste Kempf
A suggestion for the greeen ?

Posted: 17 Sep 2006 00:05
by Tombigel
Thats easy - Ask the guy who designed the new look what colors he thinks will best fit his design.

Posted: 05 Oct 2006 05:49
by j0nzj
Hi, sorry for my delay in responding.

I sent to dionoea the first design some time ago.

Image Image

I like both. :?
What do you think?

Posted: 05 Oct 2006 14:03
by Jean-Baptiste Kempf
I prefer the second one.
Could you say something about the other remarks about colors (like the green on doc/) ?

Could PM me your Real Name in order to be added to the THANKS file ?

Posted: 12 Oct 2006 13:31
by Jean-Baptiste Kempf

In "features"
The "notes" shold be in an ordered list structure (the starting number for every list can be set using "start=" attribute)
I don't know how to do that. I can have a 1., 2., 3. but not a [1], [2].
I am no CSS geek !
What about a forum redesign? the shouting cone should be refreshed...
Feel free to do it ! :D

Posted: 12 Oct 2006 14:24
by Jean-Baptiste Kempf
The changes have been applied. Green => Blue.

Posted: 12 Oct 2006 14:32
by Jean-Baptiste Kempf
So. I did some changes today.

I think I resolved the main issues you asked me to solve.
I did not solve some of them, like support/, download, screenshots. This is not really important. However if you give me a patch on the SVN : http://trac.videolan.org/web/browser/www.videolan.org, I'll commit it.

About developpers, it is not really important since, many things should go to wiki. About the forums, feel free to provide a new skin/icon. If it is nice, it will be submitted.

Posted: 13 Oct 2006 18:26
by Tombigel
Nice! the list is much better like this.

The only solution for the list is to put the "[ ]" as an image... an ugly solution.
never mind, it's not that important.

As you can see I'm not submiting any icons lately... just have no time.
When I'll find the time you will have new icons, and maybe one of them will be a shouting cone...

BTW

If we are talknig about the forum - did you notice that there is no link from the forum to the VideoLan home page?

Posted: 13 Oct 2006 22:54
by Jean-Baptiste Kempf
The only solution for the list is to put the "[ ]" as an image... an ugly solution.
never mind, it's not that important.
Ok.
As you can see I'm not submiting any icons lately... just have no time.
When I'll find the time you will have new icons, and maybe one of them will be a shouting cone...
Fine... We'll wait
If we are talknig about the forum - did you notice that there is no link from the forum to the VideoLan home page?
I know that. but don't know where to put it... !