www: b65f8a06: Adding more prominent download buttons t...

caseyho at pidgin.im caseyho at pidgin.im
Wed Dec 3 16:55:36 EST 2008


-----------------------------------------------------------------
Revision: b65f8a0692a9d0a79d4ea1259af6dfb19546c762
Ancestor: 73a9c9ac9a8a545a3c4c628891ddd305fcb75e85
Author: caseyho at pidgin.im
Date: 2008-12-03T12:00:00
Branch: im.pidgin.www
URL: http://d.pidgin.im/viewmtn/revision/info/b65f8a0692a9d0a79d4ea1259af6dfb19546c762

Added files:
        inc/blurb.download.inc
Modified files:
        htdocs/about/index.php htdocs/download/index.php
        htdocs/index.php htdocs/shared/css/main.css

ChangeLog: 


Adding more prominent download buttons to About and Download pages.  Fixes IE6 specific styling issues.



-------------- next part --------------
============================================================
--- inc/blurb.download.inc	390a6ace2f8756725acfa7f59ca756ec8f64004e
+++ inc/blurb.download.inc	390a6ace2f8756725acfa7f59ca756ec8f64004e
@@ -0,0 +1,44 @@
+
+<div id="download">
+<?php if ($page['section'] == "Home") { ?>
+<img src="/shared/img/logo.pidgin.png" alt="[Pidgin Logo]" id="logo" width="107" height="185" />
+<?php } ?>
+<a id="download_link" href="/download/">
+<img src="/shared/img/button.download.png" alt="[Down Arrow]" id="downbutton" width="48" height="48" 
+/>
+Free Download<br />
+<span class="number"><? echo $pidgin_version; ?></span>
+<span class="number" id="os_name" style="display: none;"></span></a>
+
+<script type="text/javascript"><!--
+if (navigator.platform.indexOf("Win") != -1) {
+        document.getElementById("download_link").href = "/download/windows";
+        document.getElementById("os_name").innerHTML = "for Windows";
+        document.getElementById("os_name").style.display = "inline";
+} else if (navigator.userAgent.indexOf("Ubuntu") != -1) {
+// Once the PPA is ready to go public, we'll have a separate Ubuntu page.
+        document.getElementById("download_link").href = "/download/source";
+        document.getElementById("os_name").innerHTML = "for Ubuntu";
+        document.getElementById("os_name").style.display = "inline";
+} else if (navigator.userAgent.indexOf("CentOS") != -1 ||
+           navigator.userAgent.indexOf("RHEL") != -1) {
+        document.getElementById("download_link").href = "/download/centos_rhel/";
+        document.getElementById("os_name").innerHTML = "for CentOS / RHEL";
+        document.getElementById("os_name").style.display = "inline";
+} else if (navigator.userAgent.indexOf("Fedora") != -1) {
+        document.getElementById("download_link").href = "/download/fedora_core/";
+        document.getElementById("os_name").innerHTML = "for Fedora Core";
+        document.getElementById("os_name").style.display = "inline";
+} else if (navigator.platform.indexOf("Mac") != -1) {
+        document.getElementById("download_link").href = "/download/mac/";
+        document.getElementById("os_name").innerHTML = "for Mac OS X";
+        document.getElementById("os_name").style.display = "inline";
+} else if (navigator.platform.indexOf("X11") != -1 ||
+           navigator.platform.indexOf("Linux")) {
+        document.getElementById("download_link").href = "/download/source";
+        document.getElementById("os_name").innerHTML = "Source";
+        document.getElementById("os_name").style.display = "inline";
+}
+// --></script>
+</div>
+
============================================================
--- htdocs/about/index.php	8295c636a58403f7eb8ed51c2b683917d21dc01f
+++ htdocs/about/index.php	fa95df5e6a4e5e10f5a7ea71eee42cfeb5d38414
@@ -4,16 +4,32 @@
   $page['section'] = "About";
 
   include($_SERVER['DOCUMENT_ROOT'] . "/../inc/header.inc");
+  include($_SERVER['DOCUMENT_ROOT'] . "/../inc/version.inc");
+
 ?>
 
 <div id="content">
 
+
+
+
+
 <div class="box_full">
 <div id="main">
 
 <h1>What is Pidgin?</h1>
 
-<p><img src="/shared/img/contact_window.png" alt="Buddy List" class="inline" width="192" height="420" />
+<div style="float:right;">
+<?
+include($_SERVER['DOCUMENT_ROOT'] . "/../inc/blurb.download.inc");
+?>
+<br/>
+<div style="text-align:center">
+<img src="/shared/img/contact_window.png" alt="Buddy List" width="192" height="420" />
+</div>
+</div>
+
+<p>
 Pidgin is an instant messaging program for Windows, Linux, BSD, and other
 Unixes. You can talk to your friends using AIM, ICQ, Jabber/XMPP, MSN
 Messenger, Yahoo!, Bonjour, Gadu-Gadu, IRC, Novell GroupWise Messenger, QQ,
============================================================
--- htdocs/download/index.php	ebd1e641a00ddf6717a73dc488b34d0293dce478
+++ htdocs/download/index.php	314f7b4b0964ec8cbf450e383efa942472a67929
@@ -13,22 +13,35 @@
 <? include($_SERVER['DOCUMENT_ROOT'] . "/../inc/section.download.inc"); ?>
 
 <div class="box_right">
-<div id="main">
+<div id="main" style="position:relative;">
 
 <h1>Download</h1>
 
 <p>Pidgin runs on all Windows and UNIX platforms. In addition to the source
 code, we distribute binaries for Windows, Fedora Core, and CentOS / RHEL.</p>
 
+<noscript>
 <ul>
   <li><a href="/download/windows/">Windows</a></li>
   <li><a href="/download/source/">Source</a></li>
   <li><a href="/download/fedora_core">Fedora Core</a></li>
   <li><a href="/download/centos_rhel">CentOS / RHEL</a></li>
 </ul>
+</noscript>
 
+<div id="download_wrapper" style="display:none">
+<?
+include($_SERVER['DOCUMENT_ROOT'] . "/../inc/blurb.download.inc");
+?>
 </div>
+<script type="text/javascript"><!--
+document.getElementById("download_wrapper").style.display = "";
+// --></script>
+
+
+
 </div>
+</div>
 
 </div>
 
============================================================
--- htdocs/index.php	0cd18c3bc865a4f12e04601e312b91235619d2cb
+++ htdocs/index.php	f3e19f548dc7336ec977a1a4ffdc8297d5dd34ee
@@ -16,46 +16,10 @@
 <span class="number"><? echo $pidgin_version; ?></span>
 </div>
 
-<div id="download">
-<img src="/shared/img/logo.pidgin.png" alt="[Pidgin Logo]" id="logo" width="107" height="185" />
-<a id="download_link" href="/download/">
-<img src="/shared/img/button.download.png" alt="[Down Arrow]" id="downbutton" width="48" height="48" />
-Download Pidgin<br />
-<span class="number"><? echo $pidgin_version; ?></span>
-<span class="number" id="os_name" style="display: none;"></span></a>
+<?
+include($_SERVER['DOCUMENT_ROOT'] . "/../inc/blurb.download.inc");
+?>
 
-<script type="text/javascript"><!--
-if (navigator.platform.indexOf("Win") != -1) {
-	document.getElementById("download_link").href = "/download/windows";
-	document.getElementById("os_name").innerHTML = "for Windows";
-	document.getElementById("os_name").style.display = "inline";
-} else if (navigator.userAgent.indexOf("Ubuntu") != -1) {
-// Once the PPA is ready to go public, we'll have a separate Ubuntu page.
-	document.getElementById("download_link").href = "/download/source";
-	document.getElementById("os_name").innerHTML = "for Ubuntu";
-	document.getElementById("os_name").style.display = "inline";
-} else if (navigator.userAgent.indexOf("CentOS") != -1 ||
-           navigator.userAgent.indexOf("RHEL") != -1) {
-	document.getElementById("download_link").href = "/download/centos_rhel/";
-	document.getElementById("os_name").innerHTML = "for CentOS / RHEL";
-	document.getElementById("os_name").style.display = "inline";
-} else if (navigator.userAgent.indexOf("Fedora") != -1) {
-	document.getElementById("download_link").href = "/download/fedora_core/";
-	document.getElementById("os_name").innerHTML = "for Fedora Core";
-	document.getElementById("os_name").style.display = "inline";
-} else if (navigator.platform.indexOf("Mac") != -1) {
-	document.getElementById("download_link").href = "/download/mac/";
-	document.getElementById("os_name").innerHTML = "for Mac OS X";
-	document.getElementById("os_name").style.display = "inline";
-} else if (navigator.platform.indexOf("X11") != -1 ||
-           navigator.platform.indexOf("Linux")) {
-	document.getElementById("download_link").href = "/download/source";
-	document.getElementById("os_name").innerHTML = "Source";
-	document.getElementById("os_name").style.display = "inline";
-}
-// --></script>
-</div>
-
 <p class="linkbar">
   <a href="http://developer.pidgin.im/wiki/ChangeLog">ChangeLog</a> |
   <a href="http://developer.pidgin.im/wiki/FAQ" title="Frequently Asked Questions">FAQ</a>
============================================================
--- htdocs/shared/css/main.css	2d7f69f631c1bc98a7cad62160058f0c349e310c
+++ htdocs/shared/css/main.css	0a22d44abfc274a16cc5a9e72b315a39e57bb394
@@ -283,26 +283,29 @@ a:hover, a:active {
 #download:after {
   content: url('/shared/img/balloon.bottom.png');
   display: block;
-  height: 16px;
+  height: 10px;
   overflow: hidden;
   clear: both;
 }
 
-#download {
+.box_home #download {
   position: absolute;
   left: 101px;
   top: 157px;
+}
+
+#download {
   background: url('/shared/img/balloon.middle.gif') no-repeat left 17px;
   width: 268px;
 }
 
 #download, .box_download p:first-child {
-  font-size: 1.2em;
+  font-size: 1.7em;
   font-weight: bold;
 }
 
 #download .number, .box_download .number {
-  font-size: 0.85em;
+  font-size: 0.60em;
   font-weight: normal;
 }
 
@@ -312,15 +315,20 @@ a:hover, a:active {
 }
 
 #download a img {
-  padding-bottom: 11px;
+  padding-bottom: 5px;
 }
 
 #download a {
   display: block;
   padding-left: 35px;
-  padding-top: 8px;
+  padding-top: 3px;
+  text-decoration: none;
 }
 
+#download a:hover {
+  text-decoration: underline;
+}
+
 #main, #blogbrief, #newsbrief {
   padding: 22px 13px 13px;
 }


More information about the Commits mailing list