:murb: [maarten brouwers] wrote:
Hi Kay, and others,

I went ahead and setup a new tryouts area...

http://website.openoffice.org/tryouts/Jan2008/
Thanks.

I copied over the "style" directory form the main web site, not website,
but www.openoffice.org, so we could apply some of the existing styles
(like the absence of the default nav column), WHEN we got some HTML
hammered out.

We do have HTML:

http://wyrfel.reukauf.com/hosting/OOo/playground/
http://patentpending.co.nz/openoffice/

As these are identical, I copied over the first version to tryouts, and added styling to the existing style.css file (now residing in tryouts/Jan2008/style/style.css) to ditch the left-hand col navigation.

I didn't try to add in Randy's "campaign" gull, or mess with your "action" css...I think this is beyond my capabilities :{.

And...to get rid of the default top navigation...

you need to view the final result as

http://website.openoffice.org/nonav/tryouts/Jan2008/

so...maybe since this is now moved to a common more of less official area, we can work on elements there ?

OK, bye for now



As to visual design, Randy brought this proposal in, and it also
demonstrated his marketing element, which I think we all liked.
http://www.alpinecom.net/~fission1/OOo/cotm2.html

I think Andre's proposal is now most up to date when it comes to the HTML
version, but it should integrate some of Randy's design. That is:
- The marketing promotion box
- In footer, mouse over should go to blue (I think I would leave it grey
in default state)
- I'm pitnicking, but could we try to align the text with the start of
"Office" in our logo, so move the content about 20px to the right? I
thought Randy's proposal was a balanced, but the empty space to the right
of the logo looks rather weird.

Kind of obsolete, because Andre's solution for the tabs is much cleaner,
there is also:
http://murb.nl/extern/openoffice.org/2008redesign/
Reason for still mentioning:
* Demonstration of yet another aligment (not the one I've proposed just a
few lines above) of aligning content with logo
* Contains a bit of javascript to open Download on click, but only
limited, and maybe, a :hover solution, like Andre did with the tabs again,
is also preferred here, both for clarity, and ease of use, and cleanness
in code. (which indeed does still require a workaround for IE6); see below
for pseudo-css.
* Is XHTML valid, I believe it is unacceptable to use invalid xhtml
(including block elements within a line element) for promoting a product
that is promoting a single document standard. For the non JS version, two
<a />'s should work as well.

Pseudo CSS for opening the action statements (possibly only Download), as
mocked up here:
http://wiki.services.openoffice.org/mwiki/images/d/d3/Murb_homepageproposal1_homepage_download.png

#homeoptions {
  color: black;
}

#homeoptions:hover {
  color: grey;
]

#homeoptions ul li {
  color: inherit;
}

#homeoptions ul li #downloadmore {
  /* currently there is no <div id="downloadmore" />, but that should
contain the download button and other links... */
  display: none;
}

#homeoptions ul li:hover {
  color: black;
}

#homeoptions ul li:hover #downloadmore {
  display: block;
}


Which brings me to...any idea when this might be? ;}


Ivan, do you have CVS access to the website? If not, see:
http://www.openoffice.org/scdocs/ddSSHGuide.html (yet another page that
could be improved, but since it is not end-user no priority)

g.,


Maarten

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]


--
============================================================
Kay Schenk

"Ninety-eight percent of the adults in this country are
 decent, hard-working, honest Americans. It's the other
 lousy 2% that get all the publicity. But
 then—we elected them."                  -— Lily Tomlin

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to