Small templating trick : how to add a background to the better-messages popup (lightbox-like effect).

I needed to implement a background in the template file (lightbox-like effect).
Here is what I did, nothing huge, but still worth to add it in the doc if it can help someone.

Copy the better_messages.tpl.php file from module into your theme.

Change those lines :

<div id="better-messages-default">
	<div id="messages-inner">
		<table><tbody>

per :

<div id="better-messages-default">
	<div style="background-color:#A6A6A6; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: .5;"></div>
	<div id="messages-inner" style="overflow: visible; display: block; position: fixed; z-index: 9999; width: 400px; top: 30%; left: 30%;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1;">
		<table><tbody>

Change the color code (grey) #A6A6A6 per your own...

Edouard