Thread Rating:
  • 8 Vote(s) - 2 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] 18MySkins Free MyBB Theme for MyBB 1.8 Version
[Image: o5heYKl.png]

Hello guys,
Its really great moment to announce that MyBB 1.8 Version was out a few days ago.So i decided to bring forth a simple, classy theme to dress the newly upgraded forums. I always wanted to bring out themes accessible to every person, free one's, which power lots of websites and thus earn a name for me.Henceforth, i worked on a pretty cool, colored, with custom elements, a theme called "18MySkins".
The best part is, the theme is available for free to download at our MySkins.

Features :
The theme is made with Css3 and jQuery elements.
Custom Font Family (Source-sans) and FontAwesome icons are included.
Tabbed profiles, Css3 main nav and Usernav.
Css Breadcrumbs etc.

Index Page :
Main Menu :
User Menu :
Thread :
Profiles :

Live Demo
Here is a live demo of the theme :

The theme is included with Custom License and all downloads mean the acceptance of License.
For more details Visit :
The License should be read by everyone who downloaded the theme.


Here are the Links to download the theme : 
MyBB mods:

Final Word:

Thanks to MyBB Community and Team for providing such an awesome Script. We at MySkins Studio aim bring you fantastic themes as always. Please do visit us and keep checking for latest theme releases.Stay S"tun(n)ed"
Thank you all,
Envira Phani
[Image: mnvhXxj.png]
That's not the best color envira. The features are pretty good, but the header looks rather too plain and purple is too vibrant.
That theme looks really cool.

Font awesome not working in it..............
[Image: 200_s.gif]
The theme was added to the MyBB mods site (link in the 1st post), so deleted old comments regarding that and reapproved the thread.
Very Nice Theme

This Arabic Translation 


Index Page :

Thread :

Profiles :

Download: Here

Thanks envira For This Work  Heart
Thank you buddy for the RTL version.
thanks for feedback.
[Image: mnvhXxj.png]
I RTL theme for persian complete.
this theme have some problem, I say in your web forum but dont recived any answer.
big problem of that was this: dont show the editor.
i need this theme logo in psd ?
Hello guys,
I have uploaded a new version of the theme with the following bugs resolved.

1. Issues with Editor
2. jQuery Conflict Issues
3. Font Awesome Display Issues.

Thank you
[Image: mnvhXxj.png]
I am still getting issues with the editor where it doesn't appear.

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<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->asset_url}/jscripts/general.js?ver=1800"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='' type='text/javascript'%3E%3C/script%3E"));
<link href="//" rel="stylesheet">
<script type="text/javascript">
    var unreadAlerts = {$mybb->user['unreadAlerts']};
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/myalerts.js"></script>
<script type="text/javascript">
	lang.unknown_error = "{$lang->unknown_error}";

	lang.select2_match = "{$lang->select2_match}";
	lang.select2_matches = "{$lang->select2_matches}";
	lang.select2_nomatches = "{$lang->select2_nomatches}";
	lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
	lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
	lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
	lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
	lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
	lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
	lang.select2_loadmore = "{$lang->select2_loadmore}";
	lang.select2_searching = "{$lang->select2_searching}";

	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var rootpath = "{$mybb->settings['bburl']}";
	var imagepath = "{$theme['imgdir']}";
  	var yes_confirm = "{$lang->yes}";
	var no_confirm = "{$lang->no}";
	var MyBBEditor = null;
	var spinner_image = "{$theme['imgdir']}/spinner.gif";
	var spinner = "<img src='" + spinner_image +"' alt='' />";
// -->

<script type="text/javascript">
jQuery(document).ready(function($) {
	$("ul.tabs li:first").addClass("active").show();
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); 
		var activeTab = $(this).find("a").attr("href"); 
		return false;

<script type="text/javascript">
jQuery(document).ready(function($) {
  var viewPortWidth = $(window).width();

  $(window).scroll(function(event) {
    if (viewPortWidth > 480) {
      if ($(this).scrollTop() > 180) {
      } else {

  $('.scrollTo-top').click(function(event) {
    $('html, body').animate({scrollTop : 0 }, 600);

<link rel="stylesheet" href="{$mybb->asset_url}/jscripts/sceditor/editor_themes/{$theme['editortheme']}" type="text/css" media="all" />
<link rel="stylesheet" href="{$mybb->asset_url}/jscripts/sceditor/myinsertcommand/myinsertcommand.css" type="text/css" media="all" />
<style type="text/css">
.sceditor-button-soundcloud div  {
	background: url(images/soundcloud.png);
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/myinsertcommand/insertcommand.js?ver=1.0.0"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/jquery.sceditor.bbcode.min.js"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/bbcodes_sceditor.js"></script>
<script type="text/javascript">
var insertbutton = '';
if (!'{$mybb->settings['myinsertcommand_rules']}'.trim() == ''){
	insertbutton = 'insert|';
var partialmode = {$mybb->settings['partialmode']},
opt_editor = {
	plugins: "bbcode",
	style: "{$mybb->asset_url}/jscripts/sceditor/textarea_styles/jquery.sceditor.{$theme['editortheme']}",
	rtl: {$lang->settings['rtl']},
	locale: "mybblang",
	enablePasteFiltering: true,
	emoticonsEnabled: {$emoticons_enabled},
	emoticons: {
		// Emoticons to be included in the dropdown
		dropdown: {
		// Emoticons to be included in the more section
		more: {
		// Emoticons that are not shown in the dropdown but will still be converted. Can be used for things like aliases
		hidden: {
	emoticonsCompat: true,
	 toolbar : "{$basic1}{$align}{$font}{$size}{$color}{$removeformat}{$basic2}image,imgur,{$email}{$link}|video,soundcloud,{$emoticon}|{$list}{$code}quote,spoiler,|"+insertbutton+"maximize,source", 
$(function() {
$.sceditor.command.set ('soundcloud', {
     exec: function () {
         this.wysiwygEditorInsertHtml('[soundcloud]', '[/soundcloud]');
     txtExec: ['[soundcloud]', '[/soundcloud]'],
     tooltip: "Insert Soundcloud",

$.sceditor.plugins.bbcode.bbcode.set ('soundcloud', {
     tags: {
         'span': {
             'Class': ['soundcloud'],
     format: '[soundcloud]{0}[/soundcloud]',
     html: '[soundcloud]{0}[/soundcloud]'

	MyBBEditor = $("#{$bind}").sceditor("instance");
just a noob.

Forum Jump:

Users browsing this thread: 1 Guest(s)