Log in to check your private messages 
Username: Password:   
  howtodoit.myfastforum.org
  Walkthough guides for myfreeforum phpbb 2 forums
Index  FAQ  Search  Memberlist  Usergroups  Profile

Text
Text
Friends
MYFF Support Forum
HOWTODOIT (PHPbb3)
portalogy
CGArts
ANNOUNCEMENTS
Complete List of templates Available
Please Read First Before Editing your template
Permissions
Admin Index
Sticky Articles
Latest Posts
Friends

Start | Stop
Spoiler Button
Jump to:  
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    howtodoit.myfastforum.org Forum Index » Add-on`s for your forum
Author Message
Symon
Guide Legend
Guide Legend



Joined: 11 Jun 2006
Posts: 911


Location: Berkshire,England
FLAGS
Add Comment
Show Comments
PostPosted: Wed Jul 05, 2006 9:23 pm  Reply with quote

Follow the instructions below and this will add a spoiler tag to your forum.

What is a spoiler tag Question Look in the reply below

First of all you must have created your own template how to do this is explained here http://howtodoit.myfreeforum.org/ftopic18.php

OK Lets take it that you have created your own template, now goto

Admin Panel - Styles Admin - Edit Templates/Logos

And open up your template ( please remember that if you change templates you must add this to every template that you may use)

Now follow the instructions in the correct order

Go to

Choose File to Edit

and then open each file in order

Please ignore the first bit of code to edit bbcode.tpl this has been done for you.
Code:

#-----[ OPEN ]------------------------------------------
bbcode.tpl

#-----[ FIND ]----------------------
#
<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

#
#-----[ BEFORE, ADD ]------------------
#
<!-- BEGIN spoiler_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
   <td>
<span style="font-size: 11px;">
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">
<b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<p>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px">
<div style="display: none;">
<!-- END spoiler_open -->
<!-- BEGIN spoiler_close -->
</div>
</p>
</div>
</div>
</span>
</td>
</tr>
</table>
<!-- END spoiler_close -->


This part you can do for yourself

Code:


#-----[ OPEN ]-------------------------
#
#
# These edits will add spoiler to the icons available when you post.
# This is not needed in order for spoiler to work as you can just type
# [spoiler][/spoiler]
# The edits here are hard to do, so please make a copy of the file before
# making the edits.
#
#
#

posting_body.tpl

#
#-----[ FIND ]---------------------------
#
f_help = "{L_BBCODE_F_HELP}";

#
#-----[ AFTER, ADD ]------------------------------------------
#
r_help = "{L_BBCODE_R_HELP}";

#
#-----[ FIND ]---------------------------
#
('[b]','[/b]','[i]','[/i]',

#
#-----[IN-LINE FIND ]-------------------------
#
'[/url]'
#
#-----[ IN-LINE AFTER, ADD ]-----------------------------
# If you have other added BBcode then move this to the last place.
,'[spoiler]','[/spoiler]'

-----------------------------------------------------
So it looks like this

('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[spoiler]','[/spoiler]' );


#
#-----[ FIND ]------------------------------------------
#
         <td><span class="genmed">
           <input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
           </span></td>

#
#-----[ AFTER, ADD ]------------------------------------------
#If you already have an '18' BBcode, manually change '18' to the next even number that you haven't got. e.g. '20'
         <td><span class="genmed">
           <input type="button" class="button" accesskey="r" name="addbbcode18" value="Spoiler" style="width: 60px" onClick="bbstyle(18)" onMouseOver="helpline('r')" />
           </span></td>

#
#-----[ FIND ]------------------------------------------
#
               <select name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', '[/color]');this.selectedIndex=0;" onMouseOver="helpline('s')">

#
#-----[ REPLACE WITH ]-------------------------------
#If you already have an '20' or above as the number, manually change '20' to the next even number that you haven't got. e.g. '22'
               <select name="addbbcode20" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode20.selectedIndex].value + ']', '[/color]');this.selectedIndex=0;" onMouseOver="helpline('s')">

#
#-----[ FIND ]------------------------------------------
#
               </select> &nbsp;{L_FONT_SIZE}:<select name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]')" onMouseOver="helpline('f')">


#
#-----[ REPLACE WITH ]---------------------------------
#If you already have an '22' or above as a number, manually change '22' to the next even number that you haven't got. e.g. '24'
               </select> &nbsp;{L_FONT_SIZE}:<select name="addbbcode22" onChange="bbfontstyle('[size=' + this.form.addbbcode22.options[this.form.addbbcode22.selectedIndex].value + ']', '[/size]')" onMouseOver="helpline('f')">



#
#-----[ SAVE/CLOSE ALL FILES ]---------------------------


Last edited by Symon on Wed Apr 18, 2007 9:47 pm; edited 1 time in total
View user's profile Send private message Visit poster's website FACEBOOKSTEAM
Symon
Guide Legend
Guide Legend



Joined: 11 Jun 2006
Posts: 911


Location: Berkshire,England
FLAGS
Add Comment
Show Comments
PostPosted: Wed Jul 05, 2006 9:34 pm Reply with quote

So what is a Spoiler Button
Spoiler:

This Is A Spoiler Button



To make the word show be a different colour then just add something like this

color:FFCC66; After the width:45px;

so it will look something like this

<input type="button" value="Show" style="width:45px; color:FFCC66;font-size:10px;margin:0px;padding:0px;" onClick="if

To get the hex colour chart so you can see want colour you want

Follow this link http://howtodoit.myfreeforum.org/ftopic53.php

View user's profile Send private message Visit poster's website FACEBOOKSTEAM
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    howtodoit.myfastforum.org Forum Index » Add-on`s for your forum


 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

HOWTODOIT was designed and built by Symon Field
Creator Of ☆ ☆ FunnyWorld
HOWTODOIT© Symon Field 2006,2007,2008

Powered by phpBB Group © 2001,2005.
 
Create your own free forum | Buy a domain to use with your forum