28172 sujets

CSS et mise en forme, CSS3

ou modifier les ButtonBar de ma TitleBar de ma WindowedApplication :

Bonjour,

J'aimerais modifier les boutons de la bare de ma WindowedApplication.
Au depart je voulais modifier le titre, donc j'ai modifie dans mon nomapp-app.xml (je bosse en AIR) la ligne :
<systemChrome>none</systemChrome>
(au lieu de standard)
Du coup, mon titre s'affiche correctement grace a ces lignes dans mon fichier css :
WindowedApplication {
	color: #000000;
	backgroundAlpha: 1;
   
        title-text-style-name : "titleTextStyle";
		
	buttonStyleName: "buttonBarButton"; 
        firstButtonStyleName: "firstButtonBarButton"; 
        lastButtonStyleName: "lastButtonBarButton";
	
        background-image : "styles/OldSchool/bg.gif";
	backgroundColor: #EEEEEE;
}

.titleTextStyle {
	font-family : luna;
	font-size : 30;
 }


Par contre, je n'arrive pas a modifier les boutons qui sont a present dans un rendu gris pas tres beau et tout petit. J'aurais voulu qu'il revienne dans leur forme standard (un rouge, un jaune, un vert). Mes lignes sur les boutons (avec declaration des styles .firstButtonStyleBar, etc) n'y changent rien. J'ai vu (en debug) que l'application avait un TitleBar avec un closeButton, un minimize et un maximize, mais en rajoutant
TitleBar
{
	closeButtonDisabledSkin: Embed(source="wmp11.swf",symbol="Panel_closeButtonDisabledSkin");
	closeButtonDownSkin: Embed(source="wmp11.swf",symbol="Panel_closeButtonDownSkin");
	closeButtonOverSkin: Embed(source="wmp11.swf",symbol="Panel_closeButtonOverSkin");
	closeButtonUpSkin: Embed(source="wmp11.swf",symbol="Panel_closeButtonUpSkin");
	
}


ou

TitleBar {
	buttonStyleName: "buttonBarButton"; 
    firstButtonStyleName: "firstButtonBarButton"; 
    lastButtonStyleName: "lastButtonBarButton";
    
 }


ou encore
.wideCloseButton
{
	disabledSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	downSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	overSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	upSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	selectedDisabledSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	selectedDownSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	selectedOverSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	selectedUpSkin: Embed(source="wmp11.swf", symbol="wideCloseBttn");
	color: #ffffff;
	textRollOverColor: #ffffff;
	textSelectedColor:#ffffff;
}

/* 
//------------------------------ 
//  ButtonBars 
//------------------------------ 
*/ 

ButtonBar 
{ 
        buttonStyleName: "buttonBarButton"; 
        firstButtonStyleName: "firstButtonBarButton"; 
        lastButtonStyleName: "lastButtonBarButton";
}

ToggleButtonBar 
{ 
        buttonStyleName: "buttonBarButton"; 
        firstButtonStyleName: "firstButtonBarButton"; 
        lastButtonStyleName: "lastButtonBarButton";
}

.roundedButtonBar 
{ 
        buttonStyleName: "roundedButtonBarButton"; 
        firstButtonStyleName: "roundedFirstButtonBarButton"; 
        lastButtonStyleName: "roundedLastButtonBarButton";
}

/* 
//------------------------------ 
//  ButtonBarButtons 
//------------------------------ 
*/ 

.firstButtonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstDisabledSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstDownSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstOverSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstSelectedDisabledSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstSelectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstSelectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstSelectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000;
}
.buttonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonDisabledSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonDownSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonOverSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonSelectedDisabledSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonSelectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonSelectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonSelectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="ButtonBar_buttonUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000; 
}

.lastButtonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastDisabledSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastDownSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastOverSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastSelectedDisabledSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastSelectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastSelectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastSelectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="ButtonBar_lastUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000; 
}

.roundedFirstButtonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstUpSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstSelectedUpSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstSelectedUpSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="ButtonBar_firstSelectedDisabledSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstSelectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstSelectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstSelectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_firstUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000;
}
.roundedButtonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_buttonUpSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_selectedUpSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_selectedUpSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_buttonUpSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_selectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_selectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_selectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_buttonUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000; 
}

.roundedLastButtonBarButton 
{ 
        disabledSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastUpSkin"); 
        downSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastSelectedUpSkin"); 
        overSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastSelectedUpSkin"); 
        selectedDisabledSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastUpSkin"); 
        selectedDownSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastSelectedUpSkin"); 
        selectedOverSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastSelectedUpSkin");
        selectedUpSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastSelectedUpSkin");
        upSkin: Embed(source="wmp11.swf", symbol="roundedButtonBar_lastUpSkin");
        color: #000000;
		textRollOverColor: #000000;
		textSelectedColor:#000000; 
}

avec le wmp11.swf contenu dans le meme dossier que mon css, et bien ca ne change absolument rien Smiley lol
Quelqu'un sait il comment s'y prendre ? merci...