vb.org Archive - Forum Home Enhancements - Message for guests [CSS3]

Page 1 of 3

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - Message for guests [CSS3] - force registration (https://vborg.vbsupport.ru/showthread.php?t=238123)

Radjedef

03-11-2010 10:00 PM

Message for guests [CSS3] - force registration

1 Attachment(s)

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):

HTML Code:

<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):

HTML Code:

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

03-12-2010 10:09 PM

tagged till i get on my main pc

DaMani

03-12-2010 10:36 PM

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

chriske

03-13-2010 01:58 AM

Quote:

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

03-13-2010 02:14 AM

Very Thanks... Installed

Radjedef

03-13-2010 07:44 AM

1 Attachment(s)

Happy you guys like it, thanks! :)

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

Markos

03-13-2010 10:26 AM

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

Kolbi

03-13-2010 10:49 AM

Vielen Dank :)

Werde es mir genauer anschauen.

Radjedef

03-13-2010 11:29 AM

Quote:

Originally Posted by Markos (Post 2002721)

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:

Quote:

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

03-13-2010 11:44 AM

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

Radjedef

03-13-2010 11:49 AM

Quote:

Originally Posted by Markos (Post 2002751)

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

sorry, my fault :)

try this:

Quote:

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

03-13-2010 12:24 PM

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

03-13-2010 01:09 PM

Quote:

Originally Posted by Radjedef (Post 2002753)

sorry, my fault :)

try this:

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

thanks :)

Dr.osamA

03-15-2010 01:15 AM

thanxxx

installed +5
________
Creampie Ebony

Radjedef

03-15-2010 01:56 PM

Quote:

Originally Posted by Dr.osamA (Post 2003821)

thanxxx

installed +5

Thanks! :)

Kolbi

03-15-2010 08:53 PM

With which browser is this tested?

Charlie98902

03-15-2010 10:02 PM

Quote:

Originally Posted by Kolbi (Post 2004318)

With which browser is this tested?

Appears to look like in Firefox?

Thr33

03-17-2010 12:45 AM

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

Radjedef

03-17-2010 07:59 PM

Quote:

Originally Posted by Kolbi (Post 2004318)

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

Quote:

Originally Posted by TopFloorDjs (Post 2005151)

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

See here

Rahstyles

03-22-2010 10:17 AM

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

Cybeth

03-23-2010 10:16 PM

Hallo,

Klasse Erweiterung :)

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

Gibt 5 Sterne

Kolbi

03-24-2010 12:17 PM

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

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

sKippah

03-24-2010 04:01 PM

Is it possible to add something to close it?

Kolbi

03-25-2010 11:39 AM

Doesn?t work with IE8 ?!?

See: www.2wp.eu

Candostum

03-29-2010 11:40 AM

it gives xhtml error

http://validator.w3.org/check?uri=ht...Inline&group=0

Radjedef

03-30-2010 07:09 PM

Quote:

Originally Posted by Kolbi (Post 2009966)

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 :(

Quote:

Originally Posted by Candostum (Post 2012194)

it gives xhtml error

http://validator.w3.org/check?uri=ht...Inline&group=0

I'm on it :)

Kolbi

03-30-2010 07:29 PM

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

03-30-2010 07:30 PM

Quote:

Originally Posted by Candostum (Post 2012194)

it gives xhtml error

http://validator.w3.org/check?uri=ht...Inline&group=0

Try this:

HTML Code:

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

Rahstyles

05-02-2010 11:41 AM

This is the best mod

Selcor

05-04-2010 04:25 AM

Thanks! :D

YankForum

05-05-2010 09:10 PM

installed with no pain , great addon , tnx

BlueCheri

05-07-2010 11:18 AM

Installed, thanx

Semmi

05-07-2010 11:20 AM

nice, nice man;)

baghdad4ever

05-08-2010 01:46 PM

installed

thanks

hqlman

06-01-2010 10:58 AM

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

06-07-2010 01:10 PM

hi :)

just change the distance from the right side:

Code:

right:36px;

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

thx :)

hqlman

06-07-2010 05:13 PM

Quote:

Originally Posted by Radjedef (Post 2049900)

hi :)

just change the distance from the right side:

Code:

right:36px;

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

thx :)

Worked perfectly, thanks a lot :)

Entonadoscl

07-05-2010 02:11 PM

work perfect.. thanks!!

LuisManson

07-06-2010 11:14 PM

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

javivi0

07-24-2010 05:58 AM

Installed, thanx

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

thanks

All times are GMT. The time now is 07:54 AM.

Page 1 of 3

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01364 seconds Memory Usage 1,817KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (3)bbcode_html_printable (14)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: