Author Topic: [Code] Open/Close Shoutbox (Read 5995 times)

simply sibyl · « **on:** July 25, 2007, 12:42:43 am »

This works in the board description area.
If you want to see how it works: Demo Here - Top of the Page

IMPORTANT: You need to have this first code in your HEADER in order for it to open/close.

If you are using the Extra Smileys Code you already have this script and do not need to put it in twice.

Code: [Select]


<script language="javascript"> 
  function toggle_it(itemID){ 
      // Toggle visibility between none and inline 
      if ((document.getElementById(itemID).style.display == 'none')) 
      { 
        document.getElementById(itemID).style.display = 'inline'; 
      } else { 
        document.getElementById(itemID).style.display = 'none'; 
      } 
  } 
</script>

Place the code below in the Board description area:

Place your shoutbox code where it says: PLACE SHOUTBOX CODE HERE
You can change "Shoutbox" on the Header to whatever you wish.

Code: [Select]

 

<table width="200px" class="tborder" cellpadding="1" cellspacing="1"> 
  <tr>
     <td class="catbg" align="left">
        Shoutbox
      </td>
      <td  class="catbg" align="right"> 
       <center><a href="#shoutbox" onClick="toggle_it('prshoutbox')">[Open] </a></center>
       </td>
      </tr>
</table>
 

<div align="left" style="position: absolute;  z-index: 2; visibility: show;">
  <table class="tborder" width="200px" id="prshoutbox" style="display:none;"  align="left" border="0">
    <tr>
      <td class="catbg" align="right">
              <a href="#smileys" onClick="toggle_it('prshoutbox')">[Close]</a> 
      </td>
   </tr>
   <tr>
     <TD class="windowbg2" align="center" >

        PLACE SHOUTBOX CODE HERE

    </td>
  </tr>
 </table>
</div>
</a>

Code could be placed in your header or footer instead of a board description if you want

Molly · « **Reply #1 on:** July 25, 2007, 04:34:16 am »

Forum Url: http://druid.smfforfree3.com
I put it in there and mine does not come up like yours Sibyl

It is all centered funny

I will make it where you can see that thread if you wanna peak for me

Agent Moose · « **Reply #2 on:** July 25, 2007, 08:52:39 am »

Yours works just as fine Gwenllian. At least for me, it may of the image border because of that skin, but it looks like it works good.

simply sibyl · « **Reply #3 on:** July 25, 2007, 09:43:52 am »

Quote from: Gwenllian on July 25, 2007, 04:34:16 am

Forum Url: http://druid.smfforfree3.com
I put it in there and mine does not come up like yours Sibyl It is all centered funny

I will make it where you can see that thread if you wanna peak for me

With the dark aqua marble and dark maroon marble styles it may take some reworking some of the codes as the forum is much narrower. You also have the sidebar and that is going to add to the equation. It is going to depend on how the tables are done for them. The marble image is set to .tborder (the background of tborder) and .tborder is set much wider then normally with the stylesheets. It works that way, but it WILL look abit different if a code uses class=tborder anywhere. You can change the class or remove it from that part of the code and it should be fine. Same goes for the xtra smiley code.. it also has class=tborder in it. (so- with that style it winds up putting that wide marble border around it)

Molly · « **Reply #4 on:** July 25, 2007, 11:54:35 am »

Quote from: simply sibyl on July 25, 2007, 09:43:52 am

Quote from: Gwenllian on July 25, 2007, 04:34:16 am
Forum Url: http://druid.smfforfree3.com
I put it in there and mine does not come up like yours Sibyl It is all centered funny

I will make it where you can see that thread if you wanna peak for me

With the dark aqua marble and dark maroon marble styles it may take some reworking some of the codes as the forum is much narrower. You also have the sidebar and that is going to add to the equation. It is going to depend on how the tables are done for them. The marble image is set to .tborder (the background of tborder) and .tborder is set much wider then normally with the stylesheets. It works that way, but it WILL look abit different if a code uses class=tborder anywhere. You can change the class or remove it from that part of the code and it should be fine. Same goes for the xtra smiley code.. it also has class=tborder in it. (so- with that style it winds up putting that wide marble border around it)

Ok...most of that is indian to me. I speak english, asl and a bit of spanish, latin, greek, welsh and old irish...lol

I just got done removing the side bar so that is not an issue. What I would like, if you are not seeing it as I am, is when the shoutbox is not open for the entire area to be a closed down thread like it shows on yours. On mine is it an open one like the shoutbox is open but it just has that show hide thingie in the center.

Another thing, I am using that same code to add another thing inside another description, when it does that...throws the entire board off, tables the works, it is just a mess.

It is just like a shoutbox code so it should not. Help again lol pretty please

Quote

so- with that style it winds up putting that wide marble border around it)

That I do not mind when the box is open and in use by whomever has clicked on it. I rather like that

simply sibyl · « **Reply #5 on:** July 25, 2007, 12:26:53 pm »

Gwenllian. so its clear , if you want to use that open/close script for more things this is what you are going to have to do. Look at this part of the code:

<a name="shoutbox"></a>
<table align="left" border="0">
<tr>
<td>
<div class="tborder">
<div class="catbg" align="left" style="text-align:left"><a href="#shoutbox" align="left" onClick="toggle_it('pr2')"> Open/Close Shoutbox</a> </div>

==================================================================
Below this is what gets open/closed
==================================================================
<table width="100%" id="pr2" style="display:none;">
<td class="windowbg3">

Where it says: shoutbox
You have to name that a new name and change it in both places

Where it says: "2"
You have to change that to a 3 for the new code in both places.
edit: you can use a word instead of a number - but the "pr" has to be there ie: prshoutbox

Where it says: Open/Close Shoutbox
Change the words to what you need them to be

If you use it again for something else you again need a new NAME and a new ID number (or word)

Molly · « **Reply #6 on:** July 25, 2007, 12:57:56 pm »

Quote

Like mine on the test site

That is the only place I went, I clicked the example link to see it before I decided to use it. Sorry if I was clear as mudd there

Quote from: simply sibyl on July 25, 2007, 12:26:53 pm

Gwenllian. so its clear ,

Got it, thank you so much

They all work beautifully.

I will have to try the words with the next one I add.

simply sibyl · « **Reply #7 on:** July 25, 2007, 12:59:17 pm »

Quote from: Gwenllian on July 25, 2007, 12:57:56 pm

Got it, thank you so much They all work beautifully. I will have to try the words with the next one I add.

You are very welcome.
In hindsight I think I should have used words instead of numbers.

however I had not planned to make more codes from it.

fasty · « **Reply #8 on:** August 03, 2007, 08:15:06 am »

Forum Url: http://bloodbeastclan.smfforfree3.com
its not working for me it is going weird you will have to register to see it and what is going wrong but once it is fixed i can not allow you 2 stay on unless you join the blood beast clan at khinsider forum for a game okay it is important.

simply sibyl · « **Reply #9 on:** August 03, 2007, 10:43:18 am »

Quote from: fasty on August 03, 2007, 08:15:06 am

Forum Url: http://bloodbeastclan.smfforfree3.com
its not working for me it is going weird you will have to register to see it and what is going wrong but once it is fixed i can not allow you 2 stay on unless you join the blood beast clan at khinsider forum for a game okay it is important.

You need to register for a shoutbox then get the code from them. Then it will be your OWN shoutbox and only for your members. Then place that code where it says "Place Shoutbox Code Here"

There are many places online to get shoutboxs.
Including:

www.cbox.ws
www.yellbox.com
www.myshoutbox.com
www.shoutmix.com
www.shoutbox.us
www.tag-board.com
www.tagboards.tk
www.tagboardsite.com/
www.tagworld.com

Also: per the TOS for SMF for FREE you have to have at least ONE board showing to guests at your forum

outlaw16151 · « **Reply #10 on:** December 16, 2008, 06:22:23 pm »

it worked fine for me Miss Sibyl

		Subject / Started by	Replies	Last post
		[Code] Code to place your shoutbox in so that it matchs your theme Started by simply sibyl « 1 2 » SMF For Free Codes and Support	21 Replies 12542 Views	August 16, 2009, 09:16:42 pm by [FailSafe]
		[Code] Shoutbox (Build B) Started by Agent Moose « 1 2 3 » SMF For Free Codes and Support	31 Replies 16050 Views	May 13, 2009, 06:48:35 pm by Pan

SMF For Free Support Forum

News:

Author Topic: [Code] Open/Close Shoutbox (Read 5995 times)

simply sibyl

[Code] Open/Close Shoutbox

Molly

Re: [Code] Open/Close Shoutbox

Agent Moose

Re: [Code] Open/Close Shoutbox

simply sibyl

Re: [Code] Open/Close Shoutbox

Molly

Re: [Code] Open/Close Shoutbox

simply sibyl

Re: [Code] Open/Close Shoutbox

Molly

Re: [Code] Open/Close Shoutbox

simply sibyl

Re: [Code] Open/Close Shoutbox

fasty

Re: [Code] Open/Close Shoutbox

simply sibyl

Re: [Code] Open/Close Shoutbox

outlaw16151

Re: [Code] Open/Close Shoutbox

Related Topics