1. Centered Apachecon https://www.diigo.com/item/image/bhs8/7kqp
2. Left aligned link https://www.diigo.com/item/image/bhs8/13sy
3. Yellow background rounded corners https://www.diigo.com/item/image/bhs8/ja60
4. Drop Shadow grey rounded corners https://www.diigo.com/item/image/bhs8/xgr7
Nancy Web Design
Free 24 hour pass to lynda.com.
Video courses on SEO, CMS,
Design and Software Courses
----- Forwarded Message -----
From: Nancy K <nancythirt...@yahoo.com>
To: "nancythirt...@yahoo.com" <nancythirt...@yahoo.com>
Sent: Sunday, September 7, 2014 5:27 PM
Subject: With links that didn't come through on the 1st message Fw: ASF banner
ads
Nancy Web Design
Free 24 hour pass to lynda.com.
Video courses on SEO, CMS,
Design and Software Courses
----- Forwarded Message -----
From: Nancy K <nancythirt...@yahoo.com>
To: "dev@openoffice.apache.org" <dev@openoffice.apache.org>
Sent: Sunday, September 7, 2014 5:19 PM
Subject: Re: ASF banner ads
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
Left aligned link https://www.diigo.com/item/image/bhs8/13sy
<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
Link: https://www.diigo.com/item/image/bhs8/ja60
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
Link: https://www.diigo.com/item/image/bhs8/xgr7
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
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}