[phpbb3] Shoutbox + Latests posts like wJunction

[jayfella]

This modification will add a shoutbox + Last Posts very similar to the wJunction setup.


You will need:

Handyman's Ajax shoutbox: http://www.phpbb.com/community/viewtopic.php?f=70&t=543865
Installation Level: Easy
Install Time: ~ 3 minutes

NV Recent Topics: http://www.phpbb.com/community/viewtopic.php?f=69&t=1402415
Installation Level: Easy
Install Time: ~5 Minutes

Install both of these mods but do NOT add anything to "index_body.html".


Replace:

- chat_body.html
- recent_topics_body.html

(located in /styles/myStyle/Templates)

with these: http://www.megaupload.com/?d=MUKCHKG5


Open index_body.html

find:

<!-- INCLUDE overall_header.html -->

ADD AFTER:

<br />
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="70%">
<div class="forabg">
            <div class="inner"><span class="corners-top"><span></span></span>
            <ul class="topiclist">
                <li class="header">
                    <dl>
                        <dt style="width: 100%;"><b>Shoutbox</b> - <font style="font-weight: normal;">Ask your questions in the forums. The ChatBox is for small talk</font></dt>
                        
                    </dl>
                </li>
            </ul>
            <ul class="topiclist forums">

                <li class="row">
                    <dl>
<!-- INCLUDE chat_body.html -->
</dl>
                </li>
            </ul>

            <span class="corners-bottom"><span></span></span></div>
        </div>
</td>
<td valign="top"  style="padding-left: 8px;" width="28%">
<!-- INCLUDE recent_topics_body.html -->
</td>
</tr>
</table>

and there ya go. all done.

The result will be this:

[slide]http://www.imgcentre.com/img/uploads/big/792287494a.png[/slide]


Any problems just let me know.


To modify the height:


For the shoutbox:

in "chat_body.html"

FIND:

.shouts {
            width: 100%;
            height:280px;
            overflow:auto;

For the latest topcis:

in "recent_topics_body.html"

FIND:

<div style="overflow: scroll; height: 310px; overflow-x: hidden;">

 

[Mr.KiLLeR]

gr8 share!

can u make this mod for vbulletin also ?

 

[G3X]

Nice.

 

[wfø9]

Thanks a lot Jay <3

 

[bumilad20]

Woop ...il try this 1 now

 

[CyberHacK]

It was posted somewhere round here somewhere Mr.Killer.

Can't find it right now though.

 

[DJGaurav]

Thankx Jay

For VB

http://www.wjunction.com/showthread.php?p=180062#post180062

 

[bumilad20]

jay the mu is unavalible

 

[jayfella]

Mirror:

http://hotfile.com/dl/24320737/adc6b3c/modified.rar.html

 

[Mr.KiLLeR]

Thankx Jay

For VB

thanks alot

 

[abhay26]

Great jay!
I will try now!

 

[raflamo]

thanks a ton

 

[atap_aje]

latest post work in my board. thanks jay

 

[Golden Falcon]

Nice tut jay, will this work similar with mChat?

Lots of people prefer that over Handyman's because he isn't supporting his anymore.

 

[jayfella]

as far as i am aware, you can just replace the <!--include chat_body.html --> with whichever file the mChat tells you to include and it will be just fine.

 

[TheTorrentSeller]

That's another help to be added to ur Encyclopedia jay , just fantastic

 

[Tango]

There is a beta mod somewhere that shows recent posts as shouts in the box

 

[SplitIce]

ewewewew table.

take a look at the source of thewarezscene.org/forums/ for a div based solution.

 

[ttexta]

awesome, thanks for the post

 

[jayfella]

Yea good idea. Add and extra 28 lines of CSS just so i can say i dont use tables. uber.

Tables are not a good idea because that can become slow if over-used.

CSS-Based DIVs have a huge amount of CSS requirements, and in the end, result in being just as slow as the table in the first place.