openoffice-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Anonymous CMS User <anonym...@apache.org>
Subject [CMS PATCH] [Iteration 1] Social Media Integration: Download Page
Date Thu, 17 Jan 2013 16:23:00 GMT
Clone URL (Committers only):
https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F

Samer Mansour samer519@gmail.com

Hello submitting this change to allow users to 'share' the download page on social media sites
AOO currently has profiles on.

Please see "[Iteration 1] Social Media Integration" thread in marketing mailing list for full
details how this change came about or contact Rob Weir or myself.

First time committer, let me know if I'm doing something wrong.

Thanks!

Index: trunk/content/download/exceptions.css
===================================================================
--- trunk/content/download/exceptions.css	(revision 1434510)
+++ trunk/content/download/exceptions.css	(working copy)
@@ -50,6 +50,13 @@
 .sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid
#D1D1FF; font-size: .8em; }
 .sub-blue p { padding: .1em 3%; width: 94%; }
 
+.lightblue { background: url(/download/cachedimages/button-lightblue.png) #D8E5F6 right 0
no-repeat; }
+.lightblue:hover { background: url(/download/cachedimages/button-lightblue.png) #C3D9F1 right
-200px no-repeat; }
+.lightblue h2 a { color: #2D72CE; }
+.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
+.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid
#D1D1FF; font-size: .8em; }
+.sub-lightblue p { padding: .1em 3%; width: 94%; }
+
 .yellow { background: url(/download/cachedimages/button-yellow.png) #FFF379 right top no-repeat;
}
 .yellow:hover { background: url(/download/cachedimages/button-yellow.png) #FFF24F right -200px
no-repeat; }
 .yellow h2 a { color: #E09C09; }
Index: trunk/content/download/index.html
===================================================================
--- trunk/content/download/index.html	(revision 1434510)
+++ trunk/content/download/index.html	(working copy)
@@ -61,6 +61,20 @@
   /* ]]> */
   </style>
 
+  <script>
+	function shareFacebook() {
+		window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');

+	}
+	
+	function shareTwitter(){
+		window.open('https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F&text=Join+the+OpenOffice+revolution%2C+the+free+office+productivity+suite+with+over+30+million+trusted+downloads.&hashtags=openoffice','_blank','toolbar=0,status=0,width=580,height=325');
+	}
+	
+	function shareGooglePlus(){
+		window.open('https://plus.google.com/share?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
+	}
+  </script>
+	
 </head>
 
 <body>
@@ -136,6 +150,17 @@
   </div>
   </noscript>
 
+  <!-- Light Blue: Share Download -->
+  <div class="button lightblue" >
+	<h2><a>Social Media</a></h2>
+    <p id='ShareDownloadLinks'>
+	  <a>Please tell your friends about Apache OpenOffice.</a>
+	  <a style="display:inline; padding: 0 5px 0 30px;" href="javascript:shareFacebook();
"><img src='images/logo-facebook-32.png' /></a>
+	  <a style="display:inline; padding: 0 5px;" href="javascript:shareTwitter(); "><img
src='images/logo-twitter-32.png' /></a>
+	  <a style="display:inline; padding: 0 5px;" href="javascript:shareGooglePlus(); "><img
src='images/logo-googleplus-32.png'  /></a>	 
+	</p>
+  </div>
+	
 <!-- Blue: Extensions -->
   <div class="button blue" id="optionitem3" onclick="openItem('optionitem3','http://extensions.services.openoffice.org');
     return false;">


Mime
View raw message