Jump to content

Download: Shoutbox


Pete T

Recommended Posts

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.

Link to comment
  • Replies 2.9k
  • Created
  • Last Reply

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.

Link to comment

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.

Link to comment

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

Link to comment

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.

Link to comment

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;

}

Link to comment

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.
Link to comment

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,

Link to comment

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.
Link to comment

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!

Link to comment

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'.

Link to comment

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.

Link to comment

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! %7Boption%7D

Link to comment

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...