TranslationsCloud • support
Would you like to react to this message? Create an account in a few clicks or log in to continue.
TranslationsCloud • support

Discover the dedicated support forum for the Free Translations Cloud services

Log in

I forgot my password



Latest topics
» [Closed] Social Media Profile Button Should Be Smaller
MyBB plugin installation tutorial EmptyThu Dec 02, 2021 12:17 am by Niko

» MyBB plugin is now available !
MyBB plugin installation tutorial EmptyWed Jan 17, 2018 4:38 pm by Ikerepc

» [New brand] Suspension of the service
MyBB plugin installation tutorial EmptySat Jan 06, 2018 4:23 pm by Niko

» Registration page bug
MyBB plugin installation tutorial EmptyFri Jan 05, 2018 7:58 am by Malcolm

» [Closed] Add a language selection button
MyBB plugin installation tutorial EmptyThu Jun 15, 2017 11:32 pm by mSyx

» MyBB plugin installation tutorial
MyBB plugin installation tutorial EmptySun May 21, 2017 1:13 pm by Soon

» XenForo: Release of a dedicated plugin !
MyBB plugin installation tutorial EmptyMon May 08, 2017 7:08 pm by Niko

» Install our plugin on XenForo forums
MyBB plugin installation tutorial EmptyMon May 08, 2017 6:47 pm by Niko

» Members introduction
MyBB plugin installation tutorial EmptyFri Feb 24, 2017 10:06 am by Niko

Who is online?
In total there is 1 user online :: 0 Registered, 0 Hidden and 1 Guest

None

[ View the whole list ]


Most users ever online was 25 on Fri Jan 26, 2024 3:40 pm
Similar topics

You are not connected. Please login or register

MyBB plugin installation tutorial

Go down  Message [Page 1 of 1]

1MyBB plugin installation tutorial Empty MyBB plugin installation tutorial Sun May 21, 2017 1:13 pm

Soon

Soon
Developer

MyBB plugin installation tutorial

Install our plugin on MyBB forums


Dear Members,

After the tutorial for the forumotion plugin and the one for XenForo forums, another plugin is not part of our collection: MyBB plugin! And as for the others, this is our dedicated tutorial about How to install a MyBB plugin on your forum MyBB plugin installation tutorial 1f60d



What is a multi-lingual topic ?

A #multilingual topic is a special post in your forum that is available in different languages. This feature will allow new guests/members that don't speak your forum main-language to undestand your topic content and join the discussion MyBB plugin installation tutorial 1f61d
Basically, you will create different messages in the same topic for different languages: our plugin will make visible the translation for the correct language of the member!

Installation of MyBB plugin



Creation of a MyBB plugin




  • First, you need to create an account on our website at https://www.translationscloud.com/registration.
    MyBB plugin installation tutorial 1f510 Note that an email verification is required. Use a valid email address.

  • Once that your account has been created and it has been verified, login your client area and Go to your Dashboard

  • Now go to Modules > Plugins and you will now see the management tool for your plugins. Click on the MyBBforum plugin button to start creating a plugin for your MyBB forumMyBB plugin installation tutorial 1f4ab

    MyBB plugin installation tutorial Select

  • If this is the first time you create a plugin for MyBB, click on the button in this new page to start

    MyBB plugin installation tutorial Start

  • You will be required to confirm and verify some information. Here you can find a full explanation of the different contents.

    MyBB plugin installation tutorial Fill

    • Verify Api Key and Forum address
      you will need to check if a valid api-key is available and if the forum address corresponds to the one you will use

      MyBB plugin installation tutorial Fa_sceditor_verify

    • Customization

      • Multilingual icon
        It is possible to set an icon to highlight multilingual contents. By default a light-bulb is displayed.


      MyBB plugin installation tutorial Fa_sceditor_custom

    • Translations
      Some translations are required for your plugin. You can leave the default-ones or update them.. it is up to you  MyBB plugin installation tutorial 1f607

      MyBB plugin installation tutorial Fa_sceditor_lang



  • Once you are sure that everything is okay, click on I confirm these information to create your plugin.

  • On the next page you will be pointed to this tutorial for the latest steps. Copy the script snippet-code we created for you: you will need it later!

    MyBB plugin installation tutorial Complete


Install your own MyBB plugin



Templates

Open your ACP and go to Templates & styles >  Templates > Manage Templates > Default Templates (expand)

MyBB plugin installation tutorial Templates

Now, open Ungrouped Templates > Edit codebuttons

MyBB plugin installation tutorial Template_last
MyBB plugin installation tutorial Template_edit

In the template, find the following part:
Code:
toolbar: "{$basic1}{$align}{$font}{$size}{$color}{$removeformat}{$basic2}image,{$email}{$link}|video{$emoticon}|{$list}{$code}quote|maximize,source",

and replace it with:
Code:
toolbar: "{$basic1}{$align}{$font}{$size}{$color}{$removeformat}{$basic2}image,{$email}{$link}|video{$emoticon}|{$list}{$code}quote,alias|maximize,source",

Then save MyBB plugin installation tutorial 263a
MyBB plugin installation tutorial Save_template




In the same location (Templates & styles >  Templates > Manage Templates > Default Templates (expand) > Ungrouped Templates) Edit the template file headerinclude

Find the following string:
Code:
{$stylesheets}

and add your personal snippet-code before it (this is just an example)
Code:
<script type="text/javascript" src="https://www.translationscloud.com/MyBBforum/js/mybb-XX.js"></script>


[/list]

Customization



There are some CSS lines to include in your forum stylesheet. To do so, another file needs to be changed.
Go to Templates & Styles > Themes > Edit Stylesheet > Stylesheets in default >
MyBB plugin installation tutorial Css_select

Global.css > Options > Edit >
MyBB plugin installation tutorial Global-css

Edit Stylesheet: Advanced Mode and add:

Code:
a#change_language {
    display: block;
    padding: 1px 0 1px 23px;
    background-image: url(https://www.translationscloud.com/MyBBforum/mybb-alias-button.png);
    background-repeat: no-repeat;
}

.post_date img.multilingual-post {
    background: #fafafa;
    border-radius: 100%;
    padding: 5px;
    vertical-align: middle;
    margin-right: 6px;
}

alias {
    display: inline-block!important;
    background: #444444;
    color: white;
    font-style: italic;
    font-size: 11px;
    padding: 4px!important;
    border-radius: 2px;
    border-bottom: 2px solid #6D6B6B;
    box-shadow: 0px 0px 1px white;
}

.sceditor-button-alias div {
    background-image: url('https://www.translationscloud.com/fa_sceditor/fa-alias-button.png')!important;
}

MyBB plugin installation tutorial Css-advanced

Then , save your changed MyBB plugin installation tutorial 1f607

MyBB plugin installation tutorial 1f50d  Explanation of css lines


  • a#change_language
    this html elements refers to the new option that will be added in your edit profile page

  • .post_date img.multilingual-post
    this class refers to the icon added in the header of a multilingual post

  • alias
    this html tag allows you to change the appearance of the BBcode in WYSIWYG mode and in case that an alias doesn't exist.

  • .sceditor-button-alias div
    this class refers the the button in your editor





How does it work ?



Creating a new multilingual post



Once the installation process is completed, you can start creating your own multilingual posts and topics  MyBB plugin installation tutorial 1f60b

Thanks to our plugin and your settings, a special BBcode button is included in your editor MyBB plugin installation tutorial Xenforo-alias-button and it will allow you to include an alias in your post

MyBB plugin installation tutorial Dashboard_plugins_button
MyBB plugin installation tutorial 26a0 Alias can be created from your client area from Management > New translation and you and your translators can translate them in different languages from Client area > Pending translations. If you include an alias that hasn't been created yet, the system will return "not found"

Of course you can write a normal post and having only a part in multilingual.
Once included it will appear as in the example above (Source mode / WYSIWYG mode)

Now we are ready to post it  MyBB plugin installation tutorial 1f60d



In your topic page the alias will be automatically replaced with the content of your translation! Wow!

MyBB plugin installation tutorial Dashboard_plugins_demo

MyBB plugin installation tutorial 2666 An icon that you can set during the plugin creation will be displayed for valid multi-lingual posts. A simple post or a not-valid multilingual post will not be marked with this icon.

MyBB plugin installation tutorial Fa_sceditor_icon

Selecting the multilingual posts' language


If you want to modify or select a language for your multilingual posts you can go on your forum to Edit profile > Settings > Preferences

MyBB plugin installation tutorial Xenforo_preferences

There is no need to save the page: the update is made in async mode. If you see the green success text, your modification is done !

What if an alias does not exist in my language ?


If an alias is valid, but it is not available for in your language, the default version will be displayed and a special icon will notify you of a multilingual post in default language

MyBB plugin installation tutorial Xenforo_default




For extended technical details, customization and generic support,
please contact us in our Plugin assistance section
Have a nice day!

https://www.translationscloud.com

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum