Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Resources
  • Code Requests
  • Completed Requests
  • [Completed] [ZB] Custom Spoiler
Hey, welcome to ZBCode, the new coding forum for ZB. Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you've already experienced the wonders of becoming a part of this illustrious community, just enter your details and log in here:

Username:   Password:
Locked Topic
  • Pages:
  • 1
  • 2
[Completed] [ZB] Custom Spoiler
Topic Started: Nov 5 2009, 09:29 PM (161 Views)
Warlock Nov 5 2009, 09:29 PM Post #1
Member Avatar
Wɑɾɹосҡ Ϻᴀᴎ

Posts:
266
Group:
Dedicated Member
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
Is there a way to change the original ZB spoilers so that they look like VB spoilers cause VB spoilers look more neat to me.

Thanks.
Posted Image
Offline Profile Goto Top
 
Dorith Nov 5 2009, 09:37 PM Post #2
Member Avatar
Why so serious?

Posts:
1,311
Group:
Global Moderators
Member
#1,854
Joined:
Dec 23, 2008
Coding language
JavaScript
Example of a VBulletin spoiler would be nice xD
Posted Image
Offline Profile Goto Top
 
Warlock Nov 5 2009, 09:38 PM Post #3
Member Avatar
Wɑɾɹосҡ Ϻᴀᴎ

Posts:
266
Group:
Dedicated Member
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
Click the spoilers buttons to see.

http://forums.narutofan.com/showthread.php?t=106576
Posted Image
Offline Profile Goto Top
 
Blueboy Nov 5 2009, 09:52 PM Post #4


Posts:
133
Group:
Dedicated Member
Member
#3,549
Joined:
Oct 31, 2009
In my opinion, those don't look as cool, but I remember there being a code to make them like that. Sorry I forget where :(
Edited by Blueboy, Nov 5 2009, 10:00 PM.
Posted Image
Offline Profile Goto Top
 
Dorith Nov 5 2009, 09:57 PM Post #5
Member Avatar
Why so serious?

Posts:
1,311
Group:
Global Moderators
Member
#1,854
Joined:
Dec 23, 2008
Coding language
JavaScript
I think you can easily do this with a button design and some CSS. Do you have a specific button image you'd like to use? Cause if you have one, then I think I'd be able to do it.

Just modifying the .spoiler_toggle CSS with and image and such should suffice I think.
Posted Image
Offline Profile Goto Top
 
Warlock Nov 5 2009, 09:57 PM Post #6
Member Avatar
Wɑɾɹосҡ Ϻᴀᴎ

Posts:
266
Group:
Dedicated Member
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
I tried searching through the index but no good results.


BTW this is ZB not IF , I think IF has one.
Posted Image
Offline Profile Goto Top
 
Gorgor Nov 11 2009, 07:36 AM Post #7
Member Avatar
Hello

Posts:
753
Group:
Coding Staff
Member
#2,728
Joined:
Apr 2, 2009
Coding language
PHP
Code:
 
<script type='text/javascript'>
$(function(){
$(".spoiler_toggle").after("<strong>Spoiler:</strong> <button class='sp_toggle' type='button'>Show</button>")
$(".spoiler_toggle").remove()
$(".sp_toggle").click(function(){
$(this).next().toggle();
if(this.innerHTML == "Show"){ this.innerHTML = "Hide" } else { this.innerHTML = "Show" }
})
})
</script>
Wanna be a GorBoards beta tester? Just PM me.

Check out the newest Exclusive Code here.
Offline Profile Goto Top
 
Warlock Nov 12 2009, 01:40 AM Post #8
Member Avatar
Wɑɾɹосҡ Ϻᴀᴎ

Posts:
266
Group:
Dedicated Member
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
Gorgor
Nov 11 2009, 07:36 AM
Code:
 
<script type='text/javascript'>
$(function(){
$(".spoiler_toggle").after("<strong>Spoiler:</strong> <button class='sp_toggle' type='button'>Show</button>")
$(".spoiler_toggle").remove()
$(".sp_toggle").click(function(){
$(this).next().toggle();
if(this.innerHTML == "Show"){ this.innerHTML = "Hide" } else { this.innerHTML = "Show" }
})
})
</script>
When I click spoilers , nothing happens...
Posted Image
Offline Profile Goto Top
 
Gorgor Nov 12 2009, 03:05 PM Post #9
Member Avatar
Hello

Posts:
753
Group:
Coding Staff
Member
#2,728
Joined:
Apr 2, 2009
Coding language
PHP
Are you clicking on the button? It works fine for me...
Wanna be a GorBoards beta tester? Just PM me.

Check out the newest Exclusive Code here.
Offline Profile Goto Top
 
Warlock Nov 13 2009, 12:33 AM Post #10
Member Avatar
Wɑɾɹосҡ Ϻᴀᴎ

Posts:
266
Group:
Dedicated Member
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
Gorgor
Nov 12 2009, 03:05 PM
Are you clicking on the button? It works fine for me...
Yes I am , nothing happens when I click
Posted Image
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Completed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1
  • 2

Track Topic · E-mail Topic Time: 7:31 AM Mar 12
Hosted for free by ZetaBoards