|
Main ContentUpdatesTo Do List You Health and Beauty Reads Jenni Quizzes Tutorials The Domain Dollmakers Link Star-Girl.org Question? Plug Your Site Index/Blog ExtraChange The SkinJenni Fanlisting Star-Girl.org Fanlisting Webdesign Question? Report An Error MT Blog Archives Nov-Apr 04 Archives Feb-Nov 03 Archives Sites and ProjectsShining Top SitesCreme De La Femme Starshine Boards Starstruck Zine Starshine.la LoginLinkageEtc.refreshes today |
This tutorial will help you make your pop up windows fully customisable and remove all the chrome stuff on the page. However, this won't work in all browsers, and doesn't work that well with Windows XP or AOL, although you can still view the page :) 1. Go to this site and download the file you need for making chromeless windows, or click here to download my zip file (you will need Winzip to open it). 2. Upload the files to your web site, I recommend putting them in a folder called 'chromeless' to keep everything organised. Within the 'chromeless' folder you just created, you should create two more folders, 'img' and 'js', then put the files you unzipped in those folders; the images should go in the first folder, the js file in the second. 3. Now add this code to your index page. It needs to go in the HEAD part of your page: 4. Near the top of the code where it says theURL="your-page.html", change it to the actual page of your site that you want to pop up in a chromeless window (e.g http://your-site.com/layout.html). Where it says, W=400; H=200;, the 'W' and 'H' are the width and height of your window, you can change these if you like. 5. The next part of the code shows the images that will be placed in the top bar of your window. If you followed my instructions exactly in step 2, then you won't need to change anything here. 6. Now, change the following variables to customise your window: windowREALtit The title on the taskbars at the bottom of windows. windowTIT The title on the popup. windowBORDERCOLOR The popup's border colour. windowBORDERCOLORsel The popup's border colour when moved/selected. windowTITBGCOLOR The title background colour. windowTITBGCOLORsel The background color of the title when clicked. 7. The following code needs to go on your index page - it's the link code for the chromeless window, so that when you click it, your window will open up. Don't forget to give your visitors another option if they can't "pop" or use chromeless windows: 8. Now save everything and test your page! Click here to see mine. Back | Forward Advertised |