Message for guests [CSS3] - force registration

[Radjedef]

Update 1.5 now online, check it out!


Guest Message

A little fixed (=> the message is always on top of the browser window) message which guest's says to register in the forums. There is a little warning image (thx, famfamfam!) and a link to the registration page. The message is CSS3 ready and got nice borders and a shadow.

Update 1.5: What's new
- Border radius now also for Safari and Google Chrome
- Warning Image improved
- New stylish background
- Color changes
- Wider message (can be changed)
- some fixes

How To Install:

1. Add HTML Code to your header Template (at the top):
<vb:if condition="$show['guest']"><div class="guestm"> <img src="images/misc/warning.png" /> <b>Hello guest! It looks like you aren't a member already. Get now full access and <a href="register.php">register for free!</a></b></div></vb:if>

2. Add CSS Code to your additional.css File (Templates > CSS > additional.css):

div.guestm {
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:1px 1px 1px #666666;
background:url(images/misc/guestmbg.gif) repeat-x top;
background-color:#ef8d31;
border:1px solid #4A4848;
color:white;
max-width:280px;
min-height:18px;
padding:0 5px 3px;
position:fixed;
right:36px;
top:49px;
z-index:1;
}

div.guestm img {
padding-top:2px;
margin-bottom:-4px;
}



3. Upload images to the misc folder ("/images/misc/"). Image in the ZIP attachement.

That's it! :)

Special:

I added some more backgrounds (see attachment) which you can use.

Please rate and mark as installed, thx!

[Markos]

tagged till i get on my main pc

[DaMani]

where is the additional.css - i dont find it?

[chriske]

Add CSS Code to your additional.css File (Templates > CSS > additional.css):Double click on CSS Templates, Goodluck!

Nice mod btw, Tagged & will install later :)

[Manoel J?nior]

Very Thanks... Installed

[Radjedef]

Happy you guys like it, thanks! :)

Screenshot where you can find the additional.css in the attachment.

[Markos]

nice i got it installed :) is there any way to get it centered rather than on the right hand side of the forum

[Kolbi]

Vielen Dank :)

Werde es mir genauer anschauen.

[Radjedef]

nice i got it installed :) is there any way to get it centered rather than on the right hand side of the forum

yep, there is a way for that. Just copy this code:


div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
margin:auto;
background-color:#FEB966;
padding:2px 8px 5px 8px;
border:1px solid #000000;
z-index:1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
}

div.guestm img {
padding-top:2px;
}



if you want the message wider, just change the line in red.
enjoy :)

[Markos]

hmmm that put it to the left of the forum i want it bang in the center lol

[Radjedef]

hmmm that put it to the left of the forum i want it bang in the center lol

sorry, my fault :)

try this:


div.guestm {
max-width:150px;
min-height:18px;
position:fixed;
top:20px;
background-color:#FEB966;
padding:2px 8px 5px 8px;
border:1px solid #000000;
z-index:1;
-moz-border-radius:4px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
left:50%;
}

div.guestm img {
padding-top:2px;
}


again: edit the red line if you want a wider message ;)

[merk_aus]

Thanks I have tagged this and will install later is 1:24am and I am tired and beat so going to bed but will install when i get up thanks.

[Markos]

sorry, my fault :)

try this:



again: edit the red line if you want a wider message ;)

thanks :)

[Dr.osamA]

thanxxx

installed +5
________
Creampie Ebony (http://www.++++tube.com/categories/455/ebony/videos/1)

[Radjedef]

thanxxx

installed +5

Thanks! :)

[Kolbi]

With which browser is this tested?

[Charlie98902]

With which browser is this tested?

Appears to look like in Firefox?

[Thr33]

Im using the default template and there isnt an additional.css added..

[Radjedef]

With which browser is this tested?

Tested in Firefox and IE8.
If you want I can test it also in IE6 and IE7.
But CSS3 is NOT working in IE

Im using the default template and there isnt an additional.css added..

See here (https://vborg.vbsupport.ru/showpost.php?p=2002661&postcount=6)

[Rahstyles]

Were is "Additional CCS"? i cant find it?? i only see main ccs

[Cybeth]

Hallo,

Klasse Erweiterung :)

Getestet: IE8, Opera, Firefox, Chrome, Safari :up:

Gibt 5 Sterne

[Kolbi]

Funktioniert bei mir: www.2wp.eu nun auch tadellos.

Vielleicht mache ich die Hintergrundfarbe noch gleich wie die der Hinweisebox. Mal schauen...

[sKippah]

Is it possible to add something to close it?

[Kolbi]

Doesn?t work with IE8 ?!?

See: www.2wp.eu

[Candostum]

it gives xhtml error

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.forumsancak.com%2Fforum %2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[Radjedef]

Doesn?t work with IE8 ?!?

See: www.2wp.eu

Should work with IE8 :-/
Just tested.
The Border Radius and the shadow doesn't work in IE I know, but that's because IE8 doesn't support CSS3 :(

it gives xhtml error

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.forumsancak.com%2Fforum %2F&charset=%28detect+automatically%29&doctype=Inline&group=0

I'm on it :)

[Kolbi]

Incredible sometimes it doesn´t work with IE8 and sometimes it does.

Another incredible thing is that with the IE8 it seems to work more often on forumhome than on other sites....

[Kolbi]

it gives xhtml error

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.forumsancak.com%2Fforum %2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Try this:
<vb:if condition="$show['guest']"><div class="guestm"><img src="images/misc/warning.png" height="16" width="16" alt="" />[...]

[Rahstyles]

This is the best mod

[Selcor]

Thanks! :D

[YankForum]

installed with no pain , great addon , tnx

[BlueCheri]

Installed, thanx

[Semmi]

nice, nice man;)

[baghdad4ever]

installed

thanks

[hqlman]

This is not working for me on my fixed width template, i get this problem: https://vborg.vbsupport.ru/external/2010/06/93.jpg

Another thing I cannot see this message in Chrome :confused:

How can I fix this?

[Radjedef]

hi :)

just change the distance from the right side:

right:36px;


hm, it should work in chrome, can I see your page?

thx :)

[hqlman]

hi :)

just change the distance from the right side:

right:36px;


hm, it should work in chrome, can I see your page?

thx :)

Worked perfectly, thanks a lot :)

[Entonadoscl]

work perfect.. thanks!!

[LuisManson]

in my case some of my pages got the text as description in google :(

[javivi0]

Installed, thanx

but one question, can go against the rules if insert google adsense code?

thanks

[sadiq6210]

Thanks .. Installed

I could suggest to improve the code so the guest can close the message

[max2008]

Installed, VB 4.0.4 ,

thank you so much

[Jack12]

Would be absolutely fantastic if the guest could close the message.

I want to bring registering to their attention, but not hinder their view of the forum.

Tagged.

[Diablotic]

Tagged, will install when ability to close is added

[ZEHH]

Thanks !!!!

[dprice]

Great mod! Thanks!!!

[tattooz]

I am having trouble getting this to work. It is showing up on the top instead of in a box

Any ideas?

I got it to work. I added the CSS code to the top instead of the bottom...

[thecelticway]

installed and working great~~~~~~~~:up:

[denman75]

works great
good mod :)

[VonDoom]

Installed and rated.. Looks great and im sure it will help with registrations.. Big thanks..
lol on another note it took me a few minutes to figure out why it wasnt working.. haha forgot to log out to test it. ;)

[SouthEastSxS]

Nice, installed, works great thanks for sharing.

[steve1966]

Thank you

[elwachiman]

installed work perfect tnks

[rughis]

Fantastic mod

Thank you

[neckome]

very nice :) thanks

[K!nG]

I just can't believe i finally found this mod :) i been looking for it from past few months and couldn't find it :( now i got it and its working just fine on 4.1.4 :) Just a quick question how can i increase the length & width of that registration box. Thanks for such a nice mod :)

[raulin]

Thanks!

[Rahstyles]

Please giveme the code to get this smack dab right in the middle of the forum.. not on the center top

[K!nG]

Please giveme the code to get this smack dab right in the middle of the forum.. not on the center top

Go to page # 1 and check post # 11 :)

[burridl]

Installed. Seems to work very nicely and really draws users attention to the fact that they aren't logged in. Cheers :)

[deathtrancer]

Installed it!!! Thanks its a wonderful piece of art :P

[TheMac]

I don´t know but don´t works in my web, I see the message in the top but I think that without the style (CSS)

[Rahstyles]

Go to page # 1 and check post # 11 :)

Yea that doesnt work.. its in the top center

[TheMac]

Solved my problem :)

[Chilesat]

Thanks¡¡¡¡

Help¡ , Is it possible to add something to close it?

[Macgiber]

Installed...

[baerwurz]

Would be absolutely fantastic if the guest could close the message.

I want to bring registering to their attention, but not hinder their view of the forum.
I recommend that too. Will this be possible?

[kfyonur]

it is working but i changed some settings to align to forum banner..

[Lord. Dela]

Thanks !

[Eruantien]

I'm not seeing it at all on my forums.

[fxwoody]

Nice little simple addon ;)
Is there a way we could add the invitation phrase to be in varname??
I have a bilingual forum and not everyone can read english :(

Tks

[gonzek]

hello,

somebody know how to add the close button to this mod?

[Scanu]

For the close button try out my mod (https://vborg.vbsupport.ru/showthread.php?t=270070)

[taavipost]

Very stupid question, but when i change background, why dont it change..? Can you explain me how to do it ?:D

[Domates]

Hi there, I'm using a fixed style, how can I adjust it to be viewed in the center block (forum body I mean)?

[rughis]

Installed & rated +5 stars

Just a question: how I can do to not show the message on registration page? :)

Edit: found the solution, I've added a condition:

<vb:if condition="THIS_SCRIPT != 'register'">

Remember to close with </vb:if>

[Ziki]

Very nice edit.

[zascok]

reserved

[oldfan]

works with 4.2.6. php 7.2

[carmine3838]

doesn't work vbullettin 4.2.5

[oldfan]

Worked on mine!