BB Code Enhancements - CSS Background Images

BB Code to enhance posting by giving background image effect only with CSS

Title : Ruled Line Background

BB Code Tag Name: rlbg

Replacement :

<style>
.paper {
text-align:justify;
font-size:16px;
background-color: #fff; 
background-image: 
linear-gradient(transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em;
  }
</style>
<div class="paper">{param}</div>

Example :

[rlbg]This is to test the ruled line background effect using css[/rlbg]

Description: ruled line background effect using css

Use {option} = No

No button image

Remove Tag if empty : Yes

All other four are : NO

[ahobilam]

Screen shot for the above BBCode:

The top and bottom pattern also made with css only.

[Bubble #5]

Looks great. I'll have to give this a try.

THANKS Ahobilam!