Download: Shoutbox

Ryan11433 · May 4, 2012

I really did the steps even before contacting you does your latest shoutbox have the latest XML files?

Otherwise something is playing with my head and I'm going to get some rest then I would do the steps all over again as the fifth time. Thank you.

Michael · May 4, 2012

Yes, of course it does.

`Scotty` · May 6, 2012

We have your Shoutbox mod (http://community.inv.../4320-shoutbox/) installed on our forums and I'm having a terrible time skinning it. When new shouts are posted the shout temporarily turns yellow-white-the color I want. Is there any way to change the yellow and white? I've gone through the whole IP.Board default CSS, and then the extra CSS the mod added but I can't for the life of me find it. Thanks for your time.

Michael · May 7, 2012

The AJAX effect of fading in new shouts is handled in the /public/js/shoutbox.js file, on this line:

							new Effect.Highlight( td, { startcolor: '#ffff99' } );

You'd change the #ffff99 value there to some other hex value to have it start as a different color.

KyleHodgetts · May 7, 2012

So can i change this line of code in the shout_row of templates so when pressing the @ it displays the username in the shoutbox with the bb code around it which corresponds correctly with the member group they are in.

<a href="#" class="at_member" data-store="{$d['member_display_name']}" title="{$this->lang->words['insert_members_display_name']}">

so obv as you know the data-store section displays the members display name as it is but is there something i can add to that section so that itll color the name aswell?

this has been racking my brain for the last week or so and i really want to suss it out, i know its possible because ive seen it done.

Many thanks

Michael · May 8, 2012

If you've seen it done, then ask whoever it was who did it how it was done. The group prefix and suffix code is not bbcode, it is HTML, and you can't reliably convert all possible HTML to bbcode. I'm not going to say this again: this feature is not going to be part of this app. Stop posting here asking about it.

Magic.mimi · May 9, 2012

Hello

I can not find how to change the color of the writing (font) of the shoutbox. (

in "css" ? Where?

merci ! thank you

Michael · May 9, 2012

The only thing that defines the default color used in shouts is the color value specified in the ipb_styles.css file for the html and body elements:

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */

	background-color: #d8dde8;

	color: #5a5a5a;

}

DreamPhysix · May 9, 2012

I recently upgraded my board from version 3.0.5 to 3.3.2 and upgraded the shoutbox accordingly. Now it only shows the shoutbox on the index, but not on topics or forums. I've recached my browser and the forums with no luck. Anything else I should check?

Michael · May 9, 2012

You can edit the settings for the Global Shoutbox hook to define which pages it shows on.

DreamPhysix · May 9, 2012

You can edit the settings for the Global Shoutbox hook to define which pages it shows on.

I have page check disabled. I just want it to show on every page.

Update - I actually fixed it by changing the hook to show on the bottom of the page and then switched it back to the top.

Samourai · May 9, 2012

Hello,

The install of the Shoutbox creates a bug with the PM system (display bug). When I disable it, the bug disappears, so I'm almost sure it's because of the Shoutbox...

I am using IPB 3.3.1 and Sbox 1.3.2... Any solution ?

Best regards,

Michael · May 10, 2012

Hello,

The install of the Shoutbox creates a bug with the PM system (display bug). When I disable it, the bug disappears, so I'm almost sure it's because of the Shoutbox...

I am using IPB 3.3.1 and Sbox 1.3.2... Any solution ?

Best regards,

You're going to have to give me more of an explanation of what the issue is. Just saying 'display bug' seems pretty vague.

Samourai · May 10, 2012

Well, here is how the PMs are normally displayed :

And when I enable the Shoutbox 1.3.2 app, here is what is displayed :

I asked my members, and they all have this problem...

Regards,

Michael · May 10, 2012

That's an IP.Board issue:

http://community.invisionpower.com/tracker/issue-37283-minify-max-files/

badHabitZ · May 11, 2012

Hello,

First of all, thanks for this wonderfull application. I love it. One problem though.

When I disable the Public Shoutbox Name in the Applications and & Modules, the shoutbox DOES NOT work anymore. What do I mean with "does not work"? When I enter a new shout, nothing happens. When I enter the same or another shout, I get this message:

"A shout is already being submitted, please wait until the loading is complete"

But nothing is being added, also not in the database, I checked.

Now why would I want to disable the public name anyway you ask?

First of all, I do not want a shoutbox link in my top menu. Second, and most importantly, I want my shoutbox to be displayed as in the attached image (nice.JPG). If you check out the "notnice.JPG" image, you can see it id displayed kind of ugly. But it is working like that.

Any chance I can get my shoutbox to be displayed like the "nice.JPG" image AND without having a link at the top AND for the shoutbox to still be working? If you need access to my admin CP let me know and I'll PM you the information.

Thanks in advance for any help anyone can give me!

Michael · May 11, 2012

Removing the public title is not how you remove the navigation tab, you do that by editing the options on the Tab Permissions tab.

You can change the appearance of the app by editing its entries in the ipshoutbox.css file, the colors of the shout separators and resizer are here:

#shoutbox-shouts-table {

	border: 1px solid #d5dde5;

}


#shoutbox-shouts-table .row2 td {

	border-bottom: 1px solid #d5dde5;

	vertical-align: middle;

}


#shouts-global-resizer,

#shouts-resizer {

	background-color: #DBE2EC;

	cursor:n-resize;

	height:6px;

}

I'm assuming that's what you're referring to, you don't really specify what you consider 'nice'.

badHabitZ · May 11, 2012

Thanks, in the meanwhile I already found how to hide the tab. I still have one more question, then I'll leave you alone :tongue:

I have been looking at the css templates, but whatever I change, I cannot see any differences. Neither in my uploaded skin or in the default one can I see something different, whatever colors I input. Do I need to do something special after changing the css files perhaps? Also if I remove all the text in the ipshoutbox.css file and save it, nothing is being changed at all after refreshing the page.

PS. My left screenshot is the "nice" one, and the right one is the "note so nice one". The one with the white seperators and with the white resizer at the bottom and such.

Edit: Whenever I install the shoutbox for the first time so to speak, I get the shoutbox look as it is on the right image of my previous post. Whenever I remove the public title (so the shoutbox disables) I get the look on the left side, which is how I want it because it looks 10x better.

Michael · May 11, 2012

Try doing a hard browser refresh (Ctrl+F5) after making the CSS changes, your browser might be caching the old CSS file and not applying your edits to it.

badHabitZ · May 11, 2012

Try doing a hard browser refresh (Ctrl+F5) after making the CSS changes, your browser might be caching the old CSS file and not applying your edits to it.

Yeah I did that multiple times, no effect.

Michael · May 11, 2012

Then you probably want to talk with IPS as to why your CSS changes aren't taking effect, it wouldn't be an issue with this app.

badHabitZ · May 11, 2012

Thanks for your help. I re-cached and rebuild everything, still no effect. Then I re-installed my skin and now it is working. Sorry for taking your tome and thanks again for your help.

Samourai · May 11, 2012

That's an IP.Board issue:

http://community.inv...nify-max-files/

Thanks !
Worked ! :)

ygladies · May 12, 2012

Hi, I'm wondering if what's the problem regarding the code of one of my custom block (sidebar)? Cause whenever I enabled this block. I can't use my shoutbox properly. Like I can't send a message and I can't press the buttons for it.

I guess there's a conflict regarding my variable/s? But I can't identify it since I'm not yet familiar wth the codes of my shoutbox.

Here's the code:


<html>

<head>

<style type="text/css">

  body { font-size: 12px; }

  .menu1 { padding: 0; clear: both; }

  .menu1 li { display: inline; }

  .menu1 li a { background: #fb1a6f;

   padding: 5px; float:left;

   border: 1px solid #db0b5a; border-bottom: none;

   text-decoration: none; color: #000;

   filter:alpha(opacity=100);

   -moz-opacity: 1.0;

   opacity: 1.0;

   }

  .menu1 li a:hover {

   filter:alpha(opacity=70);

   -moz-opacity: .65;

   opacity: .65;

   }

  .menu1 li.active a { background: #db0b5a; }

  .content1 { float: left; clear: both; border: 0px dashed #db0b5a;

   border-top: 1px solid #db0b5a; background: #fbfbfb;

   padding: 7px 5px 0px 0px; width: 250px; height: 250px }

  .rss-title {

   display: none;

  }

  .f2jnag {

   display: none;

  }

  li.rss-item {

   list-style: square;

   width: 210px;

   position: relative;

   left: 30px;

   top: 15px

  }

  .nboxTitle {

   padding-left: 10px;

  }

</style>

</head>

<body>

<ul id="menu1" class="menu1">

  <li class="active"><a href="#nbox">News</a></li>

  <li><a href="#pbox">Pics</a></li>

  <li><a href="#vbox">Vids</a></li>

  <li><a href="#ubox">Updates</a></li>

  <li><a href="#sbox">RAS</a></li>

</ul>

<div id="nbox" class="content1">

  <a class="nboxTitle" href="http://www.ygladies.com/forums/forum/9-news-box/"><b>2NE1 News</b></a>

  <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D1&chan=title&num=5&utf=y&css=nbox"  charset="UTF-8" type="text/javascript"></script>

  <noscript>

   <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D1&chan=title&num=5&utf=y&css=nbox&html=y">View RSS feed</a>

  </noscript>

</div>

<div id="pbox" class="content1">

  <a class="nboxTitle" href="http://www.ygladies.com/forums/forum/16-eye-candy/"><b>2NE1 Pictures</b></a>

  <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D4&chan=title&num=5&utf=y&css=pbox"  charset="UTF-8" type="text/javascript"></script>

  <noscript>

   <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D4&chan=title&num=5&utf=y&css=pbox&html=y">View RSS feed</a>

  </noscript>

</div>

<div id="vbox" class="content1">

  <a class="nboxTitle" href="http://www.ygladies.com/forums/forum/13-streaming-media/"><b>2NE1 Videos</b></a>

  <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D2&chan=title&num=5&utf=y&css=vbox"  charset="UTF-8" type="text/javascript"></script>

  <noscript>

   <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D2&chan=title&num=5&utf=y&css=vbox&html=y">View RSS feed</a>

  </noscript>

</div>

<div id="ubox" class="content1">

  <a class="nboxTitle" href="http://www.ygladies.com/forums/forum/122-2ne1-sns-updates/"><b>2NE1 Updates</b></a>

  <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D10&chan=title&num=5&utf=y&css=ubox"  charset="UTF-8" type="text/javascript"></script>

  <noscript>

   <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D10&chan=title&num=5&utf=y&css=ubox&html=y">View RSS feed</a>

  </noscript>

</div>

<div id="sbox" class="content1">

  <a class="nboxTitle" href="http://www.ygladies.com/forums/forum/106-royal-ace-subs/"><b>2NE1 Subbed Videos</b></a>

  <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D3&chan=title&num=5&utf=y&css=sbox"  charset="UTF-8" type="text/javascript"></script>

  <noscript>

   <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ygladies.com%2Fforums%2Findex.php%3Fapp%3Dcore%26module%3Dglobal%26section%3Drss%26type%3Dforums%26id%3D3&chan=title&num=5&utf=y&css=sbox&html=y">View RSS feed</a>

  </noscript>

</div>

<script src="http://www.ygladies.com/jquery.js" type="text/javascript" charset="utf-8"></script>

<script src="http://www.ygladies.com/jquery.tabify1.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

  // <![CDATA[

  $(document).ready(function () {

   $('#menu1').tabify();

  });

  // ]]>

</script>

</body>

</html>

I tried to modified my variables. But still getting the same problem.

Hope you can help me with this. And thanks in advance!

Michael · May 12, 2012

If something custom you're writing doesn't work, then I can't see how that's an issue with this app. I only support this product the way it's designed to work, not making it work in combination with other custom coding.

Invision Community 4: SEO, prepare for v5 and dormant account notifications

Invision Community 5: Beta testing and latest updates

Invision Community 4: A more professional report center

Invision Community 5: A video walkthrough creating a custom theme and homepage

Download: Shoutbox

Recommended Posts

Ryan11433

Michael

`Scotty`

Michael

KyleHodgetts

Michael

Magic.mimi

Michael

DreamPhysix

Michael

DreamPhysix

Samourai

Michael

Samourai

Michael

badHabitZ

Michael

badHabitZ

Michael

badHabitZ

Michael

badHabitZ

Samourai

ygladies

Michael

Archived

Recently Browsing 0 members

More