Guys check this site.. http://symbian.mobilethemes.com/downloads/info/24346.jsp
If you are not logged in.. it gives a IE tool bar saying "You are not logged in."similar like the ActiveX warning of IE..
Any idea how this was done..
Guys check this site.. http://symbian.mobilethemes.com/downloads/info/24346.jsp
If you are not logged in.. it gives a IE tool bar saying "You are not logged in."similar like the ActiveX warning of IE..
Any idea how this was done..
Jump to PostYeah, it's just faking it. The little yellow alert region is simply a CSS styled div element. It works on all browsers, and looks quite out-of-place in Opera :D.
Jump to PostHes just using css to style a div he inserted after his body tag
css is
#info { width: 100%; overflow: hidden; position: absolute; top:0px; z-index:2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; } #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active { display: …
It is somehow activating the security alert system - or doing a good job of faking it.
Yeah, it's just faking it. The little yellow alert region is simply a CSS styled div element. It works on all browsers, and looks quite out-of-place in Opera :D.
hmmm.. seems a nice trick if you want to show some alert to your website user.. no idea how he did that.. must be calling some "windows." function.. :|
Hes just using css to style a div he inserted after his body tag
css is
#info
{
width: 100%;
overflow: hidden;
position: absolute;
top:0px;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
{
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
font-family: tahoma;
font-size: 11px;
background: InfoBackground url('http://www.mobilethemes.com/images/icon_warning.gif') no-repeat fixed .3em .3em;
padding: .45em .3em .45em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover
{
font-family: tahoma;
font-size: 11px;
color: HighlightText;
background: Highlight url('http://www.mobilethemes.com/images/icon_warning_hover.gif') no-repeat fixed .3em .3em;
}
td,th {
font-family: tahoma;
font-size: 11px;
color: #838282;
margin:0px;
padding:0px;
}
html for the divs is
<body>
<div id="info"><div id="infobar"><a href="http://forum.mobilethemes.com/register.phtml">You are not logged in. You cannot download or upload any items unless you have an account. Click here to sign up - it's free! If you already have an account, enter your login details in the boxes below.</a></div></div>
it is a div with 100% width that drops down using a setInterval loop.
it is probably put in place by server side scripts
Absolutely positioned DIV element which changes colour on mouseover.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.