Fake IE Information Bar Script

theDragonsDen · **Fake IE Information Bar Script -** 11-07-2006, 10:28 AM

[SIZE=2]This is that yellow bar that comes up that gives a warning that there is something unsafe on the page.[/SIZE]

First is the CSS

Code:

 
/* A fake IE information bar */
body
{
 background-color: white;
 margin: 0px;
 padding: 0px;
}
#infobar {
 font: message-box;
}
/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
 display: block;
 color: #000;
 width:100%;
 background: #FFFFE1 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no-repeat fixed .3em .3em;
 border-bottom: .16em outset;
 text-decoration: none;
 cursor: default;
}
#infobar a:hover {
 color: #FFF;
 background: #3169B6 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no-repeat fixed .3em .3em;
}
#infobar p{
 margin:0px;
 padding: .45em 0em .45em 22px;
 font-size:11px;
}

Then the first thing after the <BODY> tag should be

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="100%"><div id="infobar"><a href=http://thedragonsden.us.to><p> Visit theDragonsDen....or replace this text with your own.</p></a></div></td></tr></table>

You can change the background to a different warning also. Just change the background url. This script is great for advertisements. Please don't use it for phishing purposes.

Pkshields · **Re: Fake IE Information Bar Script -** 11-07-2006, 11:25 AM

Very cool. The only thing is that there any way to add a close button on it because I don't really want it there all the time

theDragonsDen · **Re: Fake IE Information Bar Script -** 11-07-2006, 01:02 PM

Ok this should do what you want. I had to add javascript and a little more to the style
soo...I'll just give the whole html page.

Code:

 
<HTML>
<HEAD>
<SCRIPT>
function toggleitem(itemid)
{
var item = document.getElementById(itemid);
if(item.style.display == "block")
item.style.display="none";
else
item.style.display="block";
}
</SCRIPT>
<STYLE>
/* A fake IE information bar */
body
{
background-color: white;
margin: 0px;
padding: 0px;
}
#infobar {
font: message-box;
}
/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
color: #000;
width:100%;
background: #FFFFE1 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no
-repeat fixed .3em .3em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: #FFF;
background: #3169B6 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no
-repeat fixed .3em .3em;
}
#infobar p{
margin:0px;
padding: .45em 0em .45em 22px;
font-size:11px;
}
div#close {
position: absolute; top: 3px; right: 3px; 
}
.closebar {
height: 8;
width: 8;
margin: 0px;
background: url(http://img231.imageshack.us/img231/2826/xuc7.gif) no-repeat;
}
</style>
</HEAD>
<BODY>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="100%"><div id="infobar"><a href="http://thedragonsden.us.to"><p> Visit theDragonsDen....or replace this text with your own.</p></a></div></td></tr></table>
<div id="close" class="closebar" onclick="toggleitem(&quot;infobar&quot;); toggleitem(&quot;close&quot;)"></div>
Code provided by theDragonsDen
</BODY>
</HTML>

SugarBlush · 07:32 PM

Quote:

Originally Posted by theDragonsDen

[SIZE=2]This is that yellow bar that comes up that gives a warning that there is something unsafe on the page.[/SIZE]

First is the CSS

Code:

 
/* A fake IE information bar */
body
{
 background-color: white;
 margin: 0px;
 padding: 0px;
}
#infobar {
 font: message-box;
}
/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
 display: block;
 color: #000;
 width:100%;
 background: #FFFFE1 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no-repeat fixed .3em .3em;
 border-bottom: .16em outset;
 text-decoration: none;
 cursor: default;
}
#infobar a:hover {
 color: #FFF;
 background: #3169B6 url(http://img396.imageshack.us/img396/5451/warningrg7.gif) no-repeat fixed .3em .3em;
}
#infobar p{
 margin:0px;
 padding: .45em 0em .45em 22px;
 font-size:11px;
}

Then the first thing after the <BODY> tag should be

Code:

<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;><tr><td width=&quot;100%&quot;><div id=&quot;infobar&quot;><a href=http://thedragonsden.us.to><p> Visit theDragonsDen....or replace this text with your own.</p></a></div></td></tr></table>

You can change the background to a different warning also. Just change the background url. This script is great for advertisements. Please don't use it for phishing purposes.

Cool!!! but should I put the CSS in the same HTML file as code or should I put it in a separate file??

theDragonsDen · **Re: Fake IE Information Bar Script -** 11-09-2006, 05:45 AM

[SIZE=2]You could do whichever you prefer. To be honest it would be easier to save anything within the style tags as a seperate css so in the future you would only have to change that instead of each individual page. In which case save as style.css and use this code in the head.[/SIZE]
[SIZE=2][/SIZE]
[SIZE=2]<link rel="stylesheet" type="text/css" href="style.css" />[/SIZE]
[SIZE=2][/SIZE]
[SIZE=2][/SIZE]

Kurosaki Ichigo · **Re: Fake IE Information Bar Script -** 11-14-2006, 02:29 PM

Ye. A close button would be really good. And maybe a slide in feature like some floating frames you see on the net sometimes.