PDA

View Full Version : BB Code Enhancements - CSS Background Images


ahobilam
08-30-2013, 10:00 PM
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 :

This is to test the ruled line background effect using css


Description: ruled line background effect using css

Use {option} = No

No button image

Remove Tag if empty : Yes

All other four are : NO

ahobilam
08-31-2013, 01:55 PM
Screen shot for the above BBCode:
https://dl.dropboxusercontent.com/u/24348664/backgrounds/css-background-sample.jpg
The top and bottom pattern also made with css only.

Bubble #5
09-01-2013, 12:17 AM
Looks great. I'll have to give this a try.

THANKS Ahobilam! :)