[mritter]

There is a new theme engine for v8 that is quite powerful. There are 4 types of themes: Accordion, CorporateIT, euDock, and Windows. These each have their own "core" layout code so all themes of the same type keep a consistant look and feel.

In each theme folder is a new file, wpi_theme.js. This is where you will do your customization. Not all themes have every item. If it's not in the file, it's not supported. euDock has a limited list of items, for example.

For lack of a better name for now, David theme is based on Windows' engine and utilizes almost all the options. Compare with other similar themes to see how they work. Woody theme is one of the few that uses the Logo option. David uses a background color (no image) and uses the new SidePanel.png image.

Read the ChangeLog.txt for more specific details.

If you have any new custom theme layouts, send them my way. I am always looking for new designs, especially for "corporate" network share use.

If you have any new ideas, post them here or send me your theme via email with the details.

Quote

Updated all of the themes to a new rendering engine. The html code is
no longer in the theme folder. This way all the themes will match and
function properly. All images may be replaced or removed. Many items
in the theme are still customizable. This is done via the new
wpi_theme.js in each theme folder. The type of theme is defined in the
wpi.inf file: Windows, euDock, CorporateIT, or Accordion.

The names of the images are hard coded in and can not be changed and
they must be PNG images.

The background image can either be called Wallpaper.jpg or
Wallpaper.png. Or no image and set a background color.

If Title.png exists it will be used. If does not exist, text will be
used. To have no image and no text, copy in Title.png from
/Commom/imgs/.

If TitleBG.png exists, it will be used as the background pattern. Or
set a color in wpi_theme.js.

SmallBarT.png a SmallBarB.png, if exist will be used. Erase them to not
use them. The heights can be specified in some themes.

If SidePanel.png exists, it will be used as the background for the side
panel (Begin Install, Select All, Select None, etc.). And/or a color
can be specified. The width of the side panel is also customizable.

If Logo.png exists, it will be used as a second image. It is mainly
meant for a company logo/watermark when don't want a big background.
Usually would be light colored, almost transparent. Set it's right
edge and bottom edge location.
PinkRibbon and Woody themes are examples.

If Bottom.png exists, it will be placed in the bottom bar at center.

If BottomBG.png exists, it will be used as the background pattern. Or
set a color in wpi_theme.js.

You can specify and customize text to be placed in the bottom bar in
wpi_theme.js. Can not have both image and text.

The exit button can be on left or right side, and show or not show the
text.

Not all theme types have all the customizable features. If it's not in
wpi_theme.js then it can't be modified so don't try to add anything from
other types.

Went through every css file and removed several old items that are no
longer used, and changed the names of several items.

This post has been edited by mritter: 12 May 2010 - 10:17 AM

[ZEUS__]

Hi @mritter,
I try some design for my WPI and here's screenshots that I don't want to the installer screen is resizable.. how can I do that?


here's I don't want it to resizable; installer should always be fixed size.. is there a way?


I looked in installer.hta and I couldn't reliaze an option like resizable.

I looked here;

<script type="text/javascript">
	document.write('<HTA:APPLICATION ID="oWPI_Installer"' +
		' application="yes"' +
		' singleInstance="yes"' +
		' applicationName="Windows Post-Install Wizard Installer"' +
		' version="'+ShortVersion+'"' +
		' icon="../Graphics/wpi.ico"' +
		' border="yes"' +
		' borderStyle="normal"' +
                ....
                ....
                .....

[Kelsenellenelvian]

WOW THATS TOTALLY NEATO!!!

[ZEUS__]

@Kelsenellenelvian,
I try something on Windows7 Theme that embed of WPI 8. If I make it well enough for share, I'll share with my pleasure..

[mritter]

Zeus: I am glad you asked about the window resizing. I looked for it a while back, couldn't find anything. I just looked again and found it right away. The Installer window size is now locked.


All theme customizations are welcome. Just don't modify the Installer.hta file, do it all through your theme's wpi.css and installer.css.

[ZEUS__]

thanks @mritter.. OK, I'll make changes as your said

[ZEUS__]

Hi again,
I made my theme.. I think it's good. But there are somethings about to say.
1- I used your old one logo. it seemed much more good with this theme that on right side..
2- I had to use an extra install background image for fully background appearance..
3- and I used an extra progress bar image.
So I don't know if you want to embed it to WPI or not because of its.. but I want to share..
I gave its name "7fresh"
Anyway, here's link to download;
http://rapidshare.co...99398/7Fresh.7z

here's files;

here's extra install bg that have to put it on "WPI\Common\imgs\InstallBgs" folder and of course you should select it from options.


and your old one logo that should put it on "WPI\Common\imgs\InstallLogo" folder


here's image for progress bar, you should put it on "WPI\Common\imgs\ProgressBars" folder, and select it.


here's screenshots;




edit: sorry. download link is now correct for theme. I made a mistake when make .7z theme folder.

This post has been edited by ZEUS__: 18 May 2010 - 09:37 AM

[mritter]

Zeus: First off, test install 20+ items so you see an issue with the image in the install_text box. It scrolls. I will have to add an extra <div>.

Second, let me do some more updating to the themes. Some things need more "automation". As in, if you have your own progress bar in the theme folder, then that one will override the one chosen in Options->Style tab.

I don't want people to have to add several files manually to the Common folder. That folder is "do not touch".

[ZEUS__]

@mritter, sorry I hadn't tested it with 20+ items, you right. it scrolled. I gave a try and now it seemed good for me. can you also try this?

on installer.css if you changed css line 81

from this:

#Install_prog{background:url('./fully_bg_trans.png') no-repeat -14px -68px;}

to this;

#Install_prog{background:url('./fully_bg_trans.png') no-repeat fixed 0px 60px;}

it worked good.
ss:

and you're totally right about automation and about "do not touch common folder".. as you said if you make some changes for theme folder to override, it will be very good.
one is progressbar,
one is install logo and
one is install bg, it will be perfect.

I'm waiting... full background picture gives WPI a new view

added: screenshot

This post has been edited by ZEUS__: 19 May 2010 - 08:57 AM

[mritter]

............sent Zeus and updated v8.0.2 with some tweaks..............

[ZEUS__]

@mritter,
I sent you a new theme, skin and button via mail.. I gave it's name "7Matrix".. hope you like it:)

[mritter]

Yes, very nice. It will be included in the next release. Some new stuff not quite ready for current version.

[RealFasix]

Hello everyone, I have a question ... I used the search but have not found anything useful.

I'm using version 8.0.3 of WPI, before I used the 7.7.0 installation that eventually showed the image Install_Sucess.png this in the theme folder, now with this version does not and shows a simple message "success" how can I do to use the image? Thank you.

[ZEUS__]

@RealFasix, you should select options>general>from options drop down menu> select "Show images in installer"

[RealFasix]

hu was so simple .. fool that I had slingshots directly between configuration files. ok thanks.

now another question, if I try to change the name of the folder style "skyblue" buttons disappear and appear only in writing. Why?

[Kelsenellenelvian]

Thats becaues there is no "skyblue2" theme. So the button images were never made for it.

[mritter]

Each style has css and images. You need to create a new one from ground up if you want to change colors. Send me your samples if you have an idea for a new color.

[arabianhorse]

hello all.
please Is it possible to make this theme

http://www.mediafire...ta_Ultimate.rar

[mritter]

Will get it added for 8.2.0 release.


There already is a Vista Ultimate theme. Give it a new name.

This post has been edited by mritter: 19 October 2010 - 08:55 AM