Forums : Xul, Xbl, JS...

Aller à la discussion :  Plus récente Plus ancienne

# Probleme Ext FF et CSS...

Envoyé par : Utilisateur anonyme

Date : 09/03/2006 23:12

Bonjour,

J'espere tout d'abord que je poste dans la bonne catégorie du forum et à l'endroit ou des gens pourrons me répondre, si ce n'est pas le cas j'espere que vous saurez m'indiquer l'endroit le plus approprié à ma question, et d'ignorer par conséquent ce message...

Donc rentrons dans le vif de mon problème. J'essaye de me mettre au XUL pour coder une extesion firefox, donc je commence à faire un petit Test histoire de voir si j'arrive a créer une simple toolbar avec des boutons dessus :p

Seulement, en suivant de nombreux tutos sur le net, et dont notament la documentation mozilla, j'essaye désespérement d'inclure une feuille de style CSS à mon code XUL, afin de pouvoir personnaliser ma toolbar, ainsi que ( ce qui m'importe vraiment y inclure des images ! ).

Le probleme est donc que tout s'affiche bien, ma barre est en place etc.. seulement les images définis dans la .css n'aparaissent pas, comme s'il ne trouvais pas le fichier de configuration .css ou alors les images elles même.

Je vous inclus donc dans ce message les différents fichiers de mon extension histoire de voir si vous trouvez une solution à mon problème...

Je vous remercie d'avance :)

chrome.manifest

content     hello    chrome/chromeFiles/content/
overlay chrome://browser/content/browser.xul chrome://hello/content/hello.xul
skin	hello	classic/1.0	skin/
style	chrome://global/content/customizeToolbar.xul	 chrome://hello/skin/overlay.css

install.rdf

<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:em="http://www.mozilla.org/2004/em-rdf#">

 <Description about="urn:mozilla:install-manifest">
   <em:id>hwte@lyart.com</em:id>
   <em:version>1.0</em:version>
   <em:type>2</em:type>
  
   <!-- L'application cible de l'extension, 
        avec les versions minimums et maximums supportées. --> 
   <em:targetApplication>
     <Description>
       <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
       <em:minVersion>1.0+</em:minVersion>
       <em:maxVersion>1.5.0.*</em:maxVersion>
     </Description>
   </em:targetApplication>
  
   <!-- Méta-données visibles -->
   <em:name>Hello</em:name>
   <em:description>Hello World Test Extension</em:description>
   <em:creator>John Chavarria (psi)</em:creator>
   <em:homepageURL>http://psi.lya-fr.com/</em:homepageURL>

 </Description>      
</RDF>

hello.xul

<?xml version="1.0" ?>
<?xml-stylesheet href="chrome://hello/skin/overlay.css"  type="text/css"?>

<overlay id="sample"  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script type="application/x-javascript" src="chrome://hello/content/hello.js"/>

<toolbox id="navigator-toolbox">
	<toolbar id="Hello-Toolbar" accesskey="T" class="chromeclass-toolbar" context="toolbar-context-menu" toolbarname="Hello Test Toolbar" hidden="false" persist="hidden">

		<toolbaritem flex="0">
			<toolbarbutton id="Hello-MainMenu" type="menu" label="Hello ?" tooltiptext="Hello Toolbar Main Menu">
				<menupopup>
					<menuitem label="Say Hello" accesskey="H" tooltiptext="Wanna say hello" oncommand="hello();" />
					<menuseparator />
					<menuitem label="Say GoodBye" accesskey="G" tooltiptext="Wanna say Goodbye" oncommand="bye();" />
				</menupopup>
			</toolbarbutton>
		</toolbaritem>

		<toolbaritem id="Hello-Search" persist="width">
			<menulist id="Hello-SearchTerms" editable="true" flex="1" minwidth="100" width="250" maxwidth="400">
			</menulist>
		</toolbaritem>
		
		<splitter id="Hello-ResizeSplitter" state="open" collapse="none"
			resizebefore="closest" resizeafter="farthest"
			tooltiptext="Resize the Search Box" />

		<toolbarspring />
	</toolbar>	
</toolbox>
 
</overlay>

overlay.css

#Hello-MainMenu
{
   list-style-image: url("chrome://hello/skin/btn_large.png");
}

arborescence de mes fichiers :

+ hello/
   + chrome/
       + chromeFiles/
           + content/
               + hello.xul
               + hello.js
           + skin/
               + overlay.css
               + btn_large.png
   + install.rdf
   + chrome.manifest 

Voila en espérant que vous pourez m'aider, si j'amais je le repète je ne suis pas dans la bonne section, oubliez ce post :)

Merci !

psi ( John ) psi@psi-factory.info

# Re: Probleme Ext FF et CSS...

Envoyé par : Utilisateur anonyme

Date : 09/03/2006 23:29

Problème résolu :)

Dans mon chrome.manifest je devais modifier ma ligne skin par :

skin hello classic chrome/chromeFiles/skin/

Voila ! Si ca peut aider quelqu'un :)

Il n'est plus possible de poster des messages dans ce forum.


Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.