Simple Machine Codes
March 28, 2024, 06:21:06 am
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Welcome to SMC, the best place for your SMF For Free Codes
 
  Home Help Search Arcade Gallery Affiliates Code Index Staff List Calendar Members Login Register  

Shoutbox (Build A)

Pages: [1] 2   Go Down
  Print  
Author Topic: Shoutbox (Build A)  (Read 3636 times)
0 Members and 1 Guest are viewing this topic.
Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« on: October 18, 2007, 02:59:53 pm »

Here it is.  The very first shoutbox that is basicly built into your forum!  There are many features with this shoutbox, and more will be added later.  The shoutbox that I have created fully is only for FireFox, and there is a section in the code where you can add in your own shoutbox for the IE users.

Updates Since - 10/18/2007
-The shoutbox will automaticly change pages when a new page is added.

Features
-Only on the Index
-Allow guests to view or not view shouts.(Guests can't shout)
-Either Allow all members to view the Info section, or just certain Members
-Hide The Board for the Shoutbox topic(s)
-Add the shoutbox to the bottom or top of your forum.  You choose!

Step One
You will need to create a new board...
Admin >> Boards >> Add Board.

Call the new board "Shoutbox" and put it where ever you would like.
Make sure all the groups can view that board.
If you want, you can have it so that the post count doesn't go up.
Once Added, go to Step 2.

Step 2
Go to the new board you created and look up top at the URL.  You will see somthing like this:
Quote
http://shoutbox.smfforfree3.com/index.php/board,1.0.html
Rembmer that number.
NOTE:  The number will be different than the one above.

Step 3
Now when your in that board, create a new topic.  Call the topic Shoutbox, then, if your not already in the topic, go to it.  Look up at the top at the URL.  You will see somthing like this:
Quote
http://shoutbox.smfforfree3.com/index.php/topic,3.0.html
NOTE:  The number will be different than the one above.

Step 4
Now that you have those steps done, you may add the shoutbox code to your footers.
Where it says BOARD NUMBER in the code, replace it with the number you had in Step 2.
Where is says TOPIC NUMBER in the code, replace it with the number you had in Step 3.

Step 5
Here is the part where you get to sorta customize it.
This is what each of the features are.  These features are mainly for the Firefox Users.

Change the "0" to a "1" to make it work:
guestview - If set to "1", you can let the guests see the Shouts
hideboard - If set to "1", the Shoutbox board you created wouldn't appear on the index.
ieforff - If set to "1", this will allow the Firefox users see the Internet Explorer Shoutbox.

Step 6
In this step, you will be able to set who you want to see the info, which is a little nifty part of the shoutbox that showes the latest updates.
Look at this part of the code:
Code:
var infos = ["MEMBER"];
Just replace the MEMBER part with a name.  If you want to add more people, just do this:
Code:
var infos = ["MEMBER","MEMBER"];
And So on.
If you want to have it so that everyone can see the info, just leave it like this:
var infos = [""];

Step 7
Here is where you get to choose the IE shoutbox.  Just go to any website, like http://www.cbox.ws to get your own shoutbox for it.
Once you get the code for it, you will need to make sure you take out all the ENTER's.  The code will only work if all of them are out.

Step 8
Now you can choose where you want the shoutbox to be.
When you look at the code, you will see something like this:
Code:
$("#bodyarea").prepend("<span id='shoutboxff'></span>")
$("#bodyarea").after("<span id='shoutboxie'></span>")
The top part is for the Firefox shoutbox, and the bottom is for the Internet Explorer one.
How it is set right now, the FF shoutbox will be at top, and the IE will be at bottom.  I am pretty sure you will want to change it though right?  This is how:
Just replace the little coding above with this:
FF shoutbox on Bottom/IE shoutbox on Top:
Code:
$("#bodyarea").append("<span id='shoutboxff'></span>")
$("#bodyarea").prepend("<span id='shoutboxie'></span>")

Both On top:
Code:
$("#bodyarea").prepend("<span id='shoutboxff'></span>")
$("#bodyarea").prepend("<span id='shoutboxie'></span>")

Both On Bottom:
Code:
$("#bodyarea").append("<span id='shoutboxff'></span>")
$("#bodyarea").append("<span id='shoutboxie'></span>")


Step 9
Add this code into your Footers and Change the information like I mentioned above!
Code:
<script>
var board = BOARD NUMBER;
var topic = TOPIC NUMBER;
var guestview = 0;
var hideboard = 0;
var ieforff = 0;
var infos = [];
var infos = ["MEMBER"];
var ieusers = 'SHOUTBOX HERE'

$("#bodyarea").prepend("<span id='shoutboxff'></span>")
$("#bodyarea").after("<span id='shoutboxie'></span>")
</script>
<script src="http://h1.ripway.com/smcodes/shoutbox.js"></script>


There ya go!  I hope you like the code!
If you have any questions about how to set it up, just ask for help!
« Last Edit: October 18, 2007, 09:12:54 pm by Agent Moose » Report Spam   Logged

Share on Facebook Share on Twitter

Gordie
Starter

Offline Offline

Gender: Male
Posts: 15



View Profile
« Reply #1 on: October 18, 2007, 05:08:29 pm »

I need some help with this one.Here is the code I entered into my footers:

Code:
<script>
var board = 36;
var topic = 241;
var guestview = 1;
var hideboard = 0;
var ieforff = 1;
var infos = [];
var infos = [""];
var ieusers = '<div align="center" id="cboxdiv">
<iframe frameborder="0" width="800" height="190" src="http://www3.cbox.ws/box/?boxid=2373847&boxtag=9426&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br/><iframe frameborder="0" width="800" height="90" src="http://www3.cbox.ws/box/?boxid=2373847&boxtag=9426&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe></div>'

$("#bodyarea").append("<span id='shoutboxff'></span>")
$("#bodyarea").prepend("<span id='shoutboxie'></span>")
</script>
<script src="http://h1.ripway.com/smcodes/shoutbox.js"></script>

It just won't work!

Report Spam   Logged
Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« Reply #2 on: October 18, 2007, 05:23:35 pm »

It is because you have enters in the ieusers part.

try this:
Code:
<script>
var board = 36;
var topic = 241;
var guestview = 1;
var hideboard = 0;
var ieforff = 1;
var infos = [];
var infos = [""];
var ieusers = '<div align="center" id="cboxdiv"><iframe frameborder="0" width="800" height="190" src="http://www3.cbox.ws/box/?boxid=2373847&boxtag=9426&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br/><iframe frameborder="0" width="800" height="90" src="http://www3.cbox.ws/box/?boxid=2373847&boxtag=9426&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe></div>'

$("#bodyarea").append("<span id='shoutboxff'></span>")
$("#bodyarea").prepend("<span id='shoutboxie'></span>")
</script>
<script src="http://h1.ripway.com/smcodes/shoutbox.js"></script>
Report Spam   Logged

Gordie
Starter

Offline Offline

Gender: Male
Posts: 15



View Profile
« Reply #3 on: October 18, 2007, 05:33:30 pm »

Still not working
Report Spam   Logged
Gordie
Starter

Offline Offline

Gender: Male
Posts: 15



View Profile
« Reply #4 on: October 18, 2007, 05:49:04 pm »

Hey...I realized if I remove this line

Code:
$("#bodyarea").prepend("<span id='shoutboxff'></span>")

That my ie shoutbox shows on all pages...not just the index page.
Report Spam   Logged
Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« Reply #5 on: October 18, 2007, 08:52:08 pm »

Gordie, think you can give me your URL to your forum?  That would help alittle bit more Smiley

If you remove that line, you can't use the Firefox shoutbox Wink
Report Spam   Logged

Gordie
Starter

Offline Offline

Gender: Male
Posts: 15



View Profile
« Reply #6 on: October 18, 2007, 09:34:53 pm »

One question...the Internet Explorer shouts do not go posted to the shoutbox board...correct?
Report Spam   Logged
Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« Reply #7 on: October 18, 2007, 09:36:34 pm »

Correct.  All the IE shoutbox is just one from a site.
Report Spam   Logged

Celebrus
Artificially Conscious
Administrator

Offline Offline

Gender: Male
Posts: 1,337


aka Omikron


View Profile WWW
« Reply #8 on: October 19, 2007, 11:01:24 am »

This is so cool! I'd prefer to host the code myself, though. I still haven't forgotten what happened with the All Skin Chooser. This code's gonna be really popular and your 30MB might run out very soon, Moose.

Oh, and can you add an option to shrink the shoutbox? Just in case someone has a slow connection or they aren't interested in it.
« Last Edit: October 19, 2007, 11:26:50 am by Omikron 9861 » Report Spam   Logged

Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« Reply #9 on: October 19, 2007, 06:34:44 pm »

I would recomend you hosting it yourself.  Just look at the external file for it.  Smiley

For the shrink option, I don't know exactly how I can do that becuase the user will have to choose if they want to...
Report Spam   Logged

Celebrus
Artificially Conscious
Administrator

Offline Offline

Gender: Male
Posts: 1,337


aka Omikron


View Profile WWW
« Reply #10 on: October 20, 2007, 06:03:54 am »

I meant that you add a button that allows the user to shrink it. Like my Gadget Bar.
Report Spam   Logged

Axaj
Newcomers!

Offline Offline

Posts: 2


View Profile
« Reply #11 on: October 20, 2007, 10:51:30 am »

Code:
var infos = [];

What does this do?
Report Spam   Logged
Agent Moose
Administrator

Offline Offline

Gender: Male
Posts: 2,672



View Profile WWW
« Reply #12 on: October 20, 2007, 12:47:03 pm »

That part makes this part work:
var infos = ["MEMBER"];
Report Spam   Logged

Spiritos
Starter

Offline Offline

Posts: 9


View Profile
« Reply #13 on: October 21, 2007, 06:00:46 pm »

I would love some help please.

I'll post the code I am pasting on my site to see what I'm doing wrong.

Report Spam   Logged
Spiritos
Starter

Offline Offline

Posts: 9


View Profile
« Reply #14 on: October 21, 2007, 06:20:37 pm »

<center><script type="text/javascript">
function popcbox() {
  cboxwin = window.open("","Cbox","width=160,height=380,toolbar=no,scrollbars=no,status=no,resizable=yes");
  cboxwin.document.write('<html><head><title>Cbox</title></head><frameset rows="*,75" frameborder="0" framespacing="0">');
cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www3.cbox.ws/box/?boxid=2820652&boxtag=1435&sec=main" noresize="true" scrolling="auto" name="cboxmain" style="border:#48515A 1px solid;"/>');
cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www3.cbox.ws/box/?boxid=2820652&boxtag=1435&sec=form" noresize="true" scrolling="no" name="cboxform" style="border:#48515A 1px solid;border-top:0px"/></frameset>');  cboxwin.document.write('<noframes>Cbox needs frames!</noframes></html>');
  try {
    x = screen.width;
    y = screen.height;
    cboxwin.moveTo(Math.max((x/2)-80, 0), Math.max((y/3)-190));
  } catch (e) {};
}
</script>


<a href="JavaScript:popcbox();">Pop up my Cbox[/url] </center>

This is how I entered the Shout Box code.

I'd love a Shout Box formatted with the colors of my website, like "LaundryLady's".
Report Spam   Logged
Pages: [1] 2   Go Up
  Print  
 
Jump to:  

Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy