Information Bar for Guests

https://vborg.vbsupport.ru/showthread.php?t=72279 - Original hack for 3.0.x

What is this?
This will display an information bar across the top of the browser window that appears to be like the Information Bar that is from Windows XP SP2. When the user clicks it they will be sent to the registration page for your forums. This is not a popup.

If the user is logged in then this will not display at all. This only appears on the page for people who are not logged in.

http://www.veteransresources.org/forums/index.php? - Example Site

How many changes?

• Uploads: 4
  • infobar.css
  • infobar.wav (optional)
  • warning.gif
  • warning2.gif
• File edits: 0
• Template edits: 2
  • headinclude
  • header
• New templates: 0
• Queries: 0

Version History

• 1.05
  • fix for Firefox (Bytecon)
• 1.04
  • added info bar sound (Lionel)
• 1.03
  • no javascript required now
  • works in Firefox
• 1.02
  • removed information bar any browser other than IE
• 1.01
  • removed information bar from login and registration pages (Lionel)
• 1.00
  • initial release

Screenshots
Guest on forums
Guest hovering over info bar

Please click Install this Modification if you like it.

[bashy]

Hi

I do have it in the "header" template right below "logo"
Yet i still get this issue with it

Going to have another look!!

Bashy

[bashy]

Hi

Have tried again, i get that bar in the pic showing in FF but not in IE6

Just does not want to play ball with me

Bashy

[Slapyo]

bashy, can you please provide a link to the forum so i can see. or maybe take a screenshot in both FF and IE and post them up.

[bashy]

Hi slapo..

Sorry for my lateness, i saw the rply come through on email
but totally forgot about replying....
Since doing other mods this one no longer works now anyway

link is... www.bashys-place.com

Cheers m8

Bashy

[Slapyo]

Works with 3.5.3 ... no template changes at all.

[Bytecon]

Thanks - nice script, however I have found a few problems with it. In firefox there is a horizontal scroll bar, let me tell you why this is.

You have set the links to be 100% in width and ALSO gave them padding. The box model example shows that the total width = Width + margin + padding + border. Therefore firefox sees the width as 100% + PADDING which is why there is a horizontal scrollbar.

I tried adding another element inside the div to handle the padding with no luck I am just explaining to you what the problem is exactly.

[Totti]

right, indeed ... and when i scroll to the right, the text moves left, but the image sticks to its position ... looks funny

If anybody got a solution, please post, thanks in advance!

p.s.: i got 9 new subscriptions in just 2 weeks, with our mainpage beeing offline ... nice one

[Slapyo]

Originally Posted by Bytecon

Thanks - nice script, however I have found a few problems with it. In firefox there is a horizontal scroll bar, let me tell you why this is.

You have set the links to be 100% in width and ALSO gave them padding. The box model example shows that the total width = Width + margin + padding + border. Therefore firefox sees the width as 100% + PADDING which is why there is a horizontal scrollbar.

I tried adding another element inside the div to handle the padding with no luck I am just explaining to you what the problem is exactly.

Ya, I had noticed the same thing too ... I just never ended up trying to fix it. I've been really busy. I'll try to look into the problem some more. Thanks for reminding me...I probably would have forgotten for good.

[Bytecon]

Ok, I am pretty sure I fixed it, there was also a Safari issue by not using hex colours for the background. New code below, maybe add it into the main release once your happy with it?

infobar.css

body {
	margin: 0 !important;
	padding: 0 !important;
}

/* A fake IE information bar */
#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(warning.gif) no-repeat fixed .3em .3em;
	border-bottom: .16em outset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	color: #FFF;
	background: #3169B6 url(warning2.gif) no-repeat fixed .3em .3em;
}

#infobar p{
	margin:0px;
	padding: .45em 0em .45em 22px;
	font-size:11px;
}

Add the following code in your header (no sound):

<if condition="($show['guest']) AND (THIS_SCRIPT != 'register') AND (THIS_SCRIPT != 'login')">
<div id="infobar"><a href="http://www.talkski.com/register.php"><p>It appears you have not yet registered with our community. To register please click here...</p></a></div></if>

Note also that there was no need for a table at the top of the site, it can be done fully in CSS, this has been fixed.

Thanks,
Michael

[Slapyo]

Hrm, it looks weird in FF.