pomoc s GUI (xul, css...)

Rozšírenia a témy vzhľadu vyvíjané komunitou okolo Mozilla.sk
Zamknuté
Devil's Omelet
začiatočník
začiatočník
Príspevky: 3
Dátum registrácie: 24. Apríla 2009, 23:21

pomoc s GUI (xul, css...)

Príspevok od užívateľa Devil's Omelet » 25. Apríla 2009, 02:33

Zdravim Mozilla forum :ilovefirefox: ,

som tu uplne new a viem ze sa to nepatri hned zakladat novu temu, ale mam problem ktory mi snad niekto odtialto pomoze vyriesit. Keby na mna netlaci cas tak to snad poriesim neako sam, ale takto nemam moc na vyber.

Robim na jednej extension pre FF, bude to kresliaca utilitka na baze canvasu umoznujuca kreslenie priamo do browsera a mam paradoxne problem s GUI. Potrebujem to rychlo zbuchat, zopar tlacitok v toolbare, ale neako som sa zamotal. Nechce mi zobrazit obrazky na toolbarbuttonoch.


folders and files:
D:\extensions\firebrush
---chrome.manifest
---install.rdf
---\chrome
------\content
------sample1.xul
------\skin
------firebrush.css
------eraser.png



xul file vypada takto:

Kód: Vybrať všetko

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://firebrush/skin/firebrush.css" type="text/css"?>
<overlay id="sample1" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<toolbox id="navigator-toolbox">   
	
 	<toolbar 
				       			id="toolbar-add" 
										toolbarname="Firebrush Toolbar" 
										class="chromeclass-toolbar" 
										context="toolbar-context-menu" 
				       			hidden="false"> 
				       			
				       			<toolbarseparator />
				       			
				       			<toolbarbutton id="brush-add" 
				       			tooltiptext="Brush tool"/>
				       			
				       			<toolbarseparator />
				       			
				       			<toolbarbutton id="high-add" 
				       			tooltiptext="Highlighter tool"/>
				       			
				       			<toolbarseparator />
				       			
				       			<toolbarbutton id="eraser-add" 
				       				tooltiptext="Eraser tool"/>
				       				
				       			<toolbarseparator />
				       			
				       			<toolbarbutton id="save-add" 
				       				tooltiptext="Save"/>
				       				
				       			<toolbarseparator />
				       			
				       			<toolbarbutton id="load-add" 
				       				tooltiptext="Load"/>
				       				
				       				 		       				
				       			<toolbarseparator />
				       			
	</toolbar>
	</toolbox>
</overlay>
css file (testujem to len na 1 obrazku, ma 20x20 pixelov) :

Kód: Vybrať všetko

#eraser-add {
    list-style-image: url("chrome://firebrush/skin/eraser.png");
}
chrome.manifest file:

Kód: Vybrať všetko

content     firebrush    chrome/content/ 
overlay chrome://browser/content/browser.xul chrome://firebrush/content/sample1.xul
skin 		firebrush	 	chrome/skin/ 
Predom dik za pomoc.

Užívateľov profilový obrázok
Mazarik
Administrátor
Administrátor
Príspevky: 2706
Dátum registrácie: 29. Novembra 2005, 15:15
Bydlisko: Brno

Re: pomoc s GUI (xul, css...)

Príspevok od užívateľa Mazarik » 26. Apríla 2009, 21:00

Nikdy som so skinmi nepracoval a obrazky davam do content (viem ,ze to nie je spravne). Takze pokial to potrebujete rychlo, tak to dajte do content a odkazujte sa na to priamo a nepotrebujete ani prislusny zaznam v chrome.manifest. Adresar so skinmi je dobry aj tak na to, pokial by ste chceli urobit ine zobrazenie rozsirenia pre niekolko tem Firefoxu.

Zamknuté