"Orange" Modern UI Theme: Difference between revisions

From NSIS Wiki
Jump to navigationJump to search
m (Updated by user: MoNKi (talk, contrib).)
m (Reverted edits by 117.198.35.41 to last version by Kichik)
 
(14 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{PageAuthor|MoNKi}}
{{PageAuthor|MoNKi}}
== Links ==
== Links ==
<attach>Orange-Full-MoNKi.zip</attach>
<attach>Orange-Full-MoNKi.zip</attach><br />
Includes source files in Adobe Photoshop and Macromedia Freehand format.


Extract the contents of the package in the "${NSISDIR}\Contrib\Graphics" dir.
Extract the package contents in the "${NSISDIR}\Contrib\Graphics" dir.


== Description ==
== Description ==
Line 10: Line 12:
It has two themes (general and NSIS), each one with different icons:
It has two themes (general and NSIS), each one with different icons:


http://www.iespana.es/lsmonki/NSIS/Orange/Sets.png
[[File:Orange_Sets.png]]


Each theme consist of two icons (un/install), two "wizard" bitmaps (un/install), and four "header" bitmaps (un/install, left/right).
Each theme consist of two icons (un/install), two "wizard" bitmaps (un/install), and four "header" bitmaps (un/install, left/right).
Line 16: Line 18:
== Welcome/Finish Bitmaps ==
== Welcome/Finish Bitmaps ==


http://www.iespana.es/lsmonki/NSIS/Orange/Wizard.png
[[File:Orange_Wizard.png]]


== Headers ==
== Headers ==


http://www.iespana.es/lsmonki/NSIS/Orange/Headers.png
[[File:Orange_Headers.png]]


== Icons ==
== Icons ==


http://www.iespana.es/lsmonki/NSIS/Orange/Icon-Images.png  
[[File:Orange_Icon-images.png]]


== Screenshots ==
== Screenshots ==
Line 30: Line 32:
=== Install ===
=== Install ===


[http://www.iespana.es/lsmonki/NSIS/Orange/1.jpg http://www.iespana.es/lsmonki/NSIS/Orange/1_s.jpg]
[[File:Orange_shoot_1.jpg|thumb|none|Screenshot 1]] [[File:Orange_shoot_2.jpg|thumb|none|Screenshot 2]]
[http://www.iespana.es/lsmonki/NSIS/Orange/2.jpg http://www.iespana.es/lsmonki/NSIS/Orange/2_s.jpg]


=== Uninstall ===
=== Uninstall ===


[http://www.iespana.es/lsmonki/NSIS/Orange/Un1.jpg http://www.iespana.es/lsmonki/NSIS/Orange/Un1_s.jpg]
[[File:Orange_shoot_un1.jpg|thumb|none|Screenshot 3]]
[http://www.iespana.es/lsmonki/NSIS/Orange/Un2.jpg http://www.iespana.es/lsmonki/NSIS/Orange/Un2_s.jpg]
[[File:Orange_shoot_un2.jpg|thumb|none|Screenshot 4]]
 
== Usage ==
 
Here's a simple copy-n-paste example on how to use the orange theme.<BR>
The code below uses the text-on-the-box variant and a right-sided header.
 
<highlight-nsis>
; MUI Settings / Icons
!define MUI_ICON "${NSISDIR}\Contrib\Graphics\Icons\orange-install-nsis.ico"
!define MUI_UNICON "${NSISDIR}\Contrib\Graphics\Icons\orange-uninstall-nsis.ico"
 
; MUI Settings / Header
!define MUI_HEADERIMAGE
!define MUI_HEADERIMAGE_RIGHT
!define MUI_HEADERIMAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-r-nsis.bmp"
!define MUI_HEADERIMAGE_UNBITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-uninstall-r-nsis.bmp"
 
; MUI Settings / Wizard
!define MUI_WELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-nsis.bmp"
!define MUI_UNWELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-uninstall-nsis.bmp"
</highlight-nsis>
 


[[Category:Graphics and UIs]]
[[Category:Graphics and UIs]]

Latest revision as of 18:52, 17 March 2013

Author: MoNKi (talk, contrib)


Links

Orange-Full-MoNKi.zip (557 KB)
Includes source files in Adobe Photoshop and Macromedia Freehand format.

Extract the package contents in the "${NSISDIR}\Contrib\Graphics" dir.

Description

The "Orange Modern UI Theme" is a collection of icons and bitmaps for use with the Modern UI, based on the colors of the NSIS website.

It has two themes (general and NSIS), each one with different icons:

Orange Sets.png

Each theme consist of two icons (un/install), two "wizard" bitmaps (un/install), and four "header" bitmaps (un/install, left/right).

Welcome/Finish Bitmaps

Orange Wizard.png

Headers

Orange Headers.png

Icons

Orange Icon-images.png

Screenshots

Install

Screenshot 1
Screenshot 2

Uninstall

Screenshot 3
Screenshot 4

Usage

Here's a simple copy-n-paste example on how to use the orange theme.
The code below uses the text-on-the-box variant and a right-sided header. 

; MUI Settings / Icons
!define MUI_ICON "${NSISDIR}\Contrib\Graphics\Icons\orange-install-nsis.ico"
!define MUI_UNICON "${NSISDIR}\Contrib\Graphics\Icons\orange-uninstall-nsis.ico"
 
; MUI Settings / Header
!define MUI_HEADERIMAGE
!define MUI_HEADERIMAGE_RIGHT
!define MUI_HEADERIMAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-r-nsis.bmp"
!define MUI_HEADERIMAGE_UNBITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-uninstall-r-nsis.bmp"
 
; MUI Settings / Wizard
!define MUI_WELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-nsis.bmp"
!define MUI_UNWELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-uninstall-nsis.bmp"
Retrieved from "https://nsis.sourceforge.io/mediawiki/index.php?title=%22Orange%22_Modern_UI_Theme&oldid=23110"