MyBB Community Forums

Full Version: [AJAX] Inferno Shoutbox for MyBB
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Could you please make a design for mobile phones?? Like for mybb gomobile??
(2014-10-25, 12:13 AM)depzzz Wrote: [ -> ]Could you please make a design for mobile phones?? Like for mybb gomobile??

This isn't official or supported, but I did make some template mods for my GoMobile theme, all I really did though was to move the Bold, Underline, Italisize, and color selection to the next line and remove the font selection dropdown. This helped with the width of the textbox on my phone, but your results may vary.

The template code (replace the inferno_shoutbox template code with this). Keep in mind that this code is for Mybb 1.6 and will probably break if you use it with my updated version.

<link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/inc/plugins/inferno/inferno_style.css">

<script id="inferno_js" type="text/javascript" src="{$mybb->settings['bburl']}/inc/plugins/inferno/inferno.js.php"></script>

<!-- Inferno Shoutbox Lite: Version {inferno_version} Created by: Mattbox Solutions -->
<table class="tborder inferno_table" cellspacing="1" cellpadding="4" border="0">
    <thead>
        <tr>
        <td class="thead" colspan="5">
<!--            <div class="expcolimage">
                <img id="cat1_img" class="expander" title="[-]" alt="[-]" src="images/collapse.gif" style="cursor: pointer;">
            </div> -->
<div style="text-align:center;">
                <strong>
                    <a href="{$mybb->settings['bburl']}/infernoshout.php?action=archive" title="{inferno_shoutbox_title} Archive">{inferno_shoutbox_title}</a>
                </strong>
            </div>
            </td>
        </tr>
    </thead>
    <tbody id="cat_1_e" style="">
        <tr>
            <td class="trow1">
                <div class="inferno_shoutbox">

                    <div id="inferno_smilies" align="center"></div>

                    <div id="inferno_edit_shout" style="display: none;">
                        <form name="updateshout" autocomplete="off" id="newquery">
                            <table class="inputTable">
                                <tr>
                                    <td width="100%">
                                        <input type="text" style="{inferno_user_css}" id="inferno_update_shout" class="inferno_text" name="updateshout"></input>
                                    </td>
                                    <td width="1%" style="white-space:nowrap">
                                        <input type="submit" id="postshout" class="button" name="updateshout" onclick="javascript: inferno.update_shout(); return false;" class="submitShout" value="Update"/>
                                        <input type="button" class="button" name="btnDelete" onclick="javascript: inferno.delete_shout(); return false;" value="Delete"/>
                                        <input type="button" class="button" name="btnCancel" onclick="javascript: inferno.cancel(); return false;" value="Cancel" />
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>

                    <!-- Text Entry Table -->
                    <div class="newquery">
                        <form name="newshout" autocomplete="off" id="newquery">
                            <table class="inputTable">
                                <tr>
                                    <td width="100%">
                                        <input type="text" style="{inferno_user_css}" id="inferno_shout_entry" class="inferno_text" name="newshout"></input>
                                    </td>
                                    <td width="1%" style="white-space:nowrap">
                                        <input type="submit" id="postshout" class="button" name="postshout" onclick="javascript: inferno.submit_shout(); return false;" class="submitShout" value="{$lang->isb_btn_shout}"/>
                                        <input type="button" class="button" name="btnClear" onclick="javascript: inferno.clear_shout(); return false;" value="{$lang->isb_btn_clear}"/>
                                        {inferno_button_smilies}
                                    </td>
                                </tr>
                                <tr><td colspan="2" >
                                    {inferno_button_bold}
                                    {inferno_button_underline}
                                    {inferno_button_italic}
                                    {inferno_button_colors}
                                </td></tr>
                            </table>
                        </form>
                    </div>
                    <!-- End Text Entry -->

                    <div id="inferno_links" class="inferno_links">
                        <div><a href="#" onclick="javascript: inferno.init(); return false;">{$lang->isb_shoutboxtab}</a></div>
                        <div><a href="#" onclick="javascript: inferno.load_active_users(); return false;">{$lang->isb_activetab}</a>: <span id="inferno_active_users">{inferno_active_users}</span></div>
                    </div>

                    <div id="inferno_alert" class="inferno_alert_inactive"></div>

                    <!-- Shoutbox Content -->
                    <div class="inferno_content" id="inferno_content" style="height:{inferno_css_height}px;">Loading...</div>
                    <!-- End Shoutbox Content -->

                </div>
            </td>
        </tr>
    </body>
</table>
<br />

And the CSS that I used
/* Inferno SB CSS */



.inferno_table select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6B91AB;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    font: 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    outline: 0 none;
    padding: 4px;
}

.inferno_text {
    max-width: 500px;
    width: 90%;
    height: 18px;
    font-size:12px;
}

.inferno_shoutbox {
}

.inferno_content {
    padding-left: 5px;
    word-wrap:break-word;
    margin-right:10px;
    margin-bottom:20px;
    margin-top:5px;
    color: #000;
    overflow: auto;
}

.inferno_content a {
    text-decoration:none;
    color:#336699;
}

.inferno_content a:hover {
    text-decoration:underline;
}

.inferno_links {
    margin-left: 5px;
    margin-bottom: -1px;
}

.inferno_links div {
    border-radius: 3px 3px 0px 0px;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

.inferno_links div {
    margin-right: 8px;
    display: inline;
}

.inferno_alert {
    background-color: #FBEF8D;
    padding:1px;
}

.inferno_alert_div {
    padding: 8px 0px 3px 5px;
}

Again, keep in mind that this is not supported and will break stuff if you use it with my updated version (try removing the second line in the template if you use Mybb 1.8). I'm just sharing what worked for me.
Also, this is a version without any of the template updates, so you will have to add those yourself if you want them. Sorry about that.
Hi.
Where can I change the time settings (İnferno ShoutBox)
@ectomatt Please update your wonderful chat plugin for MyBB and add uncountable number of new cool features and implement full support to Javascript for MyBB 1.8.x - Your chat plugin was the best ever for MyBB! We really need an update now!
(2014-10-27, 04:16 PM)jpninside Wrote: [ -> ]@ectomatt Please update your wonderful chat plugin for MyBB and add uncountable number of new cool features and implement full support to Javascript for MyBB 1.8.x - Your chat plugin was the best ever for MyBB! We really need an update now!

I am in the process of a total remake of the shoutbox for 1.8. The new version will be much more sleek in design, functionality, and usability. Unfortunately this takes a bit of time and I am lacking major free time due to school, work, etc. It will be a while but the end result will be worth it, I plan on adding major new features which (as of now) no other shoutboxes for MyBB have.
(2014-10-27, 01:25 PM)feilian Wrote: [ -> ]Hi.
Where can I change the time settings (İnferno ShoutBox)

The time in the shoutbox is based off of the forum time. There was an issue with daylight savings time, but the fix for that is detailed here http://community.mybb.com/thread-149231-...pid1073152
(2014-10-27, 05:06 PM)Clank Wrote: [ -> ]
(2014-10-27, 01:25 PM)feilian Wrote: [ -> ]Hi.
Where can I change the time settings (İnferno ShoutBox)

The time in the shoutbox is based off of the forum time. There was an issue with daylight savings time, but the fix for that is detailed here http://community.mybb.com/thread-149231-...pid1073152

Code same my inferno/class_core.php
// Markup Timestamp
    $unixtime = $row['timestamp'];
    // MyBB your shitty my_date function can get olive by a cactus
    $row['timestamp'] = my_date($this->settings['dateformat'], $unixtime);
    $row['timestamp'] .= ' ' . my_date($this->settings['timeformat'], $unixtime); 

But i try and change code but did not work
Are you sure your forum time is correct? This should pull directly from that, so it should be the same.
(2014-10-27, 05:33 PM)Clank Wrote: [ -> ]Are you sure your forum time is correct? This should pull directly from that, so it should be the same.

Fix the problem.


i use my sql use code and fix

UPDATE mybb_users SET timezone = "2" 
(2014-10-27, 04:48 PM)ectomatt Wrote: [ -> ]I am in the process of a total remake of the shoutbox for 1.8. The new version will be much more sleek in design, functionality, and usability. Unfortunately this takes a bit of time and I am lacking major free time due to school, work, etc. It will be a while but the end result will be worth it, I plan on adding major new features which (as of now) no other shoutboxes for MyBB have.

Awesome, take your time. I look forward to this, best shoutbox for mybb!
But i hope it doesn't require the latest php versions then.