[opensuse-web] Alternative layout
Hi all, I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept. You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/ Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think. Cheers, Pieter -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
Am Samstag, 26. Februar 2011, 11:31:42 schrieb Pieter De Decker:
Hi all,
I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept.
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think.
This is basically hiding it. Where you put it, people only look for search. And as such there is no download link visible at all. Greetings, Stephan -- Sent from openSUSE -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
I like yours, so let us work on 2 proof concepts just that we may choose the better one. One more problem with what you have done is on netbooks, it does not present a nice view to it and lots of the links are lost as said earlier on previous MLs I have problems while aligning the columns because of the css ( I tried what I could ) so can you help with that on my page. Can you help with that On Sat, Feb 26, 2011 at 4:17 PM, Stephan Kulow <coolo@suse.de> wrote:
Am Samstag, 26. Februar 2011, 11:31:42 schrieb Pieter De Decker:
Hi all,
I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept.
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think.
This is basically hiding it. Where you put it, people only look for search. And as such there is no download link visible at all.
Greetings, Stephan
-- Sent from openSUSE -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- Regards Manu Gupta -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
One more problem with what you have done is on netbooks, it does not present a nice view I tested my layout on 1024x768 to see how it would look on a netbook. You're right, it doesn't look very nice. I can fix this by reducing the banner height to 370px.
I have problems while aligning the columns because of the css ( I tried what I could ) so can you help with that on my page. Can you help with that I'm not a CSS expert by any means, but here's what I'd do.
- Remove this: ".container_16 .grid_9 { width: 520px; }" - To "#quicklinks-wrapper", add "float: right" - To "#quicklinks-wrapper", add "width: 360px" or whatever you want the sidebar width to be This works in Chromium - I haven't tested it in other browsers. Pieter 2011/2/26 Manu Gupta <manugupt1@gmail.com>:
I like yours, so let us work on 2 proof concepts just that we may choose the better one. One more problem with what you have done is on netbooks, it does not present a nice view to it and lots of the links are lost as said earlier on previous MLs
I have problems while aligning the columns because of the css ( I tried what I could ) so can you help with that on my page. Can you help with that
On Sat, Feb 26, 2011 at 4:17 PM, Stephan Kulow <coolo@suse.de> wrote:
Am Samstag, 26. Februar 2011, 11:31:42 schrieb Pieter De Decker:
Hi all,
I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept.
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think.
This is basically hiding it. Where you put it, people only look for search. And as such there is no download link visible at all.
Greetings, Stephan
-- Sent from openSUSE -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- Regards Manu Gupta -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
On Sat, 2011-02-26 at 13:07 +0100, Pieter De Decker wrote:
One more problem with what you have done is on netbooks, it does not present a nice view I tested my layout on 1024x768 to see how it would look on a netbook. You're right, it doesn't look very nice. I can fix this by reducing the banner height to 370px.
I have problems while aligning the columns because of the css ( I tried what I could ) so can you help with that on my page. Can you help with that I'm not a CSS expert by any means, but here's what I'd do.
- Remove this: ".container_16 .grid_9 { width: 520px; }" - To "#quicklinks-wrapper", add "float: right" - To "#quicklinks-wrapper", add "width: 360px" or whatever you want the sidebar width to be
I would not prefer this as this may disturb other pages that are on the bento theme too maybe we can override the css. CC'ing this to rlihm too, who can help us a lot better and advise us
This works in Chromium - I haven't tested it in other browsers.
Pieter
2011/2/26 Manu Gupta <manugupt1@gmail.com>:
I like yours, so let us work on 2 proof concepts just that we may choose the better one. One more problem with what you have done is on netbooks, it does not present a nice view to it and lots of the links are lost as said earlier on previous MLs
I have problems while aligning the columns because of the css ( I tried what I could ) so can you help with that on my page. Can you help with that
On Sat, Feb 26, 2011 at 4:17 PM, Stephan Kulow <coolo@suse.de> wrote:
Am Samstag, 26. Februar 2011, 11:31:42 schrieb Pieter De Decker:
Hi all,
I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept.
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think.
This is basically hiding it. Where you put it, people only look for search. And as such there is no download link visible at all.
Greetings, Stephan
-- Sent from openSUSE -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- Regards Manu Gupta -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
On Saturday, February 26, 2011 08:00:57 am Manu Gupta wrote:
I would not prefer this as this may disturb other pages that are on the bento theme too maybe we can override the css.
You can override it. Just add what Pieter said to page between <style type="text/css"> and </style> . That has no influence on other pages. -- Regards, Rajko -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
And as such there is no download link visible at all. You could integrate a download button into the banner. This increases its visibility greatly. Firefox takes this approach on their website: http://www.mozilla.com/en-US/firefox/
Or you could take a more subtle approach and turn the download link into a button, but leave it at the top of the page. Apple's iPhone website uses this little technique to highlight the "Buy iPhone" link: http://www.apple.com/iphone/ Pieter 2011/2/26 Stephan Kulow <coolo@suse.de>:
Am Samstag, 26. Februar 2011, 11:31:42 schrieb Pieter De Decker:
Hi all,
I've prepared an alternative layout for the new site that is based on the existing draft at http://suseware.com/trial/extended.php. I put it together in about 30 minutes, so it doesn't look as sleek as I want it to be but it's just a proof of concept.
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
Basically, I've moved the "Download/Help/Developer tools" links to the top of the page to make room for a wide banner. To fill this space, I'd suggest a rotating slideshow that shows off some of openSUSE's features. Let me know what you think.
This is basically hiding it. Where you put it, people only look for search. And as such there is no download link visible at all.
Greetings, Stephan
-- Sent from openSUSE -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
On 2011/02/26 11:31 (GMT+0100) Pieter De Decker composed:
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
It needs bigger and darker text: http://www.useit.com/alertbox/designmistakes.html https://bugzilla.novell.com/show_bug.cgi?id=646418 https://bugzilla.novell.com/show_bug.cgi?id=203468 http://fm.no-ip.com/Auth/rudeweb.html -- "How much better to get wisdom than gold, to choose understanding rather than silver." Proverbs 16:16 NKJV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
I've updated the layout to incorporate some of your feedback. Still the same URL. http://www.pieterdedecker.be/tmp/opensuse/ I'll have to get back to school work now... my spare time is limited. :) Pieter 2011/2/26 Felix Miata <mrmazda@earthlink.net>:
On 2011/02/26 11:31 (GMT+0100) Pieter De Decker composed:
You can find my version here: http://www.pieterdedecker.be/tmp/opensuse/
It needs bigger and darker text: http://www.useit.com/alertbox/designmistakes.html https://bugzilla.novell.com/show_bug.cgi?id=646418 https://bugzilla.novell.com/show_bug.cgi?id=203468 http://fm.no-ip.com/Auth/rudeweb.html -- "How much better to get wisdom than gold, to choose understanding rather than silver." Proverbs 16:16 NKJV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://fm.no-ip.com/ -- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
-- To unsubscribe, e-mail: opensuse-web+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-web+help@opensuse.org
participants (5)
-
Felix Miata -
Manu Gupta -
Pieter De Decker -
Rajko M. -
Stephan Kulow