www

commit d2a1632a8df422bef7acb7ffcb9215569e585f80
parent 75cd559542070e506455aa42f4a37c102c149a22
Author: Georges Dupéron <jahvascriptmaniac+github@free.fr>
Date:   Sun,  8 May 2011 16:43:29 +0200

Bordure au survol pour savoir quelle icône est actuellement activée.

Diffstat:
M
code/serveur/php/ressources/black.css
 | 
5
+++++
M
code/serveur/php/ressources/green.css
 | 
5
+++++
M
code/serveur/php/ressources/pticlic.js
 | 
15
+++++++++------

3 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/code/serveur/php/ressources/black.css b/code/serveur/php/ressources/black.css
@@ -13,6 +13,11 @@ html, body {
 	background-color: black;
 }
 
+.frontpage-button:hover {
+	background-color: #222222;
+	outline: medium solid #cccccc;
+}
+
 #splash.screen {
 	background-color: black;
 }
diff --git a/code/serveur/php/ressources/green.css b/code/serveur/php/ressources/green.css
@@ -13,6 +13,11 @@ html, body {
 	background-color: #FFFFE0;
 }
 
+.frontpage-button:hover {
+	background-color: #F0F8D0;
+	outline: medium solid #44AA44;
+}
+
 #splash.screen {
 	background-color: black;
 }
diff --git a/code/serveur/php/ressources/pticlic.js b/code/serveur/php/ressources/pticlic.js
@@ -75,10 +75,9 @@ function jss() {
 				borderStyle: 'solid',
 				MozBorderRadius: 10,
 				WebkitBorderRadius: 10,
-				padding: 10,
 				textAlign: 'center'
 			})
-			.wh(w/2, h*0.1)
+			.width(w*0.5)
 			.fitFont(w/2, h*0.1)
 			.center({left: w/2, top:h*0.1});
 		
@@ -141,7 +140,7 @@ function UI () {
 							next();
 						})
 						.animate({opacity:0.9}, 700)
-						.delay(1000)
+						.delay(5000)
 						.animate({opacity:0}, 700);
 				} catch(e) {alert("Error UI().info");alert(e);}
 			},
@@ -267,7 +266,8 @@ frontpage.jss = function(w, h, iconSize) {
 	var hh = h - nbRows * iconSize;
 	var titleHeight = hh*0.4;
 	var labelHeight = hh*0.4 / nbRows;
-	var buttonHeight = labelHeight + iconSize;
+	var buttonPadding = hh*0.05/nbRows;
+	var buttonHeight = labelHeight + iconSize + buttonPadding;
 	var buttonWidth = Math.max(w*0.25,iconSize);
 	var freeSpace = h - titleHeight;
 	$fp("#title-block")
@@ -288,17 +288,20 @@ frontpage.jss = function(w, h, iconSize) {
 	$fp(".info .icon").data('image', 'aide');
 	
 	$fp(".frontpage-button")
-		.css('text-align', 'center')
+		.css({
+			textAlign: 'center',
+			paddingTop: buttonPadding
+		})
 		.width(buttonWidth);
 	
 	$fp(".frontpage-button > div").css('display', 'block');
 	
+	var interIconSpace = (freeSpace - nbRows * buttonHeight) / (nbRows + 1);
 	$fp(".frontpage-button").each(function(i,e){
 		try {
 		e=$(e);
 		var currentRow = Math.floor(i/2);
 		var currentColumn = i % 2;
-		var interIconSpace = (freeSpace - nbRows * buttonHeight) / (nbRows + 1);
 		var iconOffset = titleHeight + ((currentRow+1) * interIconSpace) + (currentRow * buttonHeight);
 		if (currentColumn == 0) {
 			e.northEast({left:w/2-ww*0.05,top:iconOffset});