mritter Posted May 12, 2010 Share Posted May 12, 2010 (edited) 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.Updated all of the themes to a new rendering engine. The html code isno longer in the theme folder. This way all the themes will match andfunction properly. All images may be replaced or removed. Many itemsin the theme are still customizable. This is done via the newwpi_theme.js in each theme folder. The type of theme is defined in thewpi.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 beused. 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. Orset a color in wpi_theme.js.SmallBarT.png a SmallBarB.png, if exist will be used. Erase them to notuse them. The heights can be specified in some themes.If SidePanel.png exists, it will be used as the background for the sidepanel (Begin Install, Select All, Select None, etc.). And/or a colorcan 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 mainlymeant 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. Orset 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 thetext.Not all theme types have all the customizable features. If it's not inwpi_theme.js then it can't be modified so don't try to add anything fromother types.Went through every css file and removed several old items that are no longer used, and changed the names of several items. Edited May 12, 2010 by mritter Link to comment Share on other sites More sharing options...
ZEUS__ Posted May 16, 2010 Share Posted May 16, 2010 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"' + .... .... ..... Link to comment Share on other sites More sharing options...
Kelsenellenelvian Posted May 16, 2010 Share Posted May 16, 2010 WOW THATS TOTALLY NEATO!!! Link to comment Share on other sites More sharing options...
ZEUS__ Posted May 16, 2010 Share Posted May 16, 2010 @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.. Link to comment Share on other sites More sharing options...
mritter Posted May 16, 2010 Author Share Posted May 16, 2010 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. Link to comment Share on other sites More sharing options...
ZEUS__ Posted May 17, 2010 Share Posted May 17, 2010 thanks @mritter.. OK, I'll make changes as your said Link to comment Share on other sites More sharing options...
ZEUS__ Posted May 18, 2010 Share Posted May 18, 2010 (edited) 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.com/files/388799398/7Fresh.7zhere'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. Edited May 18, 2010 by ZEUS__ Link to comment Share on other sites More sharing options...
mritter Posted May 19, 2010 Author Share Posted May 19, 2010 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". Link to comment Share on other sites More sharing options...
ZEUS__ Posted May 19, 2010 Share Posted May 19, 2010 (edited) @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 Edited May 19, 2010 by ZEUS__ Link to comment Share on other sites More sharing options...
mritter Posted May 19, 2010 Author Share Posted May 19, 2010 ............sent Zeus and updated v8.0.2 with some tweaks.............. Link to comment Share on other sites More sharing options...
ZEUS__ Posted June 6, 2010 Share Posted June 6, 2010 @mritter,I sent you a new theme, skin and button via mail.. I gave it's name "7Matrix".. hope you like it:) Link to comment Share on other sites More sharing options...
mritter Posted June 7, 2010 Author Share Posted June 7, 2010 Yes, very nice. It will be included in the next release. Some new stuff not quite ready for current version. Link to comment Share on other sites More sharing options...
RealFasix Posted July 22, 2010 Share Posted July 22, 2010 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. Link to comment Share on other sites More sharing options...
ZEUS__ Posted July 22, 2010 Share Posted July 22, 2010 @RealFasix, you should select options>general>from options drop down menu> select "Show images in installer" Link to comment Share on other sites More sharing options...
RealFasix Posted July 22, 2010 Share Posted July 22, 2010 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? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now