[Artemis] Fully Integrated Shoutbox

Specific instructions on how to apply certain mods to certain styles.

Moderator: Moderators

[Artemis] Fully Integrated Shoutbox

Postby Stryker on Sun Dec 31, 2006 10:37 am

Just put this files into your templates/Artemis folder...

[code filename=shoutbox_body.tpl]<html>
<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">
<script language="JavaScript" src="{T_URL}/bbcode.js" type="text/javascript" ></script>
</head>
<body bgcolor="{T_TR_COLOR3}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<form method="post" name="post" action="{U_SHOUTBOX}" onsubmit="return checkForm(this)">
<table width="100%" cellpadding="2" cellspacing="0" border="0" class="row1">
<tr>
<td class="row1" align="center" valign="middle" width="100%">
<center><span class="gensmall">
{ERROR_BOX}
<!-- 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 -->&nbsp;
<input type="text" class="liteoption" name="message" value="{MESSAGE}" size="100%" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"/>
&nbsp;&nbsp;
<input type="submit" class="mainoption" value="{L_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" />
</span></center>
</td>
</tr>
</table>
<iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="155" frameborder="0" marginheight="0" marginwidth="0"></iframe>
</form>
</body>
</html>[/code]

[code filename=shoutbox_max_body.tpl]<script language="JavaScript" src="{T_URL}/bbcode.js" type="text/javascript" ></script>
<script language="JavaScript" type="text/javascript" >
// Helpline messages
b_help = "{L_BBCODE_B_HELP}";
i_help = "{L_BBCODE_I_HELP}";
u_help = "{L_BBCODE_U_HELP}";
q_help = "{L_BBCODE_Q_HELP}";
c_help = "{L_BBCODE_C_HELP}";
l_help = "{L_BBCODE_L_HELP}";
o_help = "{L_BBCODE_O_HELP}";
p_help = "{L_BBCODE_P_HELP}";
w_help = "{L_BBCODE_W_HELP}";
a_help = "{L_BBCODE_A_HELP}";
s_help = "{L_BBCODE_S_HELP}";
f_help = "{L_BBCODE_F_HELP}";
</script>

{ERROR_BOX}

<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a> &raquo; <a href="{U_SHOUTBOX}">{L_SHOUTBOX}</a></span></td>
</tr>
</table>

{POST_PREVIEW_BOX}

<form action="{U_SHOUTBOX}" method="post" name="post" onsubmit="return checkForm(this)">
{TPL_HDR1}{L_SHOUTBOX}{TPL_HDR2}<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline">
<!-- BEGIN switch_username_select -->
<tr>
<td class="row1"><span class="gen"><b>{L_USERNAME}</b></span></td>
<td class="row2"><span class="genmed"><input type="text" class="post" tabindex="1" name="username" size="25" maxlength="25" value="{USERNAME}" /></span></td>
</tr>
<!-- END switch_username_select -->
<tr>
<td class="row1" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td><span class="gen"><b>{L_MESSAGE_BODY}</b></span> </td>
</tr>
<tr>
<td valign="middle" align="center"> <br />
<table width="100" border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td colspan="{S_SMILIES_COLSPAN}" class="gensmall"><b>{L_EMOTICONS}</b></td>
</tr>
<!-- BEGIN smilies_row -->
<tr align="center" valign="middle">
<!-- BEGIN smilies_col -->
<td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
<!-- END smilies_col -->
</tr>
<!-- END smilies_row -->
<!-- BEGIN switch_smilies_extra -->
<tr align="center">
<td colspan="{S_SMILIES_COLSPAN}"><span class="genmed"><a href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_phpbbsmilies', 'height=400,resizable=yes,scrollbars=yes,width=450');return false;" target="_phpbbsmilies" class="genmed">{L_MORE_SMILIES}</a></span></td>
</tr>
<!-- END switch_smilies_extra -->
</table>
</td>
</tr>
</table>
</td>
<td class="row2" valign="top">
<table width="450" border="0" cellspacing="0" cellpadding="2">
<tr align="center" valign="middle">
<td><span class="genmed">
<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" onMouseOver="helpline('q')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(8)" onMouseOver="helpline('c')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onClick="bbstyle(10)" onMouseOver="helpline('l')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('o')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onClick="bbstyle(14)" onMouseOver="helpline('p')" />
</span></td>
<td><span class="genmed">
<input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
</span></td>
</tr>
<tr>
<td colspan="9">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed button"> &nbsp;{L_FONT_COLOR}:
<select class="button" name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', '[/color]');this.selectedIndex=0;" onMouseOver="helpline('s')">
<option style="color:black; background-color: white" value="{T_FONTCOLOR1}" class="genmed">{L_COLOR_DEFAULT}</option>
<option style="color:darkred; background-color: white" value="darkred" class="genmed">{L_COLOR_DARK_RED}</option>
<option style="color:red; background-color: white" value="red" class="genmed">{L_COLOR_RED}</option>
<option style="color:orange; background-color: white" value="orange" class="genmed">{L_COLOR_ORANGE}</option>
<option style="color:brown; background-color: white" value="brown" class="genmed">{L_COLOR_BROWN}</option>
<option style="color:yellow; background-color: white" value="yellow" class="genmed">{L_COLOR_YELLOW}</option>
<option style="color:green; background-color: white" value="green" class="genmed">{L_COLOR_GREEN}</option>
<option style="color:olive; background-color: white" value="olive" class="genmed">{L_COLOR_OLIVE}</option>
<option style="color:cyan; background-color: white" value="cyan" class="genmed">{L_COLOR_CYAN}</option>
<option style="color:blue; background-color: white" value="blue" class="genmed">{L_COLOR_BLUE}</option>
<option style="color:darkblue; background-color: white" value="darkblue" class="genmed">{L_COLOR_DARK_BLUE}</option>
<option style="color:indigo; background-color: white" value="indigo" class="genmed">{L_COLOR_INDIGO}</option>
<option style="color:violet; background-color: white" value="violet" class="genmed">{L_COLOR_VIOLET}</option>
<option style="color:white; background-color: white" value="white" class="genmed">{L_COLOR_WHITE}</option>
<option style="color:black; background-color: white" value="black" class="genmed">{L_COLOR_BLACK}</option>
</select> &nbsp;{L_FONT_SIZE}:<select class="button" name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]')" onMouseOver="helpline('f')">
<option value="7" class="genmed">{L_FONT_TINY}</option>
<option value="9" class="genmed">{L_FONT_SMALL}</option>
<option value="12" selected class="genmed">{L_FONT_NORMAL}</option>
<option value="18" class="genmed">{L_FONT_LARGE}</option>
<option value="24" class="genmed">{L_FONT_HUGE}</option>
</select>
</span></td>
<td nowrap="nowrap" align="right"><span class="moderators"><a href="javascript:bbstyle(-1)" onMouseOver="helpline('a')">{L_BBCODE_CLOSE_TAGS}</a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="9"><input type="text" name="helpbox" size="45" maxlength="100" style="width:450px; font-size:10px" class="helpline" value="{L_STYLES_TIP}" /></td>
</tr>
</table>
<textarea name="message" rows="15" cols="35" wrap="virtual" style="width:98%" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
</span></td>
</tr>
<tr>
<td class="row1" valign="top"><span class="gen"><b>{L_OPTIONS}</b></span><br /><span class="gensmall">{HTML_STATUS}<br />{BBCODE_STATUS}<br />{SMILIES_STATUS}</span></td>
<td class="row2"><span class="gen">
<!-- BEGIN switch_html_checkbox -->
<label><input type="checkbox" name="disable_html" {S_HTML_CHECKED} /> <span>{L_DISABLE_HTML}</span></label><br />
<!-- END switch_html_checkbox -->
<!-- BEGIN switch_bbcode_checkbox -->
<label><input type="checkbox" name="disable_bbcode" {S_BBCODE_CHECKED} /> <span>{L_DISABLE_BBCODE}</span></label><br />
<!-- END switch_bbcode_checkbox -->
</td>
</tr>
<tr>
<td class="catBottom" colspan="2" align="center" height="25"> {S_HIDDEN_FORM_FIELDS}<input type="submit" tabindex="5" name="refresh" class="mainoption" value="{L_SHOUT_REFRESH}" />&nbsp;<input type="submit" tabindex="5" name="preview" class="mainoption" value="{L_SHOUT_PREVIEW}" />&nbsp;<input type="submit" accesskey="s" tabindex="6" name="shout" class="mainoption" value="{L_SUBMIT}" /></td>
</tr>
</table>{TPL_FTR}
</form>

<table width="100%" cellspacing="2" cellpadding="3" border="0">
<tr>
<td align="right" valign="middle"><div class="pagination">{PAGINATION}</div></td>
</tr>
</table>

<!-- BEGIN shoutrow -->
{TPL_HDR1}{TPL_HDR2}<table border="0" cellpadding="0" cellspacing="0" width="100%" class="forumline forumline2">
<tr>
<td width="150" class="post-left" align="center" valign="top" rowspan="2">
<div style="padding: 3px;"><span class="name">{shoutrow.SHOUT_USERNAME}</span><br /></div>
{shoutrow.RANK_IMAGE}
<div style="width: 140px; margin: auto; overflow: hidden">{shoutrow.USER_AVATAR}</div>
<br />
<table width="100%" cellspacing="5" cellpadding="0">
<tr><td align="left"><span class="postdetails">{shoutrow.USER_JOINED}</span></td></tr>
</table>
<img src="{T_IMAGESET_PATH}/spacer.gif" width="150" height="1" border="0" alt="" />
</td>
<td class="row" valign="top"><table width="100%" cellspacing="0" cellpadding="2" border="0" class="post-top">
<tr>
<td width="50%" align="left"><span class="postdate">{L_POSTED}: {shoutrow.TIME}</span></td>
<td width="50%" align="right" nowrap="nowrap">{shoutrow.EDIT_IMG}{shoutrow.CENSOR_IMG}{shoutrow.DELETE_IMG}{shoutrow.IP_IMG}</td>
</tr>
</table><div class="postbody">{shoutrow.SHOUT}</div></td>
</tr>
</table>{TPL_FTR}
<!-- END shoutrow -->

<table width="100%" cellspacing="2" cellpadding="3" border="0">
<tr>
<td align="right" valign="middle"><div class="pagination">{PAGINATION}</div></td>
</tr>
</table>

<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a> &raquo; <a href="{U_SHOUTBOX}">{L_SHOUTBOX}</a></span></td>
</tr>
</table>[/code]

[code filename=shoutbox_max_guest_body.tpl]<script language="JavaScript" src="{T_URL}/bbcode.js" type="text/javascript" ></script>
<script language="JavaScript" type="text/javascript" >
// Helpline messages
b_help = "{L_BBCODE_B_HELP}";
i_help = "{L_BBCODE_I_HELP}";
u_help = "{L_BBCODE_U_HELP}";
q_help = "{L_BBCODE_Q_HELP}";
c_help = "{L_BBCODE_C_HELP}";
l_help = "{L_BBCODE_L_HELP}";
o_help = "{L_BBCODE_O_HELP}";
p_help = "{L_BBCODE_P_HELP}";
w_help = "{L_BBCODE_W_HELP}";
a_help = "{L_BBCODE_A_HELP}";
s_help = "{L_BBCODE_S_HELP}";
f_help = "{L_BBCODE_F_HELP}";
</script>

{ERROR_BOX}

<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a> &raquo; <a href="{U_SHOUTBOX}">{L_SHOUTBOX}</a></span></td>
<td class="nav navform" align="right"><form method="post" action="{S_LOGIN_ACTION}"><span class="gensmall">
{L_USERNAME}: <input class="post" type="text" name="username" size="10" />
&nbsp;{L_PASSWORD}: <input class="post" type="password" name="password" size="10" maxlength="32" />&nbsp;
<!-- BEGIN switch_allow_autologin -->
<input type="hidden" name="autologin" checked="checked" />
<!-- END switch_allow_autologin -->
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
</span></form>
</td>
</tr>
</table>


<form action="{U_SHOUTBOX}" method="post" name="post" onsubmit="return checkForm(this)">
{TPL_HDR1}{L_SHOUTBOX}{TPL_HDR2}<table border="0" cellpadding="3" cellspacing="1" width="100%" class="forumline">
<tr>
<td class="catBottom" colspan="2" align="center" height="25"> {S_HIDDEN_FORM_FIELDS}<input type="submit" tabindex="5" name="refresh" class="mainoption" value="{L_SHOUT_REFRESH}" /></td>
</tr>
</table>{TPL_FTR}
</form>

<table width="100%" cellspacing="2" cellpadding="3" border="0">
<tr>
<td align="right" valign="middle"><div class="pagination">{PAGINATION}</div></td>
</tr>
</table>

<!-- BEGIN shoutrow -->
{TPL_HDR1}{TPL_HDR2}<table border="0" cellpadding="0" cellspacing="0" width="100%" class="forumline forumline2">
<tr>
<td width="150" class="post-left" align="center" valign="top" rowspan="2">
<div style="padding: 3px;"><span class="name">{shoutrow.SHOUT_USERNAME}</span><br /></div>
{shoutrow.RANK_IMAGE}
<div style="width: 140px; margin: auto; overflow: hidden">{shoutrow.USER_AVATAR}</div>
<br />
<table width="100%" cellspacing="5" cellpadding="0">
<tr><td align="left"><span class="postdetails">{shoutrow.USER_JOINED}</span></td></tr>
</table>
<img src="{T_IMAGESET_PATH}/spacer.gif" width="150" height="1" border="0" alt="" />
</td>
<td class="row" valign="top"><table width="100%" cellspacing="0" cellpadding="2" border="0" class="post-top">
<tr>
<td width="50%" align="left"><span class="postdate">{L_POSTED}: {shoutrow.TIME}</span></td>
</tr>
</table><div class="postbody">{shoutrow.SHOUT}</div></td>
</tr>
</table>{TPL_FTR}
<!-- END shoutrow -->

<table width="100%" cellspacing="2" cellpadding="3" border="0">
<tr>
<td align="right" valign="middle"><div class="pagination">{PAGINATION}</div></td>
</tr>
</table>

<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a> &raquo; <a href="{U_SHOUTBOX}">{L_SHOUTBOX}</a></span></td>
</tr>
</table>[/code]

[code filename=shoutbox_view_body.tpl]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<link rel="stylesheet" href="{T_TEMPLATE_PATH}/style_{TPL_COLOR}.css" type="text/css">
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table width="100%" height="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
<!-- BEGIN shoutrow -->
<tr>
<td class="{shoutrow.ROW_CLASS}" width="100%" higth="100%">
<span class="gensmall">
[{shoutrow.TIME}]&nbsp;<b>{shoutrow.USERNAME}:</b><br />
{shoutrow.SHOUT}<br/></span>
</td>
</tr>
<!-- END shoutrow -->
</table>
</body>[/code]
User avatar
Stryker
Registered User
Registered User
 
Posts: 1318
Joined: Mon Aug 29, 2005 7:54 am
Location: ------------

Postby CapnCanada on Thu Jan 11, 2007 4:14 am

did not work......
CapnCanada
Registered User
Registered User
 
Posts: 5
Joined: Wed Jan 03, 2007 8:34 pm

didnt work!

Postby queflow on Wed Mar 14, 2007 11:14 pm

I have the artemis style and dont seem to find how to install a shoutbox to my forum. HELP ANYONE???????
queflow
Registered User
Registered User
 
Posts: 1
Joined: Wed Mar 14, 2007 11:04 pm

Postby brandsrus on Thu Mar 15, 2007 8:17 am

I must follow the manual that is included into the mod files. Only the template changes have Stryker posted here.
[[ http://www.phpbbxs.nl ]] || The number one source for Dutch translations!
brandsrus
Registered User
Registered User
 
Posts: 115
Joined: Fri Jan 06, 2006 6:08 am
Location: Leeuwarden, The Netherlands

This is great

Postby Gossioii0 on Fri Apr 17, 2009 2:36 pm

This is great! Now I want to see your ways for us readers to become more involved! Expect an email later today.
Gossioii0
Registered User
Registered User
 
Posts: 3
Joined: Mon Mar 09, 2009 6:23 am


Return to How to mod some styles

Who is online

Users browsing this forum: No registered users and 1 guest