Changes in the templates :
headerinclude :
<script type="text/javascript" src="jscripts/prototype.js?ver=1600"></script>
<script type="text/javascript" src="jscripts/general.js?ver=1600"></script>
become
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1800"></script>
postbit :
<div class="author_buttons float_left">
become
<div class="postbit_buttons author_buttons float_left">
<div class="post_management_buttons float_right">
become
<div class="postbit_buttons post_management_buttons float_right">
member_register :
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
become
<input type="hidden" name="regtime" value="{$time}" />
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
member_profile :
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead"><strong>{$lang->users_contact_details}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->homepage}</strong></td>
<td class="trow1">{$website}</td>
</tr>
{$sendemail}
<tr>
<td class="{$bgcolors['pm']}"><strong>{$lang->pm}</strong></td>
<td class="{$bgcolors['pm']}"><a href="private.php?action=send&uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>
<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>
<td class="{$bgcolors['aim']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=aim&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>
<td class="{$bgcolors['yahoo']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=yahoo&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>
<td class="{$bgcolors['msn']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&imtype=msn&uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>
</tr>
</table>
become
{$contact_details}
showthread :
<script type="text/javascript">
<!--
var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1600"></script>
become
<script type="text/javascript">
<!--
var quickdelete_confirm = "{$lang->quickdelete_confirm}";
var quickrestore_confirm = "{$lang->quickrestore_confirm}";
var allowEditReason = "{$mybb->settings['alloweditreason']}";
lang.save_changes = "{$lang->save_changes}";
lang.cancel_edit = "{$lang->cancel_edit}";
lang.quick_edit_update_error = "{$lang->quick_edit_update_error}";
lang.quick_reply_post_error = "{$lang->quick_reply_post_error}";
lang.quick_delete_error = "{$lang->quick_delete_error}";
lang.quick_delete_success = "{$lang->quick_delete_success}";
lang.quick_delete_thread_success = "{$lang->quick_delete_thread_success}";
lang.quick_restore_error = "{$lang->quick_restore_error}";
lang.quick_restore_success = "{$lang->quick_restore_success}";
lang.editreason = "{$lang->postbit_editreason}";
// -->
</script>
<!-- jeditable (jquery) -->
<script type="text/javascript" src="jscripts/report.js?ver=1800"></script>
<script src="{$mybb->asset_url}/jscripts/jeditable/jeditable.min.js"></script>
<script type="text/javascript" src="jscripts/thread.js?ver=1800"></script>
editpost :
<form id="editpost" action="editpost.php?pid={$pid}&processed=1" method="post" enctype="multipart/form-data" name="input">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="3"><strong>{$lang->delete_post}</strong></td>
</tr>
<tr>
<td class="trow1" style="white-space: nowrap"><input type="checkbox" class="checkbox" name="delete" value="1" tabindex="9" /> <strong>{$lang->delete_q}</strong></td>
<td class="trow1" width="100%">{$lang->delete_1}<br /><span class="smalltext">{$lang->delete_2}</span></td>
<td class="trow1"><input type="submit" class="button" name="submit" value="{$lang->delete_now}" tabindex="10" /></td>
</tr>
</table>
<input type="hidden" name="action" value="deletepost" />
<input type="hidden" name="pid" value="{$pid}" />
</form>
become
{$deletebox}
forumbit_depth1_cat :
<td class="thead" colspan="5">
become
<td class="thead" colspan="6">
<td class="tcat" colspan="2">
become
<td class="tcat" colspan="3">
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong>
become
<div>{$forum['image']}<strong><a href="{$forum_url}">{$forum['name']}</a></strong>
forumbit_depth1_cat_subforum :
<td class="tcat" colspan="5">
become
<td class="tcat" colspan="6">
forumbit_depth2_forum :
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
become
<td class="{$bgcolor}" align="center" valign="center" width="2%">{$forum['image']}</td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
forumdisplay_thread :
<span>{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}</span>
become
<span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}">{$thread['subject']}</a>{$thread['multipage']}</span>
online_row :
<td class="trow1">{$online_name} {$user_ip}</td>
become
<td class="trow1">{$flag} {$online_name} {$user_ip}</td>
online_today_row :
<td align="center" class="trow1" width="50%">{$online['profilelink']}{$invisiblemark}</td>
become
<td align="center" class="trow1" width="50%"><img src="/flags/{$online['flag']}.gif" title="{$online['country']}, {$online['region']}" /> {$online['profilelink']}{$invisiblemark}</td>
Add if needed in the "footer" template :
{$theme_select}
before
{$language_select}
Changes in "global.css :
Add if not there :
.forum_image {
background: url(images/all.png) 0 0 no-repeat;
padding: 0;
margin: 0;
margin-right: 4px;
overflow: hidden;
height: 32px;
display: inline-block;
float: left;
color: transparent;
width: 32px;
}
.forum_image_external {
background: transparent;
padding: 0;
margin: 0;
margin-right: 4px;
overflow: hidden;
height: 32px;
display: inline-block;
float: left;
color: transparent;
width: 32px;
}
.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}
.forum_on {
background-position: 0 0;
}
.forum_off {
background-position: 0 -30px;
}
.forum_offlock {
background-position: 0 -60px;
}
.forum_offlink {
background-position: 0 -90px;
}
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #ccc;
color: #555;
}
.postbit_buttons > a:hover {
border-color: #bbb;
}
.postbit_buttons a span {
padding-left: 20px;
display: inline-block;
height: 16px;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}
.postbit_buttons a.postbit_find span {
background-position: 0 0;
}
.postbit_buttons a.postbit_reputation_add span {
background-position: 0 -20px;
}
.postbit_buttons a.postbit_email span {
background-position: 0 -40px;
}
.postbit_buttons a.postbit_website span {
background-position: 0 -60px;
}
.postbit_buttons a.postbit_pm span {
background-position: 0 -80px;
}
.postbit_buttons a.postbit_quote span {
background-position: 0 -100px;
}
.postbit_buttons a.postbit_multiquote span {
background-position: 0 -120px;
}
.postbit_buttons a.postbit_multiquote_on span {
background-position: 0 -140px;
}
.postbit_buttons a.postbit_edit span {
background-position: 0 -160px;
}
.postbit_buttons a.postbit_qdelete span {
background-position: 0 -180px;
}
.postbit_buttons a.postbit_qrestore span {
background-position: 0 -200px;
}
.postbit_buttons a.postbit_report span {
background-position: 0 -220px;
}
.postbit_buttons a.postbit_warn span {
background-position: 0 -240px;
}
.postbit_buttons a.postbit_purgespammer span {
background-position: 0 -540px;
}
.postbit_buttons a.postbit_reply_pm span {
background-position: 0 -260px;
}
.postbit_buttons a.postbit_reply_all span {
background-position: 0 -280px;
}
.postbit_buttons a.postbit_forward_pm span {
background-position: 0 -300px;
}
.postbit_buttons a.postbit_delete_pm span {
background-position: 0 -320px;
}
a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: Roboto;
color: #ffffff;
font-size: 14px;
padding: 4px 8px;
text-decoration: none;
margin: 2px 2px 6px 2px;
display: inline-block;
}
a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}
a.button span {
padding-left: 20px;
display: inline-block;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}
a.button.new_thread_button span {
background-position: 0 -340px;
}
a.button.new_reply_button span {
background-position: 0 -360px;
}
a.button.closed_button span {
background-position: 0 -380px;
}
a.button.rate_user_button span {
background-position: 0 -400px;
}
a.button.add_buddy_button span {
background-position: 0 -440px;
}
a.button.remove_buddy_button span {
background-position: 0 -480px;
}
a.button.add_ignore_button span {
background-position: 0 -460px;
}
a.button.remove_ignore_button span {
background-position: 0 -500px;
}
a.button.report_user_button span {
background-position: 0 -520px;
}
/** Modal Start **/
.modal {
display: none;
width: 440px;
text-align: left;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(../../../images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(../../../images/spinner_big.gif) no-repeat center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
#search input.button,
#search input.textbox {
border-color: #000;
}
#search input.button {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #fff;
}
button,
input.button {
padding: 3px 8px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #bbb;
color: #333;
outline: 0;
}
button:hover,
input.button:hover {
border-color: #aaa;
}
.unapproved_post {
background-color: #fcc;
}
Changes in configuration :
Verify if the editor style is correct in this section :
Administration panel -> Templates and Styles -> Themes -> "YourTheme" -> Editor Style