PDA

View Full Version : [2.2] default theme - change active sprite blue -> orange



denkoo
11 Aug 2008, 9:24 PM
This files can give you little change on your default theme but put some color point on all this blueeee :)

You can see an example here (http://213.251.166.160/~extjs/examples/layout-browser/layout-browser.html)
clic on combination examples &
* Absolute Layout Form (to check toolbar & buttons)
* Tabs with Nested Layouts (to check Tabs)

before patch you css file : ext-all.css
like describes on this thread http://www.extjs.com/forum/showthread.php?t=43871

save btn-sprite.gif => ext/resources/images/default/button/

save tabs-sprite.gif => ext/resources/images/default/tab/
save scroll-left.gif => ext/resources/images/default/tab/
save scroll-right.gif => ext/resources/images/default/tab/

save tb-btn-sprite.gif => ext/resources/images/default/toolbar/

Some result's picture

On Form Width button :
http://213.251.166.160/%7Eextjs/captures/button-onmoouseOver.gif
http://213.251.166.160/%7Eextjs/captures/button-onPressed.gif

On toolbar

here, no action... (nothing change :-)

http://213.251.166.160/%7Eextjs/captures/toolbar.gif

On mouse Over :
http://213.251.166.160/%7Eextjs/captures/toolbar_mouseOver.gif

on toolbar button pressed :
http://213.251.166.160/%7Eextjs/captures/toolbar_pressed.gif

On tabPanel :

The scrool left is mouse Over and tab 7 is activate
Button 'add Tab' is mouse Over :

Tab5 is mouse over :
http://213.251.166.160/%7Eextjs/captures/tabs_mouseOver.gif
Mouse over on tab 5:

http://213.251.166.160/%7Eextjs/captures/tabs_mouseOver.gif

Envoy :)

tavox
18 Aug 2008, 11:53 PM
thanks

tim.sporcic
19 Aug 2008, 5:37 AM
Very cool! Good job, and thanks.

-Tim

denkoo
19 Aug 2008, 12:44 PM
Some people say to me that they have problems with zip file

So I rePost it

Enjoy

ps : I post possibility to see an example online on first POST !

wolverine4277
20 Aug 2008, 7:46 AM
i'd like this variation of the Ext blue theme... only one thing... the bottom tabs are unchanged as showed in the screen capture... the tab with red border don't have the orange effect...