SMF For Free Support Forum

SMF For Free Support => SMF For Free Codes and Support => Topic started by: simply sibyl on October 07, 2006, 08:11:36 pm

Title: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on October 07, 2006, 08:11:36 pm
To see how this looks:  

This one works for smf version 1.0.
For version 1.1 go here:  Code for smf 1.1 (http://www.smfsupport.com/support/smf_for_free_codes/code_to_place_your_shoutbox_in_so_that_it_matchs_your_theme-t1382.0.html;msg23566#msg23566)

To do this you first decide if you want it centered ,  or  to the left,  or to the right.
Change the align tag in blue below to reflect your choice.

You will need to figure out the width for the table that is going to hold the shoutbox in it.
Change it where I have it highlighted in green.
If its not a very wide shoutbox you could try 20%.  
The one  at my test forum (link above) is set to 50.
Change that number until you get it as you like it.

Put YOUR shoutbox code in the area that is shown in red  below.
You can put this in either your header or footer.
It will match your theme.



<table border="0" width="50%" cellspacing="1" cellpadding="4" class="bordercolor" align="center">
      <tr>
      <td class="catbg" colspan="2">Shoutbox</td>
   </tr>
<br>
 
<tr>
<td class="windowbg2">
<table width="100%" border="0">

Put Your Shoutbox code here

</table>
</tr>
Title: Re: Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on June 18, 2007, 10:30:49 am
Code Updated for smf 1.1


You can change the width by changing the number in red.
Paste your shoutbox/chatbox code where it says:   PLACE YOUR SHOUTBOX CODE HERE
You can change the words Shoutbox to words of your choosing.   
 
 

<table border="0" width="45%" cellspacing="2" cellpadding="4" class="tborder" align="center">
    <tr>
    <td class="catbg" colspan="2">Shoutbox</td>
    </tr>
<br>
    <tr>
   <td class="windowbg2">
   <table width="100%" border="0">

PLACE YOUR SHOUTBOX CODE HERE

</table>
</tr>
</table>
Title: Re: Code to place your shoutbox in so that it matchs your theme
Post by: neko-ka-san on June 19, 2007, 02:42:58 pm
Wow! That looks great! This will work with any shoutbox though right?
Title: Re: Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on June 19, 2007, 02:45:26 pm
Wow! That looks great! This will work with any shoutbox though right?

Yes it will. 
I set it up using cbox and set the width as I needed for it.

You'll need to change the table width to accomodate whatever shoutbox you put in it. 
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: sexydiva on July 06, 2008, 10:12:42 pm
ok i have a new forum and i need to know now how to get a shout box in it it dont say any where on the  forum where to put a shout box can anyone help me please
 :'(
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on July 06, 2008, 11:11:09 pm
ok i have a new forum and i need to know now how to get a shout box in it it dont say any where on the  forum where to put a shout box can anyone help me please
 :'(

Let's not double post please ;)

You can put a shout box in your Header, your Footer, Portal Block or a Board Description area

To do it in your Header or Footer go to:  Admin > Manage Styles > Edit Header/Footer
To do it in a board description create a board for the shoutbox,  paste the shoutbox code in the boards description area.     Its nice to do it this way as you can limit who can see it by the boards permissions

You will need to sign up for a shoutbox/chatbox someplace and get the code:

     Here is a list of chat/shout boxes:
     
     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.xat.com/
   
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: anexonline on July 12, 2008, 11:13:18 am
We did Everything Right, and for some reason its still manual...Heres the forum link to see it

http://www.anexonline.smfforfree4.com


Please Help

Thank you

~Staff of Anexonline

Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on July 12, 2008, 11:20:26 am
All the code does is it puts your shoutbox inside a block that matchs the style of your forum.
It can not change the shoutbox style itself.
You have the table width set to 400% btw.   Should change that to 100%
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: Mayhem Maker on July 21, 2008, 12:11:27 am
This will work on an xat chatbox as well right?
Sorry if it contains it in the post,might have missed it.Just trying to be sure.
And nice code btw
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: nchillbilly on July 21, 2008, 06:51:34 am
This will work on an xat chatbox as well right?
Sorry if it contains it in the post,might have missed it.Just trying to be sure.
And nice code btw

Yes it will work.

Reference the post below:

ok i have a new forum and i need to know now how to get a shout box in it it dont say any where on the  forum where to put a shout box can anyone help me please
 :'(

Let's not double post please ;)

You can put a shout box in your Header, your Footer, Portal Block or a Board Description area

To do it in your Header or Footer go to:  Admin > Manage Styles > Edit Header/Footer
To do it in a board description create a board for the shoutbox,  paste the shoutbox code in the boards description area.     Its nice to do it this way as you can limit who can see it by the boards permissions

You will need to sign up for a shoutbox/chatbox someplace and get the code:

     Here is a list of chat/shout boxes:
     
     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.xat.com/
   

 8)
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on July 21, 2008, 11:21:38 am
This will work on an xat chatbox as well right?
Sorry if it contains it in the post,might have missed it.Just trying to be sure.
And nice code btw

Yep.   Its just tables using html code.
You can stick any shoutbox inside that..   actually you can put just about anything inside it.. mess with the widths to get it as you want it.
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: Suki The Saluki on August 02, 2008, 08:22:05 am
Used it and i love it its great thanks sibyl  ;)
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: taogem on August 14, 2009, 11:22:02 pm
Forum Url: http://gemstone.smfforfree4.com/
How do I know if I have this forum version 1.1 ?

Never looked for the version of my forum before    :-\
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on August 16, 2009, 05:14:55 pm
Forum Url: http://gemstone.smfforfree4.com/
How do I know if I have this forum version 1.1 ?

Never looked for the version of my forum before    :-\

Your forum should be SMF 1.1.10    (which means it is 1.1.*)
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: [FailSafe] on August 16, 2009, 08:07:22 pm
So Sybil, does that mean that all forums are updated when a new version of SMF 1.1.x has come out?
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: Seldom Fail on August 16, 2009, 08:37:35 pm
No not necessarily. SMF For Free usually waits a bit after they are released to update. But yes they are updated to the newest version of SMF 1.1.*

There are beta versions of 2.0. You can try it out at http://createaforum.com

But I don't know if SMF is going to add 2.0 to this service. 
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on August 16, 2009, 08:57:29 pm
So Sybil, does that mean that all forums are updated when a new version of SMF 1.1.x has come out?

Cassiel -  yes he generally does minor upgrades right away;  sometimes before they are announced via simplemachines as he has an inside track  ;)   

Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: [FailSafe] on August 16, 2009, 09:00:57 pm
Well seeing as 2.0 is only in Release Candidate i would hope that SMF didn't upgrade the forums seeing as how even the site warned against it for public sites since all of the bugs have not been ironed out yet.

And thanks to the both of you for the info. :)
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on August 16, 2009, 09:02:11 pm
Well seeing as 2.0 is only in Release Candidate i would hope that SMF didn't upgrade the forums seeing as how even the site warned against it for public sites since all of the bugs have not been ironed out yet.

And thanks to the both of you for the info. :)


He will not ever use Beta or Release Candidates for the forums..  not to worry
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: [FailSafe] on August 16, 2009, 09:04:05 pm
So when do you think he will make the jump from 1.1.x to 2.0? After it finishes the RC period?
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: simply sibyl on August 16, 2009, 09:09:49 pm
So when do you think he will make the jump from 1.1.x to 2.0? After it finishes the RC period?

IF he does it at all it would not be until it is out of RC -  that I am positive about.
As far as the existing forums being upgraded at that point -  that I do not know.  That will be a decision he will make when the time comes.
Title: Re: [Code] Code to place your shoutbox in so that it matchs your theme
Post by: [FailSafe] on August 16, 2009, 09:16:42 pm
Alright. Thanks Sybil. :)