Advertise Here

Author Topic: [Code] Code to place your shoutbox in so that it matchs your theme  (Read 12474 times)

0 Members and 1 Guest are viewing this topic.

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
To see how this looks:  

This one works for smf version 1.0.
For version 1.1 go here:  Code for smf 1.1

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>
« Last Edit: August 16, 2009, 08:59:58 pm by simply sibyl »

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: Code to place your shoutbox in so that it matchs your theme
« Reply #1 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>
« Last Edit: September 05, 2007, 01:57:39 pm by simply sibyl »

Offline neko-ka-san

  • SMF For Free Member
  • *
  • Posts: 64
  • I make graphics!
    • View Profile
    • http://kurenaishi.smfforfree3.com

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Code to place your shoutbox in so that it matchs your theme
« Reply #2 on: June 19, 2007, 02:42:58 pm »
Wow! That looks great! This will work with any shoutbox though right?

Don't steal codes or graphics! The credits penguins will find you and take your soul!

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: Code to place your shoutbox in so that it matchs your theme
« Reply #3 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. 

Offline sexydiva

  • SMF For Free Newbie
  • *
  • Posts: 3
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #4 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
 :'(

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #5 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/
   

Offline anexonline

  • SMF For Free Newbie
  • *
  • Posts: 15
    • View Profile
    • Mayham Maker's Userbars.

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #6 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

All Come to http://Http://www.Mmuserbars.smfforfree4.com!!
We have some Pretty good Banner and Userbar Creators here.
You can also Request Banner and Userbars here.
We also have Some Great other Off topics.
So what are you waiting for?!?!?!? Join now.
http://www.mmuserbars.smfforfree4.com

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #7 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%

Offline Mayhem Maker

  • SMF For Free Full Member
  • *
  • Posts: 194
    • View Profile
    • Mayhem Maker's Forums!

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #8 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

Click the Banner above to go to the Best Forums in the world!

Offline nchillbilly

  • SMF For Free Sponsors
  • *
  • Posts: 33
    • View Profile

  • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #9 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)


Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #10 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.

Offline Suki The Saluki

  • SMF For Free Sponsors
  • *
  • Posts: 827
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #11 on: August 02, 2008, 08:22:05 am »
Used it and i love it its great thanks sibyl  ;)

Offline taogem

  • SMF For Free Hero
  • *
  • Posts: 853
    • View Profile
    • My Snuff Bottle Journal

  • Total Badges: 29
    Badges: (View All)
    Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #12 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    :-\
« Last Edit: August 14, 2009, 11:27:44 pm by taogem »

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #13 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.*)

Offline [FailSafe]

  • SMF For Free Member
  • *
  • Posts: 51
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Code] Code to place your shoutbox in so that it matchs your theme
« Reply #14 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?
The Reviewer Journey- Start writing your own entertainment reviews today!

 

Related Topics

  Subject / Started by Replies Last post
47 Replies
23829 Views
Last post December 29, 2010, 08:20:17 am
by Hakam J.
4 Replies
1241 Views
Last post September 02, 2006, 09:44:53 am
by Laugh-nd-kid
78 Replies
21665 Views
Last post November 15, 2006, 11:31:56 am
by petrol head
10 Replies
5967 Views
Last post December 16, 2008, 06:22:23 pm
by outlaw16151
31 Replies
16007 Views
Last post May 13, 2009, 06:48:35 pm
by Pan