Multiple Syled post.pngs


Author Message
BTD

Posted: 3/24/2013
Quote message 

heya All

I have a site where the sheet post.png images are a custom background, the usual css is...

.btd-post-body:after{
width: 0;
top:0;
bottom:0;
background-image:url('../images/post.png');
}
.btd-post-body:before{
top:0;
bottom:0;
background-image:url('../images/post.png');
}

I have 6 different post.png images, I want to style each page with the different post.png with a class suffix for that menu entry etc.

How would I change that above CSS, and define a new class for each one to make that work?

I was thinking changing the background-image:url('../images/post.png'); part to a style of it's own, then that would be set by whatever style I call perhaps?

Just need an example to work from if possible...

Cheers
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *