CSS Forum

**davet** · 07-15-2008, 08:49 PM

I've notice when viewing certain sites like paypal via SSL it now not only shows a favicon but also a green bar and the name of the company. I saw it on some other sites too and would like to incorporate it into my site. I figured it's being achieved by some sort of CSS. How do I accomplish this? Any help woudl be greatly appreciated.

**angele803** · 07-16-2008, 02:56 PM

It looks like the green bar means that the website has an EV certificate.
I found that information here: http://www.dria.org/wordpress/archives/2008/05/06/635/

I only recently upgraded to ff3, so this was really interesting to me. I didn't even know what that part of the address bar was for before today!

**LadynRed** · 07-16-2008, 05:07 PM

I don't think you can style that externally, it's probably embedded in the program.

**davet** · 07-16-2008, 06:18 PM

I'm pretty sure you can edit some portion of that bar since I've seen the bar green on paypal and blue on another site.. just can't remember what site it was right now.

**nasaboy007** · 07-16-2008, 09:33 PM

blue is for EV certs, green is for SSL. (assuming i read my source right -_-)

source: https://blog.startcom.org/?p=86

**angele803** · 07-17-2008, 12:52 PM

I think it is actually green for EV (like paypal's site) and blue for a basic ssl. Basically, the green is the highest level of security and info available.

**rogem002** · 07-17-2008, 03:57 PM

I think it is done done firefox itself (like good sites have better colours). I just done a quick search and it's from the CSS within ff cromes...user can edit it with something like:

Code:

#urlbar[level] .autocomplete-textbox-container > * {

background-color: #FFFFB7 !important;

}
<!-- from http://userstyles.org/styles/8248 -->

could work.

**vangogh** · 07-17-2008, 08:58 PM

It's done for security to help surfers know which sites are safe, which are phishing, etc. You can edit things so that shows up differently for you, but you can't add code to your site so other users see what's in the address bar the way you want. It would kind of defeat the whole point of the security.

If you mouse over what you see at PayPal and also click on the green image you can see that PayPal has that because it's been verified by verisign as being secure.

It's called Instant Web site ID and the green you see is an indication the site is using the Extended Validation Secure Socket Layer (EV SSL). If you want your site to show that green you'll need to use EV SSL.