Jump to Page: 1 2
Demonic Inuyasha
Citizen
Worldly Traveler (premium)
Registered: 11-2004
Province: My Secluded Paradise
Posts: 49
Karma: 2 (+2/-0)
|
|
Reply | Quote
|
|
A Special Tab For Hiding
Mkay, we all know how some places out there have an option to add a Spoiler tab in their posts, and the only way to see what is written within is to press the tab, which shows up in the post. I will show you an example in a moment.
I was digging through trying to find a way to do this for RB, but all I could find was HTML ways to do it, and its a different setup than what we use here. This si the code I grabbed from a site I visit:
<small> Spoiler:- <b>blah:</b></small><br> <div style="border: 1px dashed gray; padding: 1px;"><div style="display: none;"><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Click to show the spoiler.">Show Spoiler</button></div><div id="spoiler" style=""> <br>
bbbbbbbbbbbbbbb<br> </div></div>
I grabbed it when I previewed a post of mine there, hence the blah for the title and blah blahs thereafter. This is in their HTML, and the site uses ZERO CSS. Is it possible to convert it here at RB to be for use? Here is the link to a post that uses the trick, it will be a tab within with Spoiler on it, and the site is safe and all, so no worries.  And yes, you can laugh at me after you visit it to see, its a Pokemon site 
Crapo, I hope you can figure out what i am talking about, there are no posts on the site right now with it in use, they have all been cleaned out. *sigh*
--- 
 |
|
7/7/2008, 3:45 am
|
PM Demonic Inuyasha
Yahoo
Read Blog
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5128
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
Based on the code you posted, it looks like the button would have to be in the post itself. That, unfortunately, is not possible, since the only links we can add to posts have to start with http.
If we could add classes to posts, then it might be doable, but as it stands, we can't.
If there's a way to make the tag combo work to hide and display (like using getElementsByTagName to target nested tags), I couldn't find it.
What about a simple "Highlight to read"?
Highlight this: This is really quite simple. 
You could actually create a tag combo to automatically color the text, put it in a box, have a background image that says "Highlight to read," etc.
|
|
7/7/2008, 8:48 pm
|
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5128
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
What do you think of this? 
|
|
7/8/2008, 6:17 pm
|
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5128
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
Ok then.  Make a graphic like this one, but to fit the theme of your board.
The CSS I used here was:
i u i u i {
text-decoration:none;
font-size:normal;
display: block;
padding: 27px 0.25em 0.25em 0.25em;
border: 1px solid #bbb;
background:#f4f3e9 url(http://illusia.lesigns.com/img/spoiler.gif) left top no-repeat;
color: #f4f3e9;
}
The color and background-color, of course, should match so no one can read it until it's highlighted.
Since I also have an i i i (which I used for the code box, as a matter of fact), some of those definitions will have carried over, and I haven't really checked to see what else, if anything, will need to be added. I actually omitted my font definition from this post, because I needed to override the font for i i i here.
But anyway, to make i u i u i work in a post, you would just enclose the spoiler within those BBCode tags.
You could choose any other tag combination, if you prefer. Just remember to redefine the natural behavior of such tags in your CSS. For example, I added text-decoration:none; to undo the underline, and font-style:normal; to undo the italics.
|
|
7/9/2008, 5:51 pm
|
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5128
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
It was nuttin.
|
|
7/10/2008, 6:45 pm
|
PM Lesigner Girl
Read Blog
|
NeverMINDtheBOLLOCKS
Citizen
Worldly Traveler
Registered: 09-2007
Province: New York
Posts: 6
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
Not to, er... butt in... *is totally butting in*
But how would one accomplish a similar thing on a board that's two colors? Two different shades of green, more specifically. <_<
 Thanks, if you can help. Thanks if you can't. ^_^
Edit: I do have a strange suspicion it'd be no problem at all, and I'm just not paying attention. >_>
Last revised by NeverMINDtheBOLLOCKS, 7/14/2008, 7:06 pm
|
|
7/14/2008, 6:37 pm
|
PM NeverMINDtheBOLLOCKS
AIM
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5128
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: A Special Tab For Hiding
Not a problem at all.
Paste this into a post at the Slug Club and tell me what you think. 
[b][u][b][u]This is a spoiler. Don't read me.[/u][/b][/u][/b]
I hope you don't mind that I took the liberty. If you like the "Highlight for spoilers" image, please save this image to your computer, upload it to your image host, and replace my image url with yours in the CSS I added to your board.
|
|
7/14/2008, 8:28 pm
|
PM Lesigner Girl
Read Blog
|
Add to this discussion
Jump to Page: 1 2
Powered by AkBBS 0.9.5b - Link to us
- Blogs
- Hall of Honour
- Chat
Click here to get your own free message board
|
You are not logged in (login)
Board's time is: 12/1/2008, 7:32 pm EDT
|
|
|
