MODS.DB9.DK

PHPBB MODS by Niels Chr. This site offer mods for free - limited suppport may be given - please help each other

Skip to content

Made a "better" layout

This shoutbox, fully integrates in phpbb2, support smilies and bbcode
this shoutbox is a shoutbox written for phpbb2, therefor it makes uses of templates and language files

Moderator: Moderators

Forum rules
The content in this forum is dated Dec. 21 2005 and can be used as Archive only. This Forum is LOCKED and READ ONLY !
Post a reply

Made a "better" layout

Postby edwinv on Thu 23. Dec, 2004 12:30

Hi there, I have just altered the layout files so the shoutbox is more confirm with the board layout. You can see it at http://forum.fiestaclub.nl

I have added a "message icon", changed the lineup and made the header comfirm with the other "topic groups"

shoutbox code index_body.tpl
Code: Select all
<!-- Start add - Fully integrated shoutbox MOD -->
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2" class="forumline">
      <tr>
         <td align="left" nowrap="nowrap" class="catHead" colspan="2'><span class="cattitle"><a href="{U_SHOUTBOX_MAX}" style="text-decoration:none;" class="cattitle">{L_SHOUTBOX}</a></span></td>
      </tr>
      <tr>
   <td width="30" valign="top"><img src="/forum/templates/subSilver/images/folder_big.gif" vspace="10"></td>
         <td align="left">
          <iframe src="{U_SHOUTBOX}" scrolling="NO" width="99%" height="180" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
         </td>
  </tr>
</table>
<br/>
<!-- End add - Fully integrated shoutbox MOD -->


shoutbox_body.tpl code (change CENTER to LEFT)
Code: Select all
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<link rel="stylesheet" href="{T_URL}/{T_HEAD_STYLESHEET}" type="text/css">
</HEAD>

<body bgcolor="{T_TR_COLOR3}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<script language="java**script" src="{T_URL}/bbcode.js" type="text/java**script" ></script>
<form method="post" name="post" action="{U_SHOUTBOX}" onsubmit="return checkForm(this)">
{ERROR_BOX}
<table width="100%" height="26" cellpadding="0" cellspacing="0" border="0" class="row1">
<tr>
         <td class="row1" align="left" valign="middle" width="100%">
            <left><span class="gensmall">
   <!-- BEGIN switch_auth_post -->
   <!-- BEGIN switch_bbcode -->
     <input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" />
     <input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" />
     <input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" />
     <input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" />&nbsp;&nbsp;
   <span  class="nav"><a href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'HEIGHT=300,resizable=yes,scrollbars=yes,WIDTH=250');return false;" target="_phpbbsmilies" class="nav">{L_SMILIES}</a></span>
   <!-- END switch_bbcode -->

{L_SHOUT_TEXT}:&nbsp;
<input type="text" class="liteoption" name="message" value="{MESSAGE}" size="60%" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"/>
&nbsp;&nbsp;
      <input type="submit" class="mainoption" value="{L_SHOUT_SUBMIT}" name="shout" />

   <!-- END switch_auth_post -->
   <!-- BEGIN switch_auth_no_post -->
            {L_SHOUTBOX_LOGIN}&nbsp;
   <!-- END switch_auth_no_post -->
            <input type="submit" class="liteoption" value="{L_SHOUT_REFRESH}" name="refresh" /></left><br/>
            </span>      
            <center>
         </td>

</tr>
</table>
       <iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="145" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true">
      </iframe>


</form>
</body>


I thought I post my changes, perhaps it can be added to a new release if other users find it usefull.
edwinv
Poster
Poster
 
Posts: 2
Joined: Thu 23. Dec, 2004 10:10
Top

Personal changes

Postby sparky on Tue 26. Jul, 2005 19:09

I also made a few changes to this, to fit my application better.

First, I replaced the QUOTE, with URL, since it was unlikely anyone would use the quote bbcode, but they do like to use the url bbcode.

Second, I added the pulldown color select menu, to make it easier for members to chose their colors. Like a bunch of kids with new crayons, they loved it. My color choices may have to be adapted for most forums, since I use a black backround. I also changed the white choice on the menu to show as grey, since you couldnt see the choice white against the white backround.

I should mention that I have this configured to use in IM Portal, as well as other programs running on my site,so the size of the shout was adjusted for that application.


Code: Select all
   <!-- BEGIN switch_bbcode -->
     <input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" />
     <input type="button" class="button" accesskey="i" name="addbbcode2" value=" I " style="font-style:italic; width: 30px" onClick="bbstyle(2)" />
     <input type="button" class="button" accesskey="u" name="addbbcode4" value=" U " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" />
     <input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
   <span  class="nav"><a href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'HEIGHT=300,resizable=yes,scrollbars=yes,WIDTH=250');return false;" target="_phpbbsmilies" class="nav1">{L_SMILIES}</a></span>
      <br><font color=#FFFFFF>Font Color </font><select name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']&nbsp;', '&nbsp;[/color]')" onMouseOver="helpline('s')">
                 <option style="color:black; background-color: {T_TD_COLOR1}" value="{T_FONTCOLOR1}" class="genmed">Default</option>
                 <option style="color:#D21E36; background-color: {T_TD_COLOR1}" value="#D21E36" class="genmed">Red</option>
                 <option style="color:orange; background-color: {T_TD_COLOR1}" value="orange" class="genmed">Orange</option>
                 <option style="color:#912222; background-color: {T_TD_COLOR1}" value="#912222" class="genmed">Redwood</option>
                 <option style="color:#834722; background-color: {T_TD_COLOR1}" value="#834722" class="genmed">Brown</option>
                 <option style="color:yellow; background-color: {T_TD_COLOR1}" value="yellow" class="genmed">Yellow</option>
                 <option style="color:green; background-color: {T_TD_COLOR1}" value="green" class="genmed">Green</option>
                 <option style="color:#33DF3C; background-color: {T_TD_COLOR1}" value="#33DF3C" class="genmed">Lime</option>
                 <option style="color:olive; background-color: {T_TD_COLOR1}" value="olive" class="genmed">Olive</option>
                 <option style="color:#19A6BF; background-color: {T_TD_COLOR1}" value="#19A6BF" class="genmed">Teal</option>
                  <option style="color:cyan; background-color: {T_TD_COLOR1}" value="cyan" class="genmed">Cyan</option>
                 <option style="color:blue; background-color: {T_TD_COLOR1}" value="blue" class="genmed">Blue</option>
                 <option style="color:#DF33D1; background-color: {T_TD_COLOR1}" value="#DF33D1" class="genmed">Pink</option>
                 <option style="color:#9C2FE0; background-color: {T_TD_COLOR1}" value="#9C2FE0" class="genmed">Purple</option>
                 <option style="color:gray; background-color: {T_TD_COLOR1}" value="white" class="genmed">White</option>
               </select>
   <!-- END switch_bbcode -->


You can see it at http://abetterplace2b.com/phpBB2
sparky
Poster
Poster
 
Posts: 5
Joined: Sat 23. Apr, 2005 19:28
Top
Post a reply

Return to Fully integrated shoutbox [2.0.6/EM]

Who is online

Users browsing this forum: No registered users and 1 guest

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
cron