Date: prev next · Thread: first prev next last
2010 Archives by date, by thread · List index


Hi Ivan, *

CC'ing the website list because this might be interesting for images on our LibO website too.

Ivan M. schrieb:
Hi Bernhard, all,

On Fri, Dec 17, 2010 at 1:33 PM, Bernhard Dippold
<bernhard@familie-dippold.at>  wrote:
once more forgot the link:
[1]:
http://wiki.documentfoundation.org/File:TDF-Website-Initial-Design-Package.zip

Thanks for that!

Here is the demo:
http://patentpending.co.nz/libreoffice/buttons/index.html

You can see the HTML/CSS source to see how it works (but getting the
image right in Inkscape was a huge pain). Of course, I can explain if
anyone's interested.

Thank you very much!

Even if I'm not an expert in HTML/CSS I understand the advantages of this approach:

- just one image
http://patentpending.co.nz/libreoffice/buttons/images/button.png
(plus the document symbol image where it is necessary)

- images don't have to be replaced on hover, it's just a different text/background decoration by quite a simple CSS:
http://patentpending.co.nz/libreoffice/buttons/style.css

I could imagine, that this might work for the navigation tabs on the LibO website too, especially if a second horizontal navigation line (visible on mouse over the first level nav) would be considered.

How do you avoid the text leaving the button because of line break or different standard fonts (other height or width than the font you used)?

Does this needs a fixed not-to-be-replaced font in the page definition?

Here at my system (SeaMonkey 2.0.11 on Ubuntu 10.10) the lower button's text is too broad for the button - this should be avoided:
http://imagebin.org/128305

Best regards

Bernhard

--
Unsubscribe instructions: E-mail to website+help@libreoffice.org
List archive: http://www.libreoffice.org/lists/website/
*** All posts to this list are publicly archived for eternity ***

Context


Privacy Policy | Impressum (Legal Info) | Copyright information: Unless otherwise specified, all text and images on this website are licensed under the Creative Commons Attribution-Share Alike 3.0 License. This does not include the source code of LibreOffice, which is licensed under the Mozilla Public License (MPLv2). "LibreOffice" and "The Document Foundation" are registered trademarks of their corresponding registered owners or are in actual use as trademarks in one or more countries. Their respective logos and icons are also subject to international copyright laws. Use thereof is explained in our trademark policy.