 |
|
+ Main Designs + Main Menu Designs + Corner Layouts + Popup |
 |
 |
|
+ 88x31 + 200x40 + 230x60 + 400x60 + 400x80 + 400x100 |
|
 |
|
+ Video Game Sprites + Guestbook Image Maps + Guestbook Buttons + Splash Images + Seperators + Background Tiles |
|
 |
|
+ Fonts + Tutorials + Graphic F/X Tutorials + Links + Email Me + Sign The Guestbook + View The Guestbook + Cliques |
|
 |
|
|
October: Sailor Pluto
|
|
|
 |
    
|
|
A chromeless popup a window stripped of the normal interfaces, such as titlebar, browser buttons, status bar, etc. (aka chrome), allowing you to implement your own chrome, from how the title bar should look to the buttons to display (ie: close, max).
In other words, complete control over the window's look.
This will only work with Internet Explorer, it will appear as a regular popup window in other browsers.
Warning! The script currently does NOT work in Windows XP from SP1 (Service Pack 1) and after.
The problem is due to a changed behavior in XP from a security update that prevents it from working at all.
First, you'll need to download chromeless.zip.
You can customize the images or leave them as is.
Upload the images and the chromeless_35.js file to your server.
Next, add this between the <HEAD> </HEAD> tags of your splash page.
<script language="javascript">
/*
Chromeless Window (v3.5)- By Gabriel Suchowolski (this credit MUST stay intact)
Author site at http://www.microbians.com
Visit http://www.dynamicdrive.com for this script
*/
//For paramater explanations, see accompanying faq.htm file
function openIT(u,W,H,X,Y,n,b,x,m,r) {
var cU ='close.gif'
var cO ='close.gif'
var cL ='clock.gif'
var mU ='minimize.gif'
var mO ='minimize.gif'
var xU ='max.gif'
var xO ='max.gif'
var rU ='restore.gif'
var rO ='restore.gif'
var tH ='<font face=verdana size=2>Chromeless Window</font>'
var tW ='Chromeless Window'
var wB ='#D5D5FF'
var wBs ='#D5D5FF'
var wBG ='#D5D5FF'
var wBGs='#D5D5FF'
var wNS ='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0'
var fSO ='scrolling=auto noresize'
var brd =b||5;
var max =x||false;
var min =m||false;
var res =r||false;
var tsz =20;
return chromeless(u,n,W,H,X,Y,cU,cO,cL,mU,mO,xU,xO,rU,rO,tH,tW,wB,wBs,wBG,wBGs,wNS,fSO,brd,max,min,res,tsz)
}
</script>
var cU ='close.gif' - Gif for close on normal state.
var cO ='close.gif' - Gif for close on mouseover.
var cL ='clock.gif' - Gif for loading indicator.
var mU ='minimize.gif' - Gif for minimize to taskbar on normal state.
var mO ='minimize.gif' - Gif for minimize to taskbar on mouseover.
var xU ='max.gif' - Gif for maximize normal state.
var xO ='max.gif' - Gif for maximize on mouseover.
var rU ='restore.gif' - Gif for minimize on normal state.
var rO ='restore.gif' - Gif for minimize on mouseover.
var tH ='Chromeless Window' - Title for the title bar. HTML tags (FONT,U,I,etc) can be used here.
var tW ='Chromeless Window' - Title shown in the Windows task bar.
var wB ='#D5D5FF' - Border color.
var wBs ='#D5D5FF' - Border color when the window is being dragged.
var wBG ='#D5D5FF' - Background color of the title bar.
var wBGs='#D5D5FF' - Background color of the title bar when the window is being dragged.
var wNS ='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0' - HTML parameters for Netscape. 0=no 1=yes
var fSO ='scrolling=auto noresize' - Html parameters for main content frame.
var brd =b||5; - Extra border size.
var max =x||false; - Maximize (true or false).
var min =m||false; - Minimize option (true or false).
var res =r||false; - Resizable window option (true or false).
var tsz =20; - Height of title bar in pixels.
Finally, add your link to open the window.
<a href="#" onclick="mywindow=openIT('page.htm',500,500,null,null,'mywindow',5,false,true,false); return false">Link</a>
'page.htm' - Page to open in the window.
500 - Width of your window in pixels
500 - Height of your window in pixels
10 - Position from left side of screen in pixels (null=center)
10 - Position from top side of screen in pixels (null=center)
'mywindow' - Name of the window.
5 - Extra border size
true - Maximize option available (true or false).
true - Minimize option available (true or false).
true - Resize option available (true or false).
With some practice, and some trial and error, you should be able to get it to work ok.
To see it in full action, click here.
Version 3.5 Source: DynamicDrive.Com
Layout Source: Breeze Graphics