New Website design

Discussion about forum rules, new moderators, website content, website layout, VideoLAN artwork etc..
Forum rules
Please read the forum's rules carefully before posting. This forum should not be used to post VLC usage related questions.
Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

New Website design

Postby Jean-Baptiste Kempf » 22 Aug 2006 01:14

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.

Asim
Cone that earned his stripes
Cone that earned his stripes
Posts: 151
Joined: 30 Mar 2005 05:58
Contact:

Postby Asim » 22 Aug 2006 11:24

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

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 22 Aug 2006 11:51

Yep. IE7béta3 is still failing. We have already addressed the bug. But, it seems tricky. :cry:
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

robertworks
New Cone
New Cone
Posts: 9
Joined: 02 Jun 2006 20:27
Contact:

Postby robertworks » 24 Aug 2006 18:11

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!

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 24 Aug 2006 19:10

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.
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 25 Aug 2006 11:00

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.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 25 Aug 2006 11:23

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 ?
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Foppah
New Cone
New Cone
Posts: 8
Joined: 13 May 2005 22:08

Postby Foppah » 27 Aug 2006 09:46

Nice work!!

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

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

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 27 Aug 2006 11:50

Disappears ?
What OS/ browser are you using ?
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Foppah
New Cone
New Cone
Posts: 8
Joined: 13 May 2005 22:08

Postby Foppah » 27 Aug 2006 20:56

Not disappears in that kind of way. :D But i think it should take your attention more.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 28 Aug 2006 00:59

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

Khamelion
Blank Cone
Blank Cone
Posts: 45
Joined: 06 Apr 2006 03:05

Postby Khamelion » 29 Aug 2006 16:38

Nice work.
I really like that new Webdesign :D

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 13 Sep 2006 10:40

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 ?
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 13 Sep 2006 20:27

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.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 13 Sep 2006 23:25

Weird I thought I did it. but ok.

I'll do all this, this week end.
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 16 Sep 2006 02:43

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.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 16 Sep 2006 14:44

A suggestion for the greeen ?
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 17 Sep 2006 00:05

Thats easy - Ask the guy who designed the new look what colors he thinks will best fit his design.

j0nzj
New Cone
New Cone
Posts: 4
Joined: 14 May 2006 02:25
Contact:

Postby j0nzj » 05 Oct 2006 05:49

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?

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 05 Oct 2006 14:03

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 ?
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 12 Oct 2006 13:31


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
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 12 Oct 2006 14:24

The changes have been applied. Green => Blue.
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 12 Oct 2006 14:32

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.
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 13 Oct 2006 18:26

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?

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 13 Oct 2006 22:54

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... !
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.


Return to “Forum, Website and Artwork discussion”

Who is online

Users browsing this forum: No registered users and 5 guests