I was playing with this a bit in Firebug - just to add to the mix. I like the 'news' of Apachecon above the fold with the thought that it could be an area for future meetings and announcements if desired. I am thinking that the bar across the width of the page makes it stand apart from the download buttons, but what do you think?
Visibility for CSS3 from caniuse.com: Border radius (rounded corners) http://caniuse.com/#search=rounded corners IE 9-11 supported;FF 30-35; Chrome 27-40;Safari 5.1-8; Opera 23-26; IOS Safari 7.1-8;Android Browser 2.3-4.4.3; Chrome for Android 37 Box Shadow http://caniuse.com/#feat=css-boxshadow IE 9-11; FF 30-35; Chrome 27-40; Safari 5.1-8; Opera 23-26p IOS Safari 7.1-8; Android Browser 4-4.4.3 with 2.3 partial support ; Chrome for Android 37 1.Centered announcement https://www.diigo.com/item/image/bhs8/7kqp <div id="content"> <h1 style="display: none;">Apache OpenOffice</h1> <div style="margin: 0 0 0 40%;"> <p> <a target="_blank" href="http://apachecon.com/";> </p> </div> <div style="float: left; margin: 0 0 0 40%;"> <p> 2. Apachecon image aligned with left column text Apachecon left aligned | Diigo Apachecon left aligned | Diigo Apachecon left aligned Apachecon left aligned Clipped from: ooo-site.staging.apache.org/index_asfcon.html View on www.diigo.com Preview by Yahoo <div id="content"> <h1 style="display: none;">Apache OpenOffice</h1> <div style="margin: 15px 60px 15px 105px;"> <p> <a target="_blank" href="http://apachecon.com/";> <img alt="Apache Software Foundation" src="http://www.apache.org/ads/ApacheCon/2014-eu-234x60.png";> </a> </p> </div> <div style="float: left; margin:-95px 0px 0px 400px;"> <p> <a target="_blank" href="http://events.linuxfoundation.org/events/apachecon-europe"; style="color: black; text-decoration: none;"> ApacheCon Europe, 2014 3. Light yellow rounded radius background across page Apachecon light yellow bar | Diigo Apachecon light yellow bar | Diigo Apachecon light yellow bar Apachecon light yellow bar Clipped from: ooo-site.staging.apache.org/...index_asfcon.html View on www.diigo.com Preview by Yahoo <div id="content"> <div style="margin: 1% 1% 1% 0; padding: 0 0 0 2%; background-color: lightyellow; border-radius: 15px;"> <p> <a href="http://apachecon.com/"; target="_blank"> <img src="http://www.apache.org/ads/ApacheCon/2014-eu-234x60.png"; alt="Apache Software Foundation"> </a> </p> </div> <div style="float: left; margin: -95px 0px 0px 300px;"> 4. Light grey rounded radius like above - only with a drop shadow Apachecon box shadow | Diigo Apachecon box shadow | Diigo Apachecon box shadow Apachecon box shadow Clipped from: ooo-site.staging.apache.org/...index_asfcon.html View on www.diigo.com Preview by Yahoo <div id="content"> <div style="margin: 1% 1% 1% 0; padding: 0 0 0 2%; background-color: lightgray; border-radius: 15px; box-shadow: 10px 10px 5px #888;"> <p> <a href="http://apachecon.com/"; target="_blank"> <img src="http://www.apache.org/ads/ApacheCon/2014-eu-234x60.png"; alt="Apache Software Foundation"> </a> </p> </div> <div style="float: left; margin: -95px 0px 0px 300px;"> <p> <a target="_blank" href="http://events.linuxfoundation.org/events/apachecon-europe"; style="color: black; text-decoration: none;"> Nancy Nancy Web Design Free 24 hour pass to lynda.com. Video courses on SEO, CMS, Design and Software Courses ________________________________ From: Kay Schenk <kay.sch...@gmail.com> To: dev@openoffice.apache.org Sent: Sunday, September 7, 2014 3:49 PM Subject: Re: ASF banner ads On 09/07/2014 02:56 PM, Marcus wrote: > Am 09/07/2014 11:34 PM, schrieb Kay Schenk: >> >> >> On 09/07/2014 03:45 AM, Marcus wrote: >>> Am 08/30/2014 05:14 PM, schrieb Andrea Pescetti: >>>> On 25/08/2014 Andrea Pescetti wrote: >>>>>> http://www.apache.org/ads/ >>>>> The home page is already quite cluttered. But this could fit in the >>>>> footer. We currently have a 203x61 feather on the right hand side >>>>> in the >>>>> footer. The logo Apache provides for ApacheCon would be 234x60, so >>>>> quite >>>>> similarly sized. We could accommodate it in the footer, to the left. >>>> >>>> I tried all the options discussed, but it didn't fit at all in the >>>> header or in the download page (which in turn is already complex >>>> enough). So I implemented the above solution, and you'll see it in the >>>> site footer. >>>> >>>> If anyone can do better, just improve it, no problem. But it's >>>> important >>>> to have ApacheCon visible. >>> >>> the footer is actually looking good and the graphic fits pretty well >>> (size and layout). >>> >>> However, it's on the bottom and for such temporary and visibility-needed >>> things not the best location. Therefore I've created 2 test webpapges: >>> >>> http://ooo-site.staging.apache.org/index_asfcon.html >>> http://ooo-site.staging.apache.org/download/index_asfcon.html >>> >>> Simple layout but it could be aligned more to the general page design. >>> >>> What do you all think? >>> >>> Marcus >> >> On both of these, what I see is that the notice is being partially >> covered by the blue navigation areas. >> >> Generally, I think this notice would be better on the home page than >> other pages. >> Any chance we could relocate this to the bottom area maybe between the >> W3C button and the end of the right side navigation element? > > I wanted to bring the attention to the top - away from the bottom. I'm just wondering if the top is too busy already for this addition. > > Sure, it would be possible to put it there. Do you still see an > advantage to have it a few pixels higher than instead of leaving it in > the footer? I would need to see both versions before I could answer this I think. :/ Also, maybe see (random, I didn't look at all sites): http://libcloud.apache.org/ http://maven.apache.org/ http://ofbiz.apache.org/ for additional placement ideas. I am liking the News column idea of OFBiz actually. > > Thanks > > Marcus > -- ------------------------------------------------------------------------- MzK "Nothing will work unless you do." -- Maya Angelou --------------------------------------------------------------------- To unsubscribe, e-mail: dev-unsubscr...@openoffice.apache.org For additional commands, e-mail: dev-h...@openoffice.apache.org
![http://www.apache.org/ads/ApacheCon/2014-eu-234x60.png"](http://www.apache.org/ads/ApacheCon/2014-eu-234x60.png"){kind=link}