SMF For Free Support Forum
Signup For Free Forum
July 04, 2009, 11:34:28 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > SMF For Free Codes and Support (Moderator: Agent Moose) > [Code] Open/Close Shoutbox
Pages: [1]
« previous next »
  Print  
Author Topic: [Code] Open/Close Shoutbox  (Read 1971 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« 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:

<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:


<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
« Last Edit: February 10, 2008, 10:02:29 am by simply sibyl » Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
Molly
SMF For Free Full Member
*
Offline Offline

Posts: 142



View Profile WWW
« 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 2funny It is all centered funny  idiot2

I will make it where you can see that thread if you wanna peak for me Smiley
Logged
Agent Moose
Moderator
*****
Offline Offline

Posts: 776


Do not PM me for Code Support or Request


View Profile
« 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.
Logged
Want to know how good your board is?  Why not get it reviewed at Revolution X!
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« 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 2funny It is all centered funny  idiot2

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

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)     
« Last Edit: July 25, 2007, 09:46:36 am by simply sibyl » Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
Molly
SMF For Free Full Member
*
Offline Offline

Posts: 142



View Profile WWW
« 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 2funny It is all centered funny  idiot2

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

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. 2funny It is just like a shoutbox code so it should not. Help again lol pretty please Wink

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 Smiley
« Last Edit: July 25, 2007, 12:00:52 pm by Gwenllian » Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« 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)
« Last Edit: July 25, 2007, 12:58:08 pm by simply sibyl » Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
Molly
SMF For Free Full Member
*
Offline Offline

Posts: 142



View Profile WWW
« 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  Cheesy uglystupid2

Quote from: simply sibyl on July 25, 2007, 12:26:53 pm
Gwenllian.   so its clear ,

Got it, thank you so much Smiley They all work beautifully.  Smiley I will have to try the words with the next one I add.
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« 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 Smiley They all work beautifully.  Smiley 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.   uglystupid2 however I had not planned to make more codes from it.
Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
fasty
SMF For Free Newbie
*
Offline Offline

Posts: 16


View Profile WWW
« 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.
« Last Edit: August 03, 2007, 10:12:13 am by fasty » Logged
khscifi naruto central hurry job positions open
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« 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 Wink
Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
outlaw16151
SMF For Free Full Member
*
Offline Offline

Posts: 101


Come have fun at the Lounge


View Profile WWW
« Reply #10 on: December 16, 2008, 06:22:23 pm »
it worked fine for me Miss Sibyl
Logged



Pages: [1]
  Print  
« previous next »
 
Jump to:  

cheap low cost web hosting reviews

Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
ServerBeach Coupon
Page created in 0.338 seconds with 16 queries.