Latest Announcemnent
New thread

[phpbb3] Shoutbox + Latests posts like wJunction

Status
Not open for further replies.
jayfella

jayfella

Active Member
1,600
2009
565
680
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:
Code: 
<!-- INCLUDE overall_header.html -->
ADD AFTER:
Code: 
<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:
Code: 
.shouts {
            width: 100%;
            height:280px;
            overflow:auto;
For the latest topcis:

in "recent_topics_body.html"

FIND:
Code: 
<div style="overflow: scroll; height: 310px; overflow-x: hidden;">
 
47 comments
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.
 
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.
 
Status
Not open for further replies.
Back
Top