"Orange" Modern UI Theme: Difference between revisions

From NSIS Wiki
Jump to navigationJump to search
m (Updated author links.)
m (Reverted edits by 117.198.35.41 to last version by Kichik)
 
(21 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{|align=right
{{PageAuthor|MoNKi}}
|<small>Author: [[{{ns:2}}:MoNKi|MoNKi]] ([[{{ns:3}}:MoNKi|talk]], [[{{ns:-1}}:Contributions/MoNKi|contrib]])</small>
|}
<br style="clear:both;">== Links ==
<attach>Orange-Full-MoNKi.zip</attach>


Extract the contents of the package in the "${NSISDIR}\Contrib\Graphics" dir.
== Links ==
<attach>Orange-Full-MoNKi.zip</attach><br />
Includes source files in Adobe Photoshop and Macromedia Freehand format.
 
Extract the package contents in the "${NSISDIR}\Contrib\Graphics" dir.


== Description ==
== Description ==
Line 12: 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 18: 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 32: 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"
 
; 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>


== Graphic Links ==


[http://www.iespana.es/lsmonki/NSIS/Orange/1.jpg 1.jpg]
[[Category:Graphics and UIs]]
[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]

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"