Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all 685 articles
Browse latest View live
↧

RPG Searchable Face Claim Listing

November 11, 2018, 4:59 pm
$
0
0
Face Claim Listing
Tutorial Created By: isoldehn
Tutorial Permissions: Please do not re-post this tutorial else where, instead link someone to this thread.
- Additionally, you are NOT required to credit me if you use these codes on your board BUT I do wish for you to share this with those that ask about it if they ever do (share the knowledge, be kind).
Tutorial Needs: Overall, the ability to copy and paste.
- FTP/File Access To Web Space

I will at some point be attempting to make this an actual plugin, I just haven't gotten that far yet, so for now I will just share the templates/file.

Step One
Create the face claim file. Open your FTP client or file manager/file area of your web space. In your MyBB directory (usually located directly in public_html) create a new file called faceclaims.php and insert the following code.
<?php
// *********************************************************
// * Face Claim Listing by Isoldehn Affairs 2018.          *
// * Free for for general public usage and change!         *
// * Please do not claim as your own nor charge money to   *
// *  install this for others.                             *
// * If any issues contact isoldehn#4139 on Discord or     *
// *  visit https://isoaff.com/ for other contact options. *
// *********************************************************

define("IN_MYBB", 1);
define('THIS_SCRIPT', 'faceclaims.php');
$templatelist = "faceclaims,faceclaims_entry,faceclaims_empty";
require "./global.php";
add_breadcrumb("Face Claim Listing", "faceclaims.php");


$query = $db->query("
SELECT *
FROM ".TABLE_PREFIX."users 
LEFT JOIN ".TABLE_PREFIX."userfields 
ON ".TABLE_PREFIX."users.uid = ".TABLE_PREFIX."userfields.ufid 
WHERE ".TABLE_PREFIX."users.usergroup IN (#,#,#,#)
ORDER BY username ASC
");
// WHERE ".TABLE_PREFIX."users.usergroup IN (#,#,#,#)
// ^ # = group id for usergroups you want to show on this listing, if only one group just put a number with no commas
// ORDER BY fid# ASC
// ^ if you don't want to order by username, # = field id for face claim profile field


while($users=$db->fetch_array($query)) {
    $users['avatar'] = $users['avatar'];
    $users['profilelink'] = $users['uid'];
    $users['username'] = format_name($users['username'], $users['usergroup'], $users['displaygroup']);
$users['faceclaim'] = $users['fid#'];
// fid# = # = field id for face claim profile field
if(!$users['faceclaim']) {
    }
else {
    eval("\$directory .= \"".$templates->get("faceclaims_entry")."\";");
}
}
if(!$directory) {
    eval("\$directory .= \"".$templates->get("faceclaims_empty")."\";");
}

eval("\$faceclaims = \"".$templates->get("faceclaims")."\";");
output_page($faceclaims);
?>
NOTE(S):
  • Be sure you change all traces of # to the correct ids needed. The file contains // notes for you to follow along to. Please find the notes and edit as suggested.
Step Two
Create new templates for our listing. Navigate to Admin CP --> Templates & Style --> Templates --> Global Templates --> Add New Template (for each one).

Template Name: faceclaims
<html>
	<head>
		<title>{$mybb->settings['bbname']} - Face Claim Listing</title>
		{$headerinclude}
	</head>
	<body>
		{$header}
		
		<table width ="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}">
			<tr>
				<td colspan="2" class="thead"><strong>Face Claim Listing</strong><input type="text" id="faceSearch" onkeyup="myFunction()" placeholder="Search for a face..." class="float_right" style="box-sizing: border-box; padding: 5px;"></td>
			</tr>
			<tr>
				<td class="tcat" width="50%">Character</td>
				<td class="tcat" width="50%">Face Claim</td>
			</tr>
		</table>
		<table width ="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" id="faceTable">
			{$directory}
		</table>
		
		{$footer}
		<script>
			function myFunction() {
			var input, filter, table, tr, td, i;
			input = document.getElementById("faceSearch");
			filter = input.value.toUpperCase();
			table = document.getElementById("faceTable");
			tr = table.getElementsByTagName("tr");
			for (i = 0; i < tr.length; i++) {
				td = tr[i].getElementsByTagName("td")[2];
				if (td) {
					if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
						tr[i].style.display = "";
						}
					else {
						tr[i].style.display = "none";
						}
					}       
				}
			}
		</script>
		<!--
				FILTER TABLE SCRIPT BY W3SCHOOLS
				https://www.w3schools.com/howto/howto_js_filter_table.asp
		-->
	</body>
</html>

Template Name: faceclaims_entry
<tr>
	<td class="trow1" width="50px">
		<a href="{$users['profilelink']}">
			<img src="{$users['avatar']}" onerror="this.onerror=null;this.src='/images/default_avatar.png';" width="50px" height="50px" style="border-radius: 50%;" />
		</a>
		<!-- You may have to change the default avatar file name/type. Depending on your default avatar URL. -->
	</td>
	<td class="trow1">
		<a href="/member.php?action=profile&amp;uid={$users['profilelink']}">
			{$users['username']}
		</a>
	</td>
	<td class="trow1" width="50%">
		{$users['faceclaim']}
	</td>
</tr>

Template Name: faceclaims_empty
<tr>
	<td class="trow1" colspan="2" align="center">
		<i>There are currently no characters with face claims applicable. Please check back at a later date.</i>
	</td>
</tr>
↧
Search

Pm alert İcons ringing bell animation

November 12, 2018, 11:44 am
$
0
0
Global.css Add

.ring {
  animation: ring 4s 1s ease infinite;
}	

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(25deg); }
  3% { transform: rotate(-23deg); }
  5% { transform: rotate(29deg); }
  7% { transform: rotate(-27deg); }
  9% { transform: rotate(25deg); }
  11% { transform: rotate(-23deg); }
  13% { transform: rotate(21deg); }
  15% { transform: rotate(-19deg); }
  17% { transform: rotate(17deg); }
  19% { transform: rotate(-15deg); }
  21% { transform: rotate(13deg); }
  23% { transform: rotate(-11deg); }
  25% { transform: rotate(9deg); }
  27% { transform: rotate(-7deg); }
  29% { transform: rotate(5deg); }
  31% { transform: rotate(-3deg); }
  33% { transform: rotate(1deg); }
  35% { transform: rotate(0deg); }
  100% { transform: rotate(0); }
}

global_pm_alert Find

<img src="{$theme['imgdir']}/dismiss_notice.png" alt="{$lang->dismiss_notice}" title="{$lang->dismiss_notice}" />


Replace with


<i class="ring fas fa-bell fa-lg" title="{$lang->dismiss_notice}" /></i>


.png   Ekran Alıntısı4.PNG (Size: 3.18 KB / Downloads: 20)
↧
↧

[Tutorial] Font Awesome 5 checkbox style

November 17, 2018, 2:23 am
$
0
0
Themes - Add Css Checkbox.css

input[type=checkbox], input[type=radio] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 12px;
}

input[type=checkbox]:after, input[type=radio]:after {
    content: "\f111";
    color: #ddd;
    display: block;
    border-radius: 0px;
}

input[type=radio]:checked:after {
    content: "\f058";
    color: #01579b;
}

input[type=checkbox]:checked:before {
    position: absolute;
    content: "\f058";
    color: #01579b;
}


Headerinclude Add


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">

Easily Change All Checkboxes in a Forum

To Change Color
input[type=checkbox]:checked:before{
   color: color code;
}

For A Better Mybb

.png   Ekran Alıntısı1.PNG (Size: 22.52 KB / Downloads: 3)

.png   Ekran Alıntısı55.PNG (Size: 20.74 KB / Downloads: 3)
↧

Sceditor textarea color style (Dark Themes)

December 4, 2018, 6:49 am
$
0
0
1 - Create sceditor.css (Admin CP > Templates & Style > Themes > Add Stylesheet) and add:


.sceditor-container iframe, .sceditor-container textarea {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}

div.sceditor-toolbar {
    padding: 5px !important;
    background: #444a84 !important;
    border-bottom: none !important;
}

div.sceditor-group {
    background: none !important;
    margin: 0 !important;
    border-bottom: none!important;
}

.sceditor-container {
    background: black !important;
    border: 1px solid #444a84 !important;
}

html, body, p, code:before, table {
    color: white !important;
}

.sceditor-button {
    border: none!important;
}


.png   a.PNG (Size: 12.03 KB / Downloads: 18)
↧

FontAwesome CSS Buttons

December 17, 2018, 2:17 pm
$
0
0
This tutorial is for FA 4.7.0 which the majority of 1.8 themes are using.

The buttons will be styled from the input buttons.

[Image: FA-Buttons.png]


Global.css
.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 8px 10px;
	background: rgba(0,0,0,0.15);
	border-radius: 3px 0 0 3px;
}

.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}

.btn {
}

.btn_text  {
	color: #fff !important;

}

.btn_text:hover {
	color: #fff !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0.7;
}


Forum Display Templates
forumdisplay_newthread

<button type="button" class="btn btn-labeled btn_text">
                <span class="btn-label"><i style="font-size: 13px;" class="fa fa-plus-circle fa-fw"></i></span>
<a class="new_thread_button btn_text" href="newthread.php?fid={$fid}">{$lang->post_thread}</a></button>


Show Thread Templates
showthread_newreply

<button type="button" class="btn btn-labeled btn_text">
                <span class="btn-label"><i style="font-size: 13px;" class="fa fa-check fa-fw"></i></span><a class="new_reply_button btn_text" href="newreply.php?tid={$tid}">{$lang->new_reply}</a></button>


showthread_newreply_closed

<button type="button" class="btn btn-labeled btn_text">
                <span class="btn-label"><i style="font-size: 13px;" class="fa fa-ban fa-fw"></i></span><a class="closed_button btn_text" href="newreply.php?tid={$tid}">{$lang->thread_closed}</a></button> &nbsp;


showthread_newthread

<button type="button" class="btn btn-labeled btn_text">
                <span class="btn-label"><i style="font-size: 13px;" class="fa fa-pen fa-fw"></i></span><a class="new_thread_button btn_text" href="newthread.php?tid={$tid}">{$lang->post_thread}</a></button> &nbsp;


Reputation Templates
reputation_addlink

<button type="button" class="btn btn-labeled btn_text">
                <span class="btn-label"><i style="font-size: 13px;" class="fa fa-check fa-fw"></i></span><a class="new_reply_button btn_text" href="newreply.php?tid={$tid}">{$lang->new_reply}</a></button>


I will add more buttons.


.png   FA Buttons.png (Size: 17.6 KB / Downloads: 2)
↧
↧

Font Awesome 5 Paperclip İcons

December 18, 2018, 1:17 am
$
0
0
forumdisplay_thread_attachment_count replace with

<div class="float_right" style="margin:10px;color:red;">
<i class="fas fa-paperclip" title="{$attachment_count}"></i>
</div>

post_attachments_new Find

<img src="{$theme['imgdir']}/paperclip.png" alt="" />

replace with

<i class="fas fa-paperclip" style="color:red;"></i>


headerinclude {$ stil} Add below


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">


.png   paper.PNG (Size: 8.28 KB / Downloads: 3)
↧

Locate IP on page (Basic)

December 19, 2018, 10:56 am
$
0
0
I know many of you like to monitor who is online at your site and the most irritating part is bunch of guests look alike surfing different locations of your site. You are curious who they are, where they are from, and you start hopping between your site and some online IP locator service copy-pasting IP strings. Happened with you? Well then, read ahead.

This is the basic tutorial, so in this we are gonna get Country, City and Region for each IP we encounter in Who’s online page, inline, on page. Yes, with minimal template edits we can do that.

Jump in the modifications:
We are gonna edit 3 templates:online, ‘online_row_ip’ & ‘online_row_ip_lookup’.

1. Open template: ‘online_row_ip’, change this code:
 {$user['ip']}
To
 <span class="ip">{$user['ip']}</span>

2. Open template: ‘online_row_ip_lookup’, keep existing code, add at the beginning:
 &nbsp;<a href="#" class="iplocate">[Locate]</a>&nbsp;
 
3. Open template: ‘online’, locate variable {$footer}, add after that:
<script type="text/javascript">
$(function () {
    $('.iplocate').on('click', function (e) {
        e.preventDefault();
        var ref = $(this);
        ajaxCall($.trim(ref.prev('.ip').text()), function (result) {
            ref.before('[' + result + ']').remove();
        });
    });

    function ajaxCall(ipdata, callback) {
        $.ajax({
            url: "http://ip-api.com/json/" + ipdata + "?fields=country,regionName,city",
            dataType: "json",
            cache: false,
            success: function (msg) {
                var result = (typeof msg == 'object') ? (msg.country + ', ' + msg.regionName + ', ' + msg.city) : "Unable to locate";
                callback(result);
            }
        });
    }
});
</script>


Save all templates. Result:


.gif   screen.gif (Size: 100.19 KB / Downloads: 28)

Note: 
  • If your server restricting CROB, you can get Cross-Origin Read Blocking warning in console, you can ignore the warning and the code will still work.
  • If you are using SSL (https://) this code will not work because in this tutorial we are using FREE ‘ip-api’ and secured XMLHttpRequest is a PAID service. You can purchase pro to make SSL access to API or ………… or there are few workarounds, but that’s another tutorial Toungue
So, that’s all for now. Happy coding …
↧

Hide reCAPTCHA Invisible Badge

December 23, 2018, 10:06 am
$
0
0
Have ever reCAPTCHA Invisible badge annoyed you? Specially when you are using a mobile device with a responsive theme and the badge slides out from the right hiding some of your important form control? Say, the form Submit button? - disgusting situation. 
[Image: F8oS0.png]
Angel Well, let's hide it.

Wait! OMG! effone gone mad! Thats a straight breach of Google's TOS. 
Google reCAPTCHA v3 TOS Wrote:You agree to explicitly inform visitors to your site that you have implemented the Invisible reCAPTCHA on your site.

Well, well. Hang on. You can still hide it. Google now allows it under certain conditions (As per latest reCAPTCHA FAQ, 11 Dec, 2018 update).
https://developers.google.com/recaptcha/docs/faq

So, let's hide it. Super easy. Add this CSS at the end of your global.css:
.grecaptcha-badge {
    display: none;
}

Save stylesheet. Refresh!
Eh, the badge is still there sliding out. Because the container is not inline. You have to declare your badge to be inline in order to hide it.

Open template member_register_regimage_recaptcha_invisible and find this chunk:

grecaptcha.render(target.get(0), {
	'sitekey': '{$public_key}',
	'callback': captchaOnSubmit
}, true);

Change it to:

grecaptcha.render(target.get(0), {
	'sitekey': '{$public_key}',
	'callback': captchaOnSubmit,
	'badge' :'inline'
}, true);

Yes, the badge is gone!

Now, the most important part to remain legal:
You have to add this line to every page you are using reCAPTCHA in, if you are not sure - add it to footer template:

This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

Note:
  • This is demonstrated for registration page but is applicable to anywhere you are using reCAPTCHA.
  • Some additional requirement/s of Google Brand guidelines: "Don't mimic Google's typographic style. The writeup should blend your site's typography.
Done. Happy coding ...  Big Grin

More advanced & detailed tutorials @ Demonate.
↧
Search

Modern scrollbar (webkit browsers only)

December 29, 2018, 2:58 pm
$
0
0
For everyone who wanna replace "not good looking" scrollbars by the modern ones. This tutorial (pure CSS solution) works only for Webkit based web browsers (Chrome, Safari, Vivaldi, Opera etc.), not in Firefox or IE/Edge (for these browsers you will need to add a JS code).

This tutorial is really simple, just open global.css in your ACP (Template&Styles -> Themes -> "your theme" -> global.css) and add this block of code at the end of file:

/* Customize website's scrollbar like Mac OS - not supported in Firefox, IE or Edge */
/* Total width of scrollbar */
::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}
/* Background of the scrollbar except arrow button or resizer */
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}
/* Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #f4f4f4;
}
/* Arrow button (top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
	display: none;
}

Save and hard refresh your index page (Ctrl+F5), you should see your result of coding Smile
↧
↧

Clickable PMs in tracking page (UCP)

January 8, 2019, 7:49 am
$
0
0
Tracking personal messages page in UCP is quite useful MyBB feature BUT it misses easily way how to see the content of the message which was send. 

This small simple javascript will automatically make all PMs thread clickable on the fly so you will know the content of the message.

1) Open ACP -> Template and Styles -> Your theme -> Private messaging template group -> find and open private_tracking template

2) Add this block of code just above the {$footer}

<script>
    $(function(){
        $( "input[name*='readcheck']" ).each(function(){
            var link = rootpath + "/private.php?action=read&pmid=" + (parseInt($(this).attr('name').match(/\d+/)) + 1);
            $(this).parent('td').siblings('td:eq( 1 )').wrapInner('<a href=' + link + '>');
            
        });
    });
</script>

3) Save and check your /private.php?action=tracking page Smile

All credits go to @effone, he is an author of JS code above, I just share this tutorial. Thank you very much!
↧

Separate Font Awesome 5 icons for each category

January 13, 2019, 7:59 am
$
0
0
Themes - Add Css forumicons.css


.forums-icon {
    display: inline;
    color: #fff;
    text-align: center;
}

.forums-icon i {
    display: inline;
    font-size:13px;
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    margin-left:-4px;
}

.forums-icon_1 i:before {
    content: "\f188";
} 

.forums-icon_2 i:before {
    content: "\f559";
}

.forums-icon_3 i:before {
    content: "\f0f3";
}

.forums-icon_4 i:before {
    content: "\f0e3";
}

.forums-icon_5 i:before {
    content: "\f005";
}

.forums-icon_6 i:before {
    content: "\f598";
}

.forums-icon_7 i:before {
    content: "\f0f3";
}

.forums-icon_8 i:before {
    content: "\f58b";
}

.forums-icon_9 i:before {
    content: "\f557";
}

.forums-icon_10 i:before {
    content: "\f004";
}

forumbit_depth1_cat - Find

{$forum['name']}

replace with 

<div class="forums-icon forums-icon_{$forum['fid']}"><i class="fas fa-"></i></div> {$forum['name']}

icons are not shown  add fid tag in link bar

.forums-icon_fid i:before {
    content: "\f004";
}



Headerinclude Add


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">


for a better mybb

.png   ab.PNG (Size: 14.01 KB / Downloads: 15)
↧

[Tutorial] Pull to Refresh on Mobile

January 29, 2019, 10:48 am
$
0
0
Sites like Twitter let you pull the page down and release to refresh the page in mobile view. An example of this can be seen in the screen shot below
[Image: uNdGuZ6.gif]


Step 1.
  • Download the pulltorefresh.min.js file attached to this thread
  • upload the pulltorefresh.min.js file to your /jscripts folder
Step 2.
  • Open AdminCP > Template & Style > Templates in Sidebar > Your Theme's Templates > header
  • Add the following code to the very top of the template (Line 1)
<div id="pulltorefresh"></div>
<script src="{$mybb->asset_url}/jscripts/pulltorefresh.min.js"></script>
<script>
PullToRefresh.init({
  mainElement: '#pulltorefresh', // above which element?
  onRefresh: function (done) {
    setTimeout(function () {
      done(); // end pull to refresh
document.location.reload(true);
    }, 1500);
  }
});
</script>
* If you have a fixed header (A header that follows you as you scroll) place the code below the header element. If you want the Pull To Refresh message to appear below your header, place the code below the header element.


And that's it. You're done. Open your site on your phone and test it out.

Demo Link (Mobile Only): https://sharree.com



Credit to BoxFactura for script

.js   pulltorefresh.min.js (Size: 6.48 KB / Downloads: 4)
↧

Google Adsense ad space how to add

February 4, 2019, 11:40 am
$
0
0
İndex Templates Find 


{$header}

replace with 


{$header}
<table class="tborder" cellspacing="{$theme[borderwidth]}" cellpadding="{$theme[tablespace]}" border="0">
    <thead>
        <tr>
            <td class="thead">
                <strong><i class="fas fa-heart"></i> Advertisement</strong>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="trow1" align="center">
                *Google Adsense Code*
            </td>
        </tr>
    </tbody>
</table><br />


showthread Templates Find 

{$quickreply}

replace with 

{$quickreply}
<br />
<table class="tborder" cellspacing="{$theme[borderwidth]}" cellpadding="{$theme[tablespace]}" border="0">
    <thead>
        <tr>
            <td class="thead">
                <strong> <i class="fas fa-heart"></i> Advertisement</strong>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="trow1" align="center">
                *Google Adsense Code*
            </td>
        </tr>
    </tbody>
</table><br />


.png   a.PNG (Size: 6.72 KB / Downloads: 8)
↧
↧

[Tutorial] Select Style Arrow Font Awesome 5 icons

February 11, 2019, 12:49 pm
$
0
0
[Back up before doing ]Admin Cp - Themes & Styles - Global.css Select Find

replace with 


select {
    padding: 4px;
    margin: 0;
    background: #FFF;
    border: 1px solid #ddd;
    color: #333;
    outline: none;
    font-size: 13px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 200px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    
}

.select-wrap {
    position: relative;
}

.select-wrap:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f107';
    font-size: 15px;
    position: absolute;
    top: -2px;
    right: 10px;
    color: #c6c4c4;
    pointer-events: none;
}


forumdisplay_threadlist Find -  replace with 

	<td class="tfoot" align="right" colspan="{$colspan}">				
			<form action="forumdisplay.php" method="get">
				<input type="hidden" name="fid" value="{$fid}" />
				<span class="select-wrap">
				<select name="sortby">
					<option value="subject"{$sortsel['subject']}>{$lang->sort_by_subject}</option>
					<option value="lastpost"{$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option>
					<option value="starter"{$sortsel['starter']}>{$lang->sort_by_starter}</option>
					<option value="started"{$sortsel['started']}>{$lang->sort_by_started}</option>
					{$ratingsort}
					<option value="replies"{$sortsel['replies']}>{$lang->sort_by_replies}</option>
					<option value="views"{$sortsel['views']}>{$lang->sort_by_views}</option>
				</select></span>
				<span class="select-wrap">
				<select name="order">
					<option value="asc"{$ordersel['asc']}>{$lang->sort_order_asc}</option>
					<option value="desc"{$ordersel['desc']}>{$lang->sort_order_desc}</option>
				</select></span><span class="select-wrap">
				<select name="datecut">
					<option value="1"{$datecutsel['1']}>{$lang->datelimit_1day}</option>
					<option value="5"{$datecutsel['5']}>{$lang->datelimit_5days}</option>
					<option value="10"{$datecutsel['10']}>{$lang->datelimit_10days}</option>
					<option value="20"{$datecutsel['20']}>{$lang->datelimit_20days}</option>
					<option value="50"{$datecutsel['50']}>{$lang->datelimit_50days}</option>
					<option value="75"{$datecutsel['75']}>{$lang->datelimit_75days}</option>
					<option value="100"{$datecutsel['100']}>{$lang->datelimit_100days}</option>
					<option value="365"{$datecutsel['365']}>{$lang->datelimit_lastyear}</option>
					<option value="9999"{$datecutsel['9999']}>{$lang->datelimit_beginning}</option>
				</select></span>
				{$prefixselect}
				{$gobutton}
			</form>
		</td>


 forumdisplay_inlinemoderation Find -  replace with 

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/inline_moderation.js?ver=1818"></script>
		<form action="moderation.php" method="post">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="fid" value="{$fid}" />
<input type="hidden" name="modtype" value="inlinethread" />
<span class="smalltext"><strong>{$lang->inline_thread_moderation}</strong></span>
<span class="select-wrap">			
<select name="action">
	<option value="delayedmoderation">{$lang->delayed_moderation}</option>
	{$standardthreadtools}
	{$customthreadtools}
</select></span>
<input type="submit" class="button" name="go" value="{$lang->inline_go} ({$inlinecount})" id="inline_go" />&nbsp;
<input type="button" onclick="inlineModeration.clearChecked();" value="{$lang->clear}" class="button" />
</form>
<script type="text/javascript">
<!--
	var go_text = "{$lang->inline_go}";
	var all_text = "{$threadcount}";
	var inlineType = "forum";
	var inlineId = {$fid};
// -->
</script>
<br />

showthread_inlinemoderation Find -  replace with 

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/inline_moderation.js?ver=1818"></script>
<form action="moderation.php" method="post" style="margin-top: 0; margin-bottom: 0;" id="inlinemoderation_options">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="tid" value="{$tid}" />
<input type="hidden" name="modtype" value="inlinepost" />
<span class="smalltext"><strong>{$lang->inline_post_moderation}</strong></span>
<span class="select-wrap">
<select name="action" id="inlinemoderation_options_selector">
{$standardposttools}
{$customposttools}
</select></span>
<input type="submit" class="button" name="go" value="{$lang->go} ({$inlinecount})" id="inline_go" />&nbsp;
<input type="button" class="button" onclick="inlineModeration.clearChecked();" value="{$lang->clear}" />
</form>
<script type="text/javascript">
<!--
	var go_text = "{$lang->inline_go}";
	var all_text = "{$threadcount}";
	var inlineType = "thread";
	var inlineId = {$tid};

	$("#inlinemoderation_options_selector").change(function() {
		$("#inlinemoderation_options").submit();
	})
// -->
</script><br />


showthread_moderationoptions Find -  replace with 

{$inlinemod}
<form action="moderation.php" method="post" style="margin-top: 0; margin-bottom: 0;" id="moderator_options">
	<input type="hidden" name="modtype" value="thread" />
	<input type="hidden" name="tid" value="{$tid}" />
	<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
	<span class="smalltext">
	<strong>{$lang->moderation_options}</strong></span>
	<span class="select-wrap">
	<select name="action" id="moderator_options_selector">
		<option value="delayedmoderation">{$lang->delayed_moderation}</option>
		{$standardthreadtools}
		{$customthreadtools}
	</select></span>
	{$gobutton}
</form>
<br />
<script type="text/javascript">
<!--
	$("#moderator_options_selector").change(function() {
		$("#moderator_options").submit();
	})
//-->
</script>

forumjump_advanced  Find -  replace with 

<form action="forumdisplay.php" method="get">
<span class="smalltext"><strong>{$lang->forumjump}</strong></span>
<span class="select-wrap">
<select name="{$name}" class="forumjump">
<option value="-4">{$lang->forumjump_pms}</option>
<option value="-3">{$lang->forumjump_usercp}</option>
<option value="-5">{$lang->forumjump_wol}</option>
<option value="-2">{$lang->forumjump_search}</option>
<option value="-1">{$lang->forumjump_home}</option>
{$forumjumpbits}
</select></span>
{$gobutton}
</form>
<script type="text/javascript">
$(".forumjump").change(function() {
var option = $(this).val();

if(option < 0)
{
window.location = 'forumdisplay.php?fid='+option;
}
else
{
window.location = {$forum_link};
}
});
</script>


memberlist Find  

<select name="sort" id="sort" style="width: 99%;">
			<option value="username"{$sort_selected['username']}>{$lang->sort_by_username}</option>
			<option value="regdate"{$sort_selected['regdate']}>{$lang->sort_by_regdate}</option>
			<option value="lastvisit"{$sort_selected['lastvisit']}>{$lang->sort_by_lastvisit}</option>
			<option value="postnum"{$sort_selected['postnum']}>{$lang->sort_by_posts}</option>
			<option value="threadnum"{$sort_selected['threadnum']}>{$lang->sort_by_threads}</option>
			{$referrals_option}
		</select>

 replace with 

<span class="select-wrap">
		<select name="sort" id="sort" style="width: 99%;">
			<option value="username"{$sort_selected['username']}>{$lang->sort_by_username}</option>
			<option value="regdate"{$sort_selected['regdate']}>{$lang->sort_by_regdate}</option>
			<option value="lastvisit"{$sort_selected['lastvisit']}>{$lang->sort_by_lastvisit}</option>
			<option value="postnum"{$sort_selected['postnum']}>{$lang->sort_by_posts}</option>
			<option value="threadnum"{$sort_selected['threadnum']}>{$lang->sort_by_threads}</option>
			{$referrals_option}
		</select></span>

Search Find  

<select name="findthreadst">
<option value="1">{$lang->threads_at_least}</option>
<option value="2">{$lang->threads_at_most}</option>
</select> <input type="text" class="textbox" name="numreplies" size="2" maxlength="4" />&nbsp;{$lang->replies2}<br />
<br />
<select name="postdate">
<option value="0">{$lang->find_anydate}</option>
<option value="1">{$lang->find_yesterday}</option>
<option value="7">{$lang->find_lastweek}</option>
<option value="14">{$lang->find_2weeks}</option>
<option value="30">{$lang->find_month}</option>
<option value="90">{$lang->find_3months}</option>
<option value="180">{$lang->find_6months}</option>
<option value="365">{$lang->find_year}</option>
</select>&nbsp;&nbsp; <input type="radio" class="radio" name="pddir" value="1" checked="checked" />{$lang->and_newer}  <input type="radio" class="radio" name="pddir" value="0" />{$lang->and_older}<br />
<br />
{$prefixselect}
</td>
</tr>
<tr>
<td class="tcat"><strong>{$lang->sorting_options}</strong></td>
</tr>
<tr>
<td class="trow1">
<select name="sortby">
<option value="lastpost">{$lang->sort_lastpost}</option>
<option value="starter">{$lang->sort_author}</option>
<option value="forum">{$lang->sort_forum}</option>
</select> 

replace with 

<span class="select-wrap">	
<select name="findthreadst">
<option value="1">{$lang->threads_at_least}</option>
<option value="2">{$lang->threads_at_most}</option>
</select> </span> <input type="text" class="textbox" name="numreplies" size="2" maxlength="4" />&nbsp;{$lang->replies2}<br />
<br /><span class="select-wrap">
<select name="postdate">
<option value="0">{$lang->find_anydate}</option>
<option value="1">{$lang->find_yesterday}</option>
<option value="7">{$lang->find_lastweek}</option>
<option value="14">{$lang->find_2weeks}</option>
<option value="30">{$lang->find_month}</option>
<option value="90">{$lang->find_3months}</option>
<option value="180">{$lang->find_6months}</option>
<option value="365">{$lang->find_year}</option>
</select></span>&nbsp;&nbsp; <input type="radio" class="radio" name="pddir" value="1" checked="checked" />{$lang->and_newer}  <input type="radio" class="radio" name="pddir" value="0" />{$lang->and_older}<br />
<br />
{$prefixselect}
</td>
</tr>
<tr>
<td class="tcat"><strong>{$lang->sorting_options}</strong></td>
</tr>
<tr>
<td class="trow1">
<span class="select-wrap">	
<select name="sortby">
<option value="lastpost">{$lang->sort_lastpost}</option>
<option value="starter">{$lang->sort_author}</option>
<option value="forum">{$lang->sort_forum}</option>
</select> </span>


search_results_posts_inlinemoderation  Find -  replace with 

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/inline_moderation.js?ver=1818"></script>
<form action="moderation.php" method="post" style="margin-top: 0; margin-bottom: 0;">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="tid" value="0" />
<input type="hidden" name="searchid" value="{$sid}" />
<input type="hidden" name="modtype" value="inlinepost" />
<span class="smalltext"><strong>{$lang->inline_post_moderation}</strong></span>
<span class="select-wrap">	
<select name="action">
<optgroup label="{$lang->standard_mod_tools}">
	<option value="multisoftdeleteposts">{$lang->inline_soft_delete_posts}</option>
	<option value="multirestoreposts">{$lang->inline_restore_posts}</option>
	<option value="multideleteposts">{$lang->inline_delete_posts}</option>
	<option value="multimergeposts">{$lang->inline_merge_posts}</option>
	<option value="multisplitposts">{$lang->inline_split_posts}</option>
	<option value="multimoveposts">{$lang->inline_move_posts}</option>
	<option value="multiapproveposts">{$lang->inline_approve_posts}</option>
	<option value="multiunapproveposts">{$lang->inline_unapprove_posts}</option>
</optgroup>
{$customposttools}
</select></span>
<input type="submit" class="button" name="go" value="{$lang->go} ({$inlinecount})" id="inline_go" />&nbsp;
<input type="button" class="button" onclick="inlineModeration.clearChecked();" value="{$lang->clear}" />
<input type="hidden" name="url" value="{$return_url}" />
<input type="hidden" name="inlinetype" value="search" />
</form>
<script type="text/javascript">
<!--
	var go_text = "{$lang->inline_go}";
	var all_text = "{$postcount}";
	var inlineType = "search";
	var inlineId = "{$sid}";
// -->
</script><br />


search_results_threads_inlinemoderation  Find -  replace with 

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/inline_moderation.js?ver=1818"></script>
		<form action="moderation.php" method="post">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="fid" value="0" />
<input type="hidden" name="searchid" value="{$sid}" />
<input type="hidden" name="modtype" value="inlinethread" />
<span class="smalltext"><strong>{$lang->inline_thread_moderation}</strong></span>
<span class="select-wrap">			
<select name="action">
	<optgroup label="{$lang->standard_mod_tools}">
		<option value="multiclosethreads">{$lang->close_threads}</option>
		<option value="multiopenthreads">{$lang->open_threads}</option>
		<option value="multistickthreads">{$lang->stick_threads}</option>
		<option value="multiunstickthreads">{$lang->unstick_threads}</option>
		<option value="multisoftdeletethreads">{$lang->soft_delete_threads}</option>
		<option value="multirestorethreads">{$lang->restore_threads}</option>
		<option value="multideletethreads">{$lang->delete_threads}</option>
		<option value="multimovethreads">{$lang->move_threads}</option>
		<option value="multiapprovethreads">{$lang->approve_threads}</option>
		<option value="multiunapprovethreads">{$lang->unapprove_threads}</option>
	</optgroup>
	{$customthreadtools}
</select></span>
<input type="submit" class="button" name="go" value="{$lang->inline_go} ({$inlinecount})" id="inline_go" />&nbsp;
<input type="button" onclick="inlineModeration.clearChecked();" value="{$lang->clear}" class="button" />
<input type="hidden" name="url" value="{$return_url}" />
<input type="hidden" name="inlinetype" value="search" />
</form>
<script type="text/javascript">
<!--
	var go_text = "{$lang->inline_go}";
	var all_text = "{$threadcount}";
	var inlineType = "search";
	var inlineId = '{$sid}';
// -->
</script>
<br />

search_moderator_options  Find -  replace with 


<tr>
<td class="tcat"><strong>{$lang->mod_options}</strong></td>
</tr>
<tr>
<td class="trow1" valign="top">
<span class="select-wrap">			
<select name="visible">
<option value="">{$lang->display_all}</option>
<option value="1">{$lang->display_only_approved}</option>
<option value="0">{$lang->display_only_unapproved}</option>
<option value="-1">{$lang->display_only_softdeleted}</option>
</select> </span>{$lang->results}
</td>
</tr>

footer_themeselector  Find -  replace with 

<span class="select-wrap">
<select name="{$name}" onchange="MyBB.changeTheme();">
<optgroup label="{$lang->select_theme}">
{$themeselect_option}
</optgroup>
</select></span>

footer_languageselect Find -  replace with 

<div class="language">
<form method="POST" action="{$lang_redirect_url['location']}" id="lang_select">
	{$lang_redirect_url['form_html']}
	<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
	<span class="select-wrap">
	<select name="language" onchange="MyBB.changeLanguage();">
		<optgroup label="{$lang->select_language}">
			{$lang_options}
		</optgroup>
	</select></span>
	{$gobutton}
</form>
</div>

usercp_options  Find -  replace with 


<span class="select-wrap">
	<select name="subscriptionmethod" id="subscriptionmethod">
		<option value="0" {$no_auto_subscribe_selected}>{$lang->no_auto_subscribe}</option>
		<option value="1" {$no_subscribe_selected}>{$lang->no_subscribe}</option>
		<option value="2" {$instant_email_subscribe_selected}>{$lang->instant_email_subscribe}</option>
		<option value="3" {$instant_pm_subscribe_selected}>{$lang->instant_pm_subscribe}</option>
	</select></span>
</td>
</tr>

</table>
</fieldset>
<br />
<fieldset class="trow2">
<legend><strong>{$lang->date_time_options}</strong></legend>
<table cellspacing="0" cellpadding="2">
<tr>
<td><span class="smalltext">{$lang->date_format}</span></td>
</tr>
<tr>
<td>
<span class="select-wrap">	
<select name="dateformat">
<option value="0">{$lang->use_default}</option>
{$date_format_options}
</select></span>
</td>
</tr>
<tr>
<td><span class="smalltext">{$lang->time_format}</span></td>
</tr>
<tr>
<td>
<span class="select-wrap">		
<select name="timeformat">
<option value="0">{$lang->use_default}</option>
{$time_format_options}
</select></span>
</td>
</tr>
<tr>
<td><span class="smalltext">{$lang->time_offset_desc}</span></td>
</tr>
<tr>
<td>{$tzselect}</td>
</tr>
<tr>
<td><span class="smalltext">{$lang->dst_correction}</span></td>
</tr>
<tr>
<td>
	<span class="select-wrap">
	<select name="dstcorrection">
		<option value="2" {$dst_auto_selected}>{$lang->dst_correction_auto}</option>
		<option value="1" {$dst_enabled_selected}>{$lang->dst_correction_enabled}</option>
		<option value="0" {$dst_disabled_selected}>{$lang->dst_correction_disabled}</option>
	</select></span>
</td>
</tr>
</table>
</fieldset>
</td>
<td width="50%" class="trow1" valign="top">
<fieldset class="trow2">
<legend><strong>{$lang->forum_display_options}</strong></legend>
<table cellspacing="0" cellpadding="2">
{$tppselect}
<tr>
<td><span class="smalltext">{$lang->thread_view}</span></td>
</tr>
<tr>
<td>
	<span class="select-wrap">
<select name="daysprune">
<option value="">{$lang->use_default}</option>
<option value="1" {$daysprunesel['1']}>{$lang->thread_view_lastday}</option>
<option value="5" {$daysprunesel['5']}>{$lang->thread_view_5days}</option>
<option value="10" {$daysprunesel['10']}>{$lang->thread_view_10days}</option>
<option value="20" {$daysprunesel['20']}>{$lang->thread_view_20days}</option>
<option value="50" {$daysprunesel['50']}>{$lang->thread_view_50days}</option>
<option value="75" {$daysprunesel['75']}>{$lang->thread_view_75days}</option>
<option value="100" {$daysprunesel['100']}>{$lang->thread_view_100days}</option>
<option value="365" {$daysprunesel['365']}>{$lang->thread_view_year}</option>
<option value="9999" {$daysprunesel['9999']}>{$lang->thread_view_all}</option>
</select></span>
</td>
</tr>
</table>
</fieldset>
<br />
<fieldset class="trow2">
<legend><strong>{$lang->thread_view_options}</strong></legend>
<table cellspacing="0" cellpadding="2">
	<tr>
	<td valign="top" width="1"><input type="checkbox" class="checkbox" name="classicpostbit" id="classicpostbit" value="1" {$classicpostbitcheck} /></td>
	<td><span class="smalltext"><label for="classicpostbit">{$lang->show_classic_postbit}</label></span></td>
	</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="showimages" id="showimages" value="1" {$showimagescheck} /></td>
<td><span class="smalltext"><label for="showimages">{$lang->show_images}</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="showvideos" id="showvideos" value="1" {$showvideoscheck} /></td>
<td><span class="smalltext"><label for="showvideos">{$lang->show_videos}</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="showsigs" id="showsigs" value="1" {$showsigscheck} /></td>
<td><span class="smalltext"><label for="showsigs">{$lang->show_sigs}</label></span></td>
</tr>
<tr>
<td valign="top" width="1"><input type="checkbox" class="checkbox" name="showavatars" id="showavatars" value="1" {$showavatarscheck} /></td>
<td><span class="smalltext"><label for="showavatars">{$lang->show_avatars}</label></span></td>
</tr>
{$quick_reply}
{$pppselect}
<tr>
<td colspan="2"><span class="smalltext">{$lang->thread_mode}</span></td>
</tr>
<tr>
<td colspan="2"><span class="select-wrap"><select name="threadmode"><option value="">{$lang->use_default}</option><option value="linear" {$threadview['linear']}>{$lang->linear}</option><option value="threaded" {$threadview['threaded']}>{$lang->threaded}</option></select></span>

usercp_options_tppselect  Find -  replace with 

<tr>
<td colspan="2"><span class="smalltext">{$lang->tpp}</span></td>
</tr>
<tr>
<td colspan="2">
<span class="select-wrap">	
<select name="tpp">
<option value="">{$lang->use_default}</option>
{$tppoptions}
</select></span>
</td>
</tr>

usercp_options_language Find -  replace with 

<tr>
<td colspan="2"><span class="smalltext">{$lang->board_language}:</span></td>
</tr>
<tr>
<td colspan="2">
<span class="select-wrap">	
<select name="language">
<option value="">{$lang->use_default}</option>
<option value="0">-----------</option>
{$langoptions}
</select></span>
</td>
</tr>

usercp_options_pppselect  Find -  replace with 

<tr>
<td colspan="2"><span class="smalltext">{$lang->ppp}</span></td>
</tr>
<tr>
<td colspan="2">
<span class="select-wrap">
<select name="ppp">
<option value="">{$lang->use_default}</option>
{$pppoptions}
</select></span>
</td>
</tr>

usercp_options_timezone Find -  replace with 

<span class="select-wrap">
<select name="{$name}" id="{$name}">
{$timezone_option}
</select></span>

usercp_profile_away  Find -  replace with 

<span class="select-wrap">
<select style="width:100px;" name="awayday">
<option value="">&nbsp;</option>
{$returndatesel}
</select></span>
</td>
<td>
<span class="select-wrap">	
<select style="width:100px;" name="awaymonth">
<option value="">&nbsp;</option>
<option value="1" {$returndatemonthsel['1']}>{$lang->month_1}</option>
<option value="2" {$returndatemonthsel['2']}>{$lang->month_2}</option>
<option value="3" {$returndatemonthsel['3']}>{$lang->month_3}</option>
<option value="4" {$returndatemonthsel['4']}>{$lang->month_4}</option>
<option value="5" {$returndatemonthsel['5']}>{$lang->month_5}</option>
<option value="6" {$returndatemonthsel['6']}>{$lang->month_6}</option>
<option value="7" {$returndatemonthsel['7']}>{$lang->month_7}</option>
<option value="8" {$returndatemonthsel['8']}>{$lang->month_8}</option>
<option value="9" {$returndatemonthsel['9']}>{$lang->month_9}</option>
<option value="10" {$returndatemonthsel['10']}>{$lang->month_10}</option>
<option value="11" {$returndatemonthsel['11']}>{$lang->month_11}</option>
<option value="12" {$returndatemonthsel['12']}>{$lang->month_12}</option>
</select></span>

usercp_profile Find -  replace with 


<span class="select-wrap">	
<select name="bday1">
<option value="">&nbsp;</option>
{$bdaydaysel}
</select></span>
</td>
<td>
<span class="select-wrap">	
<select name="bday2">
<option value="">&nbsp;</option>
<option value="1" {$bdaymonthsel['1']}>{$lang->month_1}</option>
<option value="2" {$bdaymonthsel['2']}>{$lang->month_2}</option>
<option value="3" {$bdaymonthsel['3']}>{$lang->month_3}</option>
<option value="4" {$bdaymonthsel['4']}>{$lang->month_4}</option>
<option value="5" {$bdaymonthsel['5']}>{$lang->month_5}</option>
<option value="6" {$bdaymonthsel['6']}>{$lang->month_6}</option>
<option value="7" {$bdaymonthsel['7']}>{$lang->month_7}</option>
<option value="8" {$bdaymonthsel['8']}>{$lang->month_8}</option>
<option value="9" {$bdaymonthsel['9']}>{$lang->month_9}</option>
<option value="10" {$bdaymonthsel['10']}>{$lang->month_10}</option>
<option value="11" {$bdaymonthsel['11']}>{$lang->month_11}</option>
<option value="12" {$bdaymonthsel['12']}>{$lang->month_12}</option>
</select></span>
</td>
<td>
<input type="text" class="textbox" size="4" maxlength="4" name="bday3" value="{$bday['2']}" />
</td>
</tr>
<tr>
<td colspan="3">
<span class="smalltext">{$lang->birthdayprivacy}</span>
</td>
</tr>
<tr>
<td colspan="3">
<span class="select-wrap">		
<select name="birthdayprivacy">
<option value="all"{$allselected}>{$lang->birthdayprivacyall}</option>
<option value="none"{$noneselected}>{$lang->birthdayprivacynone}</option>
<option value="age"{$ageselected}>{$lang->birthdayprivacyage}</option>
</select></span>

usercp_profile_profilefields_multiselect  Find -  replace with 

<span class="select-wrap">
<select name="profile_fields[$field][]" size="{$profilefield['length']}" multiple="multiple">
{$select}
</select></span>

usercp_profile_profilefields_select Find -  replace with 


<span class="select-wrap">
<select name="profile_fields[$field]" size="{$profilefield['length']}">
{$select}
</select></span>


usercp_themeselector Find -  replace with 


<span class="select-wrap">
<select name="{$name}">
<option value="0">{$lang->use_default}</option>
<option value="0">-----------</option>
{$themeselect_option}
</select></span>

calendar Find -  replace with 


<span class="select-wrap">
							<select style="width:100px;" name="month">
							<option value="{$month}">{$monthnames[$month]}</option>
							<option value="{$month}">----------</option>
							<option value="1">{$lang->alt_month_1}</option>
							<option value="2">{$lang->alt_month_2}</option>
							<option value="3">{$lang->alt_month_3}</option>
							<option value="4">{$lang->alt_month_4}</option>
							<option value="5">{$lang->alt_month_5}</option>
							<option value="6">{$lang->alt_month_6}</option>
							<option value="7">{$lang->alt_month_7}</option>
							<option value="8">{$lang->alt_month_8}</option>
							<option value="9">{$lang->alt_month_9}</option>
							<option value="10">{$lang->alt_month_10}</option>
							<option value="11">{$lang->alt_month_11}</option>
							<option value="12">{$lang->alt_month_12}</option>
						</select></span><span class="select-wrap">
						<select style="width:100px;" name="year">
							<option value="{$year}">{$year}</option>
							<option value="{$year}">----------</option>
							{$yearsel}
						</select></span>

private_advanced_search Find -  replace with 


<span class="select-wrap">
			<select name="sort" id="sort">
				<option value="subject">{$lang->sort_by_subject}</option>
				<option value="sender">{$lang->sort_by_sender}</option>
				<option value="dateline" selected="selected">{$lang->sort_by_date}</option>
			</select></span>

private_advanced_search_folders  Find -  replace with 


<span class="select-wrap">
<select multiple="multiple" name="folder[]" id="folder">
<option selected="selected">{$lang->all_folders}</option>
{$foldersearch_folder}
</select></span>

private_archive_folders  Find -  replace with 


<span class="select-wrap">
<select name="exportfolders[]" multiple="multiple">
<option value="all" selected="selected">{$lang->all_folders}</option>
{$folderlist_folder}
</select></span>

private_jump_folders  Find -  replace with 


<span class="select-wrap">
<select name="jumpto">
{$folderjump_folder}
</select></span>

private_move  Find -  replace with 


<input type="hidden" value="{$from_fid}" name="fromfid" />
<span class="select-wrap">
<select name="fid">
{$folderoplist_folder}
</select></span>


modcp_modlogs  Find -  replace with 


 <span class="select-wrap">
							<select name="uid">
									<option value="">{$lang->all_moderators}</option>
									<option value="">----------</option>
									{$user_options}
								</select></span>
							</td>
						</tr>
						<tr>
							<td class="trow1" width="25%"><strong>{$lang->sort_by}</strong></td>
							<td class="trow1" width="75%">
								<span class="select-wrap">
								<select name="sortby">
									<option value="dateline"{$sortbysel['dateline']}>{$lang->date}</option>
									<option value="username"{$sortbysel['username']}>{$lang->username}</option>
									<option value="forum"{$sortbysel['forum']}>{$lang->forum_name}</option>
									<option value="thread"{$sortbysel['thread']}>{$lang->thread_subject}</option>
								</select></span>
								{$lang->in}
								<span class="select-wrap">
								<select name="order">
									<option value="asc"{$ordersel['asc']}>{$lang->asc}</option>
									<option value="desc"{$ordersel['desc']}>{$lang->desc}</option>
								</select></span>

modcp_warninglogs Find -  replace with 


 <span class="select-wrap">
								<select name="filter[sortby]">
									<option value="username"{$sortbysel['username']}>{$lang->username}</option>
									<option value="issuedby"{$sortbysel['issuedby']}>{$lang->issued_by}</option>
									<option value="dateline"{$sortbysel['dateline']}>{$lang->issued_date}</option>
									<option value="expires"{$sortbysel['expires']}>{$lang->expiry_date}</option>
								</select></span>
								{$lang->in}
								 <span class="select-wrap">	 
								<select name="filter[order]">
									<option value="asc"{$ordersel['asc']}>{$lang->asc}</option>
									<option value="desc"{$ordersel['desc']}>{$lang->desc}</option>
								</select></span>

modcp_announcements_edit Find -  replace with 



<span class="select-wrap">
								<select name="starttime_day">
								{$startdateday}
								</select></span>
								&nbsp;
								<span class="select-wrap">	
								<select name="starttime_month">
								{$startdatemonth}
								</select></span>
								&nbsp;
								<input type="text" name="starttime_year" value="{$startdateyear}" size="4" maxlength="4" class="textbox" />
								 - {$lang->time} <input type="text" name="starttime_time" value="{$starttime_time}" size="10" class="textbox" />
							</td>
						</tr>
						<tr>
							<td class="trow1" colspan="1" valign="top" width="25%"><strong>{$lang->end_date}</strong></td>
							<td class="trow1" valign="top"  width="75%">
								<input type="radio" name="endtime_type" value="1"{$end_type_sel['finite']} />
								<span class="select-wrap">
								<select name="endtime_day">
								{$enddateday}
								</select></span>
								&nbsp;
								<span class="select-wrap">	
								<select name="endtime_month">
								{$enddatemonth}
								</select></span>

modcp_announcements_new Find -  replace with


<span class="select-wrap">
								<select name="starttime_day">
								{$startdateday}
								</select></span>
								&nbsp;
								<span class="select-wrap">	
								<select name="starttime_month">
								{$startdatemonth}
								</select></span>
								&nbsp;
								<input type="text" name="starttime_year" value="{$startdateyear}" size="4" maxlength="4" class="textbox" />
								 - {$lang->time} <input type="text" name="starttime_time" value="{$starttime_time}" size="10" class="textbox" />
							</td>
						</tr>
						<tr>
							<td class="trow1" colspan="1" valign="top" width="25%"><strong>{$lang->end_date}</strong></td>
							<td class="trow1" valign="top"  width="75%">
								<input type="radio" name="endtime_type" value="1"{$end_type_sel['finite']} />
								<span class="select-wrap">
								<select name="endtime_day">
								{$enddateday}
								</select></span>
								&nbsp;
								<span class="select-wrap">	
								<select name="endtime_month">
								{$enddatemonth}
								</select></span>

modcp_editprofile_select Find -  replace with


<span class="select-wrap">
<select name="{$select_name}">
	{$selection_options}
</select></span>

modcp_finduser Find -  replace with


	<span class="select-wrap">
								<select name="sortby">
									<option value="username"{$sortbysel['username']}>{$lang->username}</option>
									<option value="regdate"{$sortbysel['regdate']}>{$lang->regdate}</option>
									<option value="lastvisit"{$sortbysel['lastvisit']}>{$lang->lastvisit}</option>
									<option value="postnum"{$sortbysel['postnum']}>{$lang->postnum}</option>
								</select></span>
								{$lang->in}
								<span class="select-wrap">
								<select name="order">
									<option value="asc"{$ordersel['asc']}>{$lang->asc}</option>
									<option value="desc"{$ordersel['desc']}>{$lang->desc}</option>
								</select></span>

modcp_editprofile_select Find -  replace with


<span class="select-wrap">
<select name="{$select_name}">
	{$selection_options}
</select></span>

modcp_editprofile_away  Find -  replace with


</select></span>
</td>
<td>
<span class="select-wrap">	
<select name="awaymonth">
<option value="">&nbsp;</option>
<option value="1" {$returndatemonthsel['1']}>{$lang->month_1}</option>
<option value="2" {$returndatemonthsel['2']}>{$lang->month_2}</option>
<option value="3" {$returndatemonthsel['3']}>{$lang->month_3}</option>
<option value="4" {$returndatemonthsel['4']}>{$lang->month_4}</option>
<option value="5" {$returndatemonthsel['5']}>{$lang->month_5}</option>
<option value="6" {$returndatemonthsel['6']}>{$lang->month_6}</option>
<option value="7" {$returndatemonthsel['7']}>{$lang->month_7}</option>
<option value="8" {$returndatemonthsel['8']}>{$lang->month_8}</option>
<option value="9" {$returndatemonthsel['9']}>{$lang->month_9}</option>
<option value="10" {$returndatemonthsel['10']}>{$lang->month_10}</option>
<option value="11" {$returndatemonthsel['11']}>{$lang->month_11}</option>
<option value="12" {$returndatemonthsel['12']}>{$lang->month_12}</option>
</select></span>

modcp_editprofile Find -  replace with


<span class="select-wrap">
												<select name="birthday_day">
													<option value="">&nbsp;</option>
													{$bdaydaysel}
												</select></span>
											</td>
											<td>
												<span class="select-wrap">
												<select name="birthday_month">
													<option value="">&nbsp;</option>
													<option value="1" {$bdaymonthsel['1']}>{$lang->month_1}</option>
													<option value="2" {$bdaymonthsel['2']}>{$lang->month_2}</option>
													<option value="3" {$bdaymonthsel['3']}>{$lang->month_3}</option>
													<option value="4" {$bdaymonthsel['4']}>{$lang->month_4}</option>
													<option value="5" {$bdaymonthsel['5']}>{$lang->month_5}</option>
													<option value="6" {$bdaymonthsel['6']}>{$lang->month_6}</option>
													<option value="7" {$bdaymonthsel['7']}>{$lang->month_7}</option>
													<option value="8" {$bdaymonthsel['8']}>{$lang->month_8}</option>
													<option value="9" {$bdaymonthsel['9']}>{$lang->month_9}</option>
													<option value="10" {$bdaymonthsel['10']}>{$lang->month_10}</option>
													<option value="11" {$bdaymonthsel['11']}>{$lang->month_11}</option>
													<option value="12" {$bdaymonthsel['12']}>{$lang->month_12}</option>
												</select></span>

finally over

feel happy while using it 

Font Awesome 5 icons Select Style Arrow 

.png   Ekran Alıntısı.PNG (Size: 14.43 KB / Downloads: 18)
↧

Go to the first unread post (showthread)

March 3, 2019, 5:57 am
$
0
0
You can add a link in showthread in the left bottom of page (or where you wanna to follow your forum design) to redirect you to the first unread post in the thread.

1) Open showthread template and add these piece of code (below {$addpoll}):
<li class="first_unread"><a href="{$mybb->settings['bburl']}/thread-{$tid}-newpost.html">Go to the first unread post</a></li>

2) Add this to your global.css:
/* Showthread - go to the first unread post */
ul.thread_tools li.first_unread {
background: url(images/first_unread.png) no-repeat 0px 0px;
}

3) Copy the image from the attachment below to your image folder Smile

Here is the result (srry, it is in my Czech language)

.png   first_unread.png (Size: 613 bytes / Downloads: 7)
↧
Search

Go to the first post in the thread (showthread)

March 3, 2019, 6:01 am
$
0
0
You can add a link in showthread in the left bottom of page (or where you wanna to follow your forum design) to redirect you to the first post in the thread.

1) Open showthread template and add these piece of code (below {$addpoll}):
<li class="first_post"><a href="{$mybb->settings['bburl']}/thread-{$tid}-post-{$thread['firstpost']}.html#pid{$thread['firstpost']}">Go to the first post</a></li>

2) Add this to your global.css:
/* Showthread - go to the first post in the thread */
ul.thread_tools li.first_post {
 background: url(images/first_post.png) no-repeat 0px 0px;
}

3) Copy the image from the attachment below to your image folder Smile

Here is the result (srry, it is in my Czech language)

.png   first_post.png (Size: 603 bytes / Downloads: 14)
↧

Dark Editor for MyBB 1.8.20 [SCEditor]

March 7, 2019, 10:37 am
$
0
0
Hey all,
If you need a dark editor based on default MyBB editor, this tutorial is for you.
This is quick and simple tutorial and keep in mind to make a backup of your jscripts folder.
What you will get is this -
(Clean, interesting and very nice for dark themes)
Requirement - MyBB 1.8.20

[Image: oNXcuzW.png]

1. Download the images.zip attached and upload/Extract them inside public_html(MyBB Root)/jscripts/sceditor/editor_themes/.

.zip   images.zip (Size: 9.25 KB / Downloads: 2)

2. Open public_html/jscripts/sceditor/textarea_styles/jquery.sceditor.mybb.css and replace the content with
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
html, body, p, code:before, table {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 14px;
    color: #ccc;
}

html {
    /* Needed so the cursor will be placed at the end of the content
       when the there isn't enought content to fill the full viewport */
    height: 100%;

    /* Needed for iOS scrolling bug fix */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body {
    /* Needed for iOS scrolling bug fix */
    position: relative;
    overflow: auto;

    /* Needed so the cursor will be placed at the end of the content
       when the there isn't enought content to fill the full viewport */
    min-height: 100%;
    word-wrap: break-word;
}

table, td {
    border: 1px dotted #000;

    /* Show empty cells so they can be edited */
    empty-cells: show;
}

code:before {
    font-weight: bold;
    content: 'Code:';
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 4px 0 3px 0;
    margin-bottom: 10px;
}

code.phpcodeblock:before {
    content: 'PHP Code:' !important;
}

code {
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px !important;
    padding: 10px;
    position: relative;
    background: white;
    margin: .25em .05em 0 0;
    border: 1px solid #ccc;
    white-space: pre;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.ie6 code, .ie7 code {
    margin-top: 0;
}

code:before, code {
    display: block;
    text-align: left;
}

blockquote {
    position: relative;
    background: white;
    margin: .25em .05em 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

blockquote cite {
    font-weight: bold;
    font-style: normal;
    display: block;
    font-size: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

/* prevent divs from being collapsed */
div {
    min-height: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

img {
    max-width: 100%;
}

font[size="1"] {
    font-size: xx-small;
}

font[size="2"] {
    font-size: x-small;
}

font[size="3"] {
    font-size: small;
}

font[size="4"] {
    font-size: medium;
}

font[size="5"] {
    font-size: large;
}

font[size="6"] {
    font-size: x-large;
}

font[size="7"] {
    font-size: xx-large;
}



3. Open public_html/jscripts/sceditor/editor_themes/mybb.css
html {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 0.9em;
}

.sceditor-button div, div.sceditor-grip {
    background-image: url("famfamfam.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.sceditor-button-youtube div  {
    
  background-image: url(video.png);
    
}
.sceditor-button-link div  {
    
  background-position:  0px -16px;
    
}
.sceditor-button-unlink div  {
    
  background-position:  0px -32px;
    
}
.sceditor-button-underline div  {
    
  background-image: url(underline.png);
    
}
.sceditor-button-time div  {
    
  background-position:  0px -64px;
    
}
.sceditor-button-table div  {
    
  background-position:  0px -80px;
    
}
.sceditor-button-superscript div  {
    
  background-position:  0px -96px;
    
}
.sceditor-button-subscript div  {
    
  background-position:  0px -112px;
    
}
.sceditor-button-strike div  {
    
  background-image: url(strike.png);
    
}
.sceditor-button-source div  {
    
  background-image: url(source.png);
    
}
.sceditor-button-size div  {
    
  background-position:  0px -160px;
    
}
.sceditor-button-rtl div  {
    
  background-position:  0px -176px;
    
}
.sceditor-button-right div  {
    
  background-image: url(format-right.png);
    
}
.sceditor-button-removeformat div  {
    
  background-position:  0px -208px;
    
}
.sceditor-button-quote div  {
    
  background-image: url(quote.png);
    
}
.sceditor-button-print div  {
    
  background-position:  0px -240px;
    
}
.sceditor-button-pastetext div  {
    
  background-position:  0px -256px;
    
}
.sceditor-button-paste div  {
    
  background-position:  0px -272px;
    
}
.sceditor-button-orderedlist div  {
    
  background-position:  0px -304px;
    
}
.sceditor-button-maximize div  {
    
  background-position:  0px -320px;
    
}
.sceditor-button-ltr div  {
    
  background-position:  0px -336px;
    
}
.sceditor-button-left div  {
    
  background-image: url(format-left.png);
    
}
.sceditor-button-justify div  {
    
  background-image: url(format-fill.png);
    
}
.sceditor-button-italic div  {
    
  background-image: url(italic.png);
    
}
.sceditor-button-image div  {
    
  background-position:  0px -416px;
    
}
.sceditor-button-horizontalrule div  {
    
  background-image: url(hr.png);
    
}
.sceditor-button-format div  {
    
  background-position:  0px -448px;
    
}
.sceditor-button-font div  {
    
  background-position:  0px -464px;
    
}
.sceditor-button-emoticon div  {
    
  background-position:  0px -480px;
    
}
.sceditor-emoticons img {
    cursor: pointer;
}
.sceditor-button-email div  {
    
  background-position:  0px -496px;
    
}
.sceditor-button-date div  {
    
  background-position:  0px -512px;
    
}
.sceditor-button-cut div  {
    
  background-position:  0px -528px;
    
}
.sceditor-button-copy div  {
    
  background-position:  0px -544px;
    
}
.sceditor-button-color div  {
    
  background-position:  0px -560px;
    
}
.sceditor-button-code div  {
    
  background-position:  0px -576px;
    
}
.sceditor-button-center div  {
    
  background-image: url(format-center.png);
    
}
.sceditor-button-bulletlist div  {
    
  background-position:  0px -608px;
    
}
.sceditor-button-bold div  {
    
  background-image: url(bold.png);
    
}
div.sceditor-grip  {
    
  background-position:  0px -640px;
    
  width:  10px;
    
  height:  10px;
    
}
.rtl div.sceditor-grip  {
    
  background-position:  0px -656px;
    
  width:  10px;
    
  height:  10px;
    
}
.sceditor-container {
    position: relative;
    background: #333;
    border: 1px solid #444;
    padding: 0 4px;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ccc;
    line-height: 1;
    font-weight: bold;
    z-index: 1001;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
}
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {
    padding: 0;
    margin: 0;
    z-index: 3;
}
.sceditor-container iframe, .sceditor-container textarea {
    border: 0;
    outline: 0;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ccc;
    padding: 4px;
    margin: 5px;
    resize: none;
    background: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 99% !important;
}
div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .3;
}
.ie6 div.sceditor-resize-cover, .ie7 div.sceditor-resize-cover, .ie8 div.sceditor-resize-cover {
    background: #efefef;
}
.sceditor-container.ie6 {
    overflow: hidden;
}
div.sceditor-grip {
    overflow: hidden;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
}
.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%!important;
    width: 100%!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
html.sceditor-maximize, body.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.ie6.sceditor-maximize {
    position: absolute;
}
.sceditor-maximize div.sceditor-grip {
    display: none;
}
.sceditor-maximize div.sceditor-toolbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    z-index: 6;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a, div.sceditor-dropdown a:link {
    color: #333;
}
div.sceditor-dropdown form {
    margin: 0;
}
div.sceditor-dropdown label {
    display: block;
    font-weight: bold;
    color: #3c3c3c;
    padding: 4px 0;
}
div.sceditor-dropdown input, div.sceditor-dropdown textarea {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    outline: 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-top-color: #888;
    margin: 0 0 .75em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-dropdown textarea {
    padding: 6px;
}
div.sceditor-dropdown input:focus, div.sceditor-dropdown textarea:focus {
    border-color: #aaa;
    border-top-color: #666;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
    font-weight: bold;
    color: #444;
    padding: 6px 12px;
    background: #ececec;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
    background: #f3f3f3;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker, div.sceditor-fontsize-picker {
    padding: 6px 0;
}
div.sceditor-insertemoticon, div.sceditor-color-picker {
    padding: 0;
}
.sceditor-pastetext textarea {
    border: 1px solid #bbb;
    width: 20em;
}
.sceditor-insertemoticon img, .sceditor-more-emoticons img {
    cursor: pointer;
    margin: 2px;
}
.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 0;
}
.sceditor-more:hover {
    background: #eee;
}
.sceditor-fontsize-option, .sceditor-font-option {
    display: block;
    padding: 4px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #222;
}
.sceditor-fontsize-option {
    padding: 4px 13px;
}
.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #eee;
}
.sceditor-color-column {
    float: left;
}
.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden;
}
.sceditor-color-option:hover {
    border: 1px solid #333;
}
div.sceditor-toolbar {
    overflow: hidden;
    padding: 2px 2px 1px;
    background: #444;
    border-bottom: 1px solid #444;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-group {
    display: inline-block;
    background: #333;
    margin: 1px 5px 1px 0;
    padding: 1px;
    border-bottom: 1px solid #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.ie6 div.sceditor-group, .ie7 div.sceditor-group {
    display: inline;
    zoom: 1;
}
.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 5px;
    width: 16px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
     border:  1px solid #444;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.ie6 .sceditor-button, .ie7 .sceditor-button {
    float: none!important;
    display: inline;
    zoom: 1;
}
.ie6 .sceditor-button {
    padding: 0;
}
.ie6 .sceditor-button div {
    margin: 5px;
}
.ie7 .sceditor-button div {
    margin: 5px 0;
}
.sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {
    background: #555;
    border: 1px solid #555;
}
.sceditor-button:active {
    background: #555;
    border: 1px solid #555;
}
.sceditor-button.disabled:hover {
    background: inherit;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.sceditor-button, .sceditor-button div {
    display: block;
}
.sceditor-button div {
    margin: 2px 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
}
.sceditor-button.disabled div {
    filter: alpha(opacity=30);
    opacity: .3;
}
.text .sceditor-button, .text .sceditor-button div, .sceditor-button.text, .sceditor-button.text div, .text-icon .sceditor-button, .text-icon .sceditor-button div, .sceditor-button.text-icon, .sceditor-button.text-icon div {
    width: auto;
    overflow: visible;
    line-height: 16px;
    font-size: 1em;
    color: inherit;
}
.text .sceditor-button div, .sceditor-button.text div {
    padding: 0 2px;
    background: 0;
}
.text-icon .sceditor-button div, .sceditor-button.text-icon div {
    padding: 0 2px 0 20px;
}
.rtl .sceditor-button {
    float: right;
}
.rtl div.sceditor-grip {
    right: auto;
    left: 0;
}
.sceditor-container {
    padding:  0 4px;
    overflow:  hidden;
}
.sceditor-container .sceditor-toolbar,  .sceditor-container iframe,  .sceditor-container textarea  {
    margin:  0 -4px;
}

/* Additional buttons (for MyBB) */
.sceditor-button-video div  {
    
  background-image: url(video.png);
    
}
.sceditor-button-php div  {
    
  background-image: url(php.png);
    
}

4. Go to your theme settings and select MyBB editor as default editor. Like this
https://i.imgur.com/a2LFAU6.png

If anyone wants to submit this on MyBB Extend, make sure to rename this editor with a new name Smile

Hope it helps your forum gain a better typing experience for users, in case of any questions just let me know.

Regards
WallBB
↧
↧

[Tutorial] Announcement Codes for Themes

May 8, 2019, 6:23 am
$
0
0
Global.css

#alert1 {
    border-radius: 0px;
    top: 0;
    right: 0;
    padding: 8px;
    text-align: left;
    background: rgba(22, 160, 133,0.7);
    color: #FFF;
    margin-bottom: 4px;
}

#alert1:before {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 5px;
    font-size: 13px;
    content: "\f0e7";
    color: #f1f1f1;
}

#alert2 {
    background: #8a47a5;
    border-radius: 0px;
    top: 0;
    right: 0;
    padding: 8px;
    text-align: left;
    color: #FFF;
    margin-bottom: 4px;
}

#alert2:before {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 5px;
    font-size: 13px;
    content: "\f0eb";
    color: #f1f1f1;
}

#alert3 {
    border-radius: 0px;
    top: 0;
    right: 0;
    padding: 8px;
    text-align: left;
    background: #5962b6;
    color: #FFF;
    margin-bottom: 4px;
}

#alert3:before {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 5px;
    font-size: 13px;
    content: "\f0f3";
    color: #f1f1f1;
}

#alert4 {
    background: #b6596b;
    border-radius: 0px;
    top: 0;
    right: 0;
    padding: 8px;
    text-align: left;
    color: #FFF;
    margin-bottom: 4px;
}

#alert4:before {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 5px;
    font-size: 13px;
    content: "\f559";
    color: #f1f1f1;
}


İndex & Header 

<div id = 'alert1'> announcement 1</div>
<div id = 'alert2'> announcement 2</div>
<div id = 'alert3'> announcement 3</div>
<div id = 'alert4'> announcement 4</div><br />


.png   ee.PNG (Size: 4.38 KB / Downloads: 2)
↧

User friendlier multiselect on admin pages

May 10, 2019, 10:21 am
$
0
0
It may be useful for forums with a fair number of forums and with plugins that have forumselect settings.

Download: jQuery multiselect

Go to admin/jscripts, create a folder called multiselect, and insert inside it the folders named css, img, js of the downloaded archive.

Open admin/inc/class_page.php, search for:
echo "	<script type=\"text/javascript\" src=\"./jscripts/tabs.js\"></script>\n";

Add after:
echo "	<script type=\"text/javascript\" src=\"./jscripts/multiselect/js/jquery.multi-select.js\"></script>\n";
echo "	<link rel=\"stylesheet\" href=\"jscripts/multiselect/css/multi-select.css\" />\n";
echo "	<script>$(function() { $('select[multiple]').multiSelect(); })</script>\n";

Preview:

[Image: k7I5G6f.gif]
↧

Years of Service Postbit Add-On 1.8.20

May 9, 2019, 11:58 pm
$
0
0
[Image: uFfvWg7.png]

[Image: rzi6g0I.png]

Required 
<div class="smalltext" style="background: #212121;padding: 7px;margin: 5px 0;">
<if $post['regdate']+(60*60*24*1095) <= TIME_NOW then><span style="color: #FF0040;">4 Years of Service</span>
<elseif $post['regdate']+(60*60*24*1095) <= TIME_NOW then><span style="color: #FF0080;">3 Years of Service</span>
<elseif $post['regdate']+(60*60*24*730) <= TIME_NOW then><span style="color: #FF00BF;">2 Years of Service</span>
<elseif $post['regdate']+(60*60*24*365) <= TIME_NOW then><span style="color: #FF00FF;">1 Year of Service</span>
<elseif $post['regdate']+(60*60*24*330) <= TIME_NOW then><span style="color: #0080FF;">11 Months of Service</span>
<elseif $post['regdate']+(60*60*24*300) <= TIME_NOW then><span style="color: #00FFFF;">10 Months of Service</span>
<elseif $post['regdate']+(60*60*24*270) <= TIME_NOW then><span style="color: #00FF80;">9 Months of Service</span>
<elseif $post['regdate']+(60*60*24*240) <= TIME_NOW then><span style="color: #00FF00;">8 Months of Service</span>
<elseif $post['regdate']+(60*60*24*210) <= TIME_NOW then><span style="color: #FF4000;">7 Months of Service</span>
<elseif $post['regdate']+(60*60*24*180) <= TIME_NOW then><span style="color: #FF8000;">6 Months of Service</span>
<elseif $post['regdate']+(60*60*24*150) <= TIME_NOW then><span style="color: #FFBF00;">5 Months of Service</span>
<elseif $post['regdate']+(60*60*24*120) <= TIME_NOW then><span style="color: #FFFF00;">4 Months of Service</span>
<elseif $post['regdate']+(60*60*24*90) <= TIME_NOW then><span style="color: #F4FA58;">3 Months of Service</span>
<elseif $post['regdate']+(60*60*24*60) <= TIME_NOW then><span style="color: #D8D8D8;">2 Months of Service</span>
<elseif $post['regdate']+(60*60*24*30) <= TIME_NOW then><span style="color: #848484;">1 Month of Service</span>
<elseif $post['regdate']+(60*60*24*0) <= TIME_NOW then><span style="color: #848484;">Less Than a Month</span></if>
</div>

Tested on v1.8.20

Demo: https://forum.sinfulsite.com/thread-1169-post-4032.html
↧
Viewing all 685 articles
Browse latest View live
Search