"Orange" Modern UI Theme: Difference between revisions

From NSIS Wiki
Jump to navigationJump to search
m (Wikipedia python library)
 
m (Reverted edits by 117.198.35.41 to last version by Kichik)
 
(24 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{PageAuthor|MoNKi}}
== Links ==
== Links ==
*Get the package (source files included): [[Orange-Full-MoNKi.zip|Orange-Full-MoNKi.zip]]
<attach>Orange-Full-MoNKi.zip</attach><br />
*Extract the contents of the package in the "${NSISDIR}\Contrib\Graphics" dir.
Includes source files in Adobe Photoshop and Macromedia Freehand format.
 
Extract the package contents in the "${NSISDIR}\Contrib\Graphics" dir.


== Description ==
== 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.
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 diferent 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 14: 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 28: Line 32:
=== Install ===
=== Install ===


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_s.jpg


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


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_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"


== Graphic Links ==
; 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>


[http://www.iespana.es/lsmonki/NSIS/Orange/1.jpg 1.jpg]
[http://www.iespana.es/lsmonki/NSIS/Orange/2.jpg 2.jpg]
[http://www.iespana.es/lsmonki/NSIS/Orange/Un1.jpg Un1.jpg]
[http://www.iespana.es/lsmonki/NSIS/Orange/Un2.jpg Un2.jpg]


Page author: MoNKi
[[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"