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.
Previews:
Index Page :
http://bit.ly/1oJ0eo8
Main Menu :
http://bit.ly/1uChgcq
User Menu :
http://bit.ly/1vTolsK
Thread :
http://bit.ly/1xgzZ2x
Profiles :
http://bit.ly/1BedxWl
Live Demo
Here is a live demo of the theme :
http://bit.ly/1qAmc0H
License:
The theme is included with Custom License and all downloads mean the acceptance of License.
For more details Visit :
http://bit.ly/1lD2z9h
The License should be read by everyone who downloaded the theme.
Download:
Here are the Links to download the theme :
MyBB mods:
http://community.mybb.com/mods.php?action=view&pid=114
Myskins:
http://bit.ly/1pOxlgw
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,
Regards
Envira Phani
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..............
The theme was added to the MyBB mods site (link in the 1st post), so deleted old comments regarding that and reapproved the thread.
Thank you buddy for the RTL version.
thanks for feedback.
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
regards
I am still getting issues with the editor where it doesn't appear.
headerinclude
<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='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
{$stylesheets}
<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
</script>
<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>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var viewPortWidth = $(window).width();
$(window).scroll(function(event) {
event.preventDefault();
if (viewPortWidth > 480) {
if ($(this).scrollTop() > 180) {
$('.scrollTo-top').fadeIn();
} else {
$('.scrollTo-top').fadeOut();
}
}
});
$('.scrollTo-top').click(function(event) {
$('html, body').animate({scrollTop : 0 }, 600);
event.preventDefault();
});
});
</script>
codeeditor
<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);
}
</style>
<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>
{$insert_func}
<script type="text/javascript">
var insertbutton = '';
if (!'{$mybb->settings['myinsertcommand_rules']}'.trim() == ''){
insertcommand('{$mybb->settings['myinsertcommand_rules']}');
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: {
{$dropdownsmilies}
},
// Emoticons to be included in the more section
more: {
{$moresmilies}
},
// Emoticons that are not shown in the dropdown but will still be converted. Can be used for things like aliases
hidden: {
{$hiddensmilies}
}
},
emoticonsCompat: true,
toolbar : "{$basic1}{$align}{$font}{$size}{$color}{$removeformat}{$basic2}image,imgur,{$email}{$link}|video,soundcloud,{$emoticon}|{$list}{$code}quote,spoiler,|"+insertbutton+"maximize,source",
};
{$editor_language}
$(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]'
});
$("#{$bind}").sceditor(opt_editor);
MyBBEditor = $("#{$bind}").sceditor("instance");
{$sourcemode}
});
</script>
