The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Customize your Spoiler Tag?

View previous topic View next topic Go down

In progress Customize your Spoiler Tag?

Post by petro on August 15th 2011, 8:20 am

Instead of just having a simple plain block spoiler tag, is there a way we can customize the spoiler tag thro css stylesheet?

What I wanted to do is to have a picture (Maybe a wooden or metalic texture) on this "SPOILER" text zone. I wanted to have the font of the content text to be different, maybe Trebuchet MS? The color too, from green to other color?


Spoiler:
example ..

petro
New Member

Male Posts : 19
Reputation : 0
Language : English

Back to top Go down

In progress Re: Customize your Spoiler Tag?

Post by Nera. on August 15th 2011, 12:50 pm

Add this to CSS

Code:
.spoiler_content.hidden {
    background: url("http://www.blinds-wooden.com/wp-content/uploads/2011/07/wood.jpg") repeat scroll 0 0 transparent;
    color: lime;
    display: block;
    font-family: trebuchet MS;
}
.spoiler {
    background: url('http://www.blinds-wooden.com/wp-content/uploads/2011/07/wood.jpg');
}

Change the pictures and colors if you want.

If you have those rules in CSS change them so they look like mine.

You can't have two with different properties.


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Customize your Spoiler Tag?

Post by The Godfather on August 17th 2011, 3:08 pm

Is this problem solved ?

The Godfather
Administrator
Administrator

Posts : 2448
Reputation : 271

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum