Home
First topic message reminder :
This isn't simply a skin, its a full theme that has template changes and requires select JavaScripts installed.
Even though screenshots don't do justice to the slick animations and transitions hidden all around the theme, here are few basic ones
Download the .bbtheme here : https://www.mediafire.com/?96gsqwqnvi2mut6 (v1.1)
and import it in your forum by going to Admin Panel > Display > Themes Management > Import the skin and then navigating to the downloaded file.
Step 2: Edit the templates
Go to Admin Panel > Display > Templates > General and edit them with the respective replacement I provide below.
Note: selecting ALL content from existing templates and replace it with edited code.
Step 3: Add the required JavaScripts
Go to Admin Panel > Modules > JavaScript Code Management > Add New
Title: Cosmic Sleek
Tick in all pages and paste the code below
Credits for full package: Rhino.Freak, Ange Tuteur, Nick Salloum and Mimóza for helping me solve the bugs and the support forum who's design has been the inspiration to make this theme
Introduction:
Hey everyone! So I have been working on this theme for quite some time and I feel it is finished and is now open for public to use and enjoy This isn't simply a skin, its a full theme that has template changes and requires select JavaScripts installed.Demo:
Live Demo: http://livedemo.forumotion.info/Even though screenshots don't do justice to the slick animations and transitions hidden all around the theme, here are few basic ones
- Screenshots:
Installation:
Step 1: Import the skinDownload the .bbtheme here : https://www.mediafire.com/?96gsqwqnvi2mut6 (v1.1)
and import it in your forum by going to Admin Panel > Display > Themes Management > Import the skin and then navigating to the downloaded file.
Step 2: Edit the templates
Go to Admin Panel > Display > Templates > General and edit them with the respective replacement I provide below.
Note: selecting ALL content from existing templates and replace it with edited code.
- index_body replaced with http://pastebin.com/raw/Wb0BF38u
- index_box replaced with http://pastebin.com/raw/VApT1yLD
- overall_footer_end replaced with http://pastebin.com/raw/ADZcCpZi
- overall_header replaced with http://pastebin.com/raw/1RxGEWNt
- viewforum_body replaced with http://pastebin.com/raw/euzQhvY5
Step 3: Add the required JavaScripts
Go to Admin Panel > Modules > JavaScript Code Management > Add New
Title: Cosmic Sleek
Tick in all pages and paste the code below
- Code:
(function() {
var FA = 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css',
a = document.createElement('LINK');
a.rel = 'stylesheet';
a.type = 'text/css';
a.href = FA;
document.getElementsByTagName('HEAD')[0].appendChild(a);
})();
$(function() {
for (var a = $('.topics, .posts, .views'), i = 0, j = a.length, s; i < j; i++) {
s = a[i].innerHTML;
if (+s.replace(/(\d+).*/, '$1') == 1) {
a[i].innerHTML = s.slice(0, s.length - 1);
}
}
});
$(function() {
$(document.body).append('<style>#fa_toolbar #fa_right #notif_list li .contentText a { color:#2f8aa3 !important; }#fa_menulist :visited { color: #ebebeb !important;}#fa_menulist :visited :hover { color: #fff !important;}</style>');
});
- OPTIONAL FUNCTIONALITY:
Step 4: To get better functionality, install these additional JavaScripts.- To get AJAX Subscribe/Unsubscribe button next to Topic Title:
Credits: Mr. EasyBB
Title: whatever you like
Tick IN TOPICS and paste the code below.
- Code:
(function(l,j,m){var b,k,c,g,e,h=true;var i=function(o,p,d){if(!i.done){return new n(o,p,d)}};i.debug=false;i.done=false;i.titles=true;i.lang={subscribe:" ",unsubscribe:" ",title_unSubscribe:"Stop watching this topic",title_subscribe:"Start watching this topic"};var n=function(o,s,d){if(typeof o=="object"){d=s;s=o;h=false}if(typeof s=="function"){d=s}if(h==true&&o.toLowerCase()=="invision"){i._anchors=b=j.querySelectorAll(".left-overview a");i._target=k=j.getElementById("text_editor_textarea").parentNode.nextSibling}if(h==true&&o.toLowerCase()=="phpbb3"){i._anchors=b=j.querySelectorAll(".right a");i._target=k=j.getElementById("text_editor_textarea").parentNode.nextSibling}if(h==true&&o.toLowerCase()=="phpbb2"){i._anchors=b=j.querySelectorAll(".gensmall a");i._target=k=j.getElementById("quick_reply").getElementsByClassName("row2")[1]}if(h==true&&o.toLowerCase()=="punbb"){i._anchors=b=j.querySelectorAll("#pun-visit li a");i._target=k=j.getElementById("pun-qpost").getElementsByClassName("frm-buttons")[0]}if(s){if(s.selector){if(s.selector.anchors){b=i._anchors=s.selector.anchors}if(s.selector.target){k=i._target=s.selector.target}}if(s.titles&&s.titles===false){i.titles=false}if(s.id){c=s.id}}var r=b,q=false,t=j.createElement("button");t.type="button";if(r){for(var p=0;p<r.length;p++){if((/\?unwatch=topic/gi).test(r[p].href)){t.value=r[p].href;r[p].parentNode.removeChild(r[p]);t.innerHTML=i.lang.unsubscribe;if(i.titles===true){t.title=i.lang.title_unSubscribe}t.className="easyBB_btn unsub";q=true}if((/\?watch=topic/gi).test(r[p].href)){t.value=r[p].href;r[p].parentNode.removeChild(r[p]);t.innerHTML=i.lang.subscribe;if(i.titles===true){t.title=i.lang.title_subscribe}t.className="easyBB_btn sub";q=true}if(c!==undefined){t.id=c}if(k&&q===true){t.setAttribute("onclick","ajaxSubscribe(this)");if(!s||!s.selector){k.appendChild(t);i.done=true;break}else{k.appendChild(t);i.done=true;break}}}}console.log(d);console.log(s);if(d!==undefined){d.call(this,i.done,t)}};function f(o,d){if(i.debug){return console[o](d)}}function a(o){var p=o.innerHTML,d=o.value;$.post(d,function(q){if(/no longer watching/g.test(q)){o.innerHTML=easyScribe.lang.subscribe;$(o).removeClass("unsub").addClass("sub");if(easyScribe.titles===true){o.title=easyScribe.lang.title_subscribe}o.value=o.value.replace(/\?unwatch=topic/,"?watch=topic")}if(/are now watching this/g.test(q)){o.innerHTML=easyScribe.lang.unsubscribe;$(o).removeClass("sub").addClass("unsub");if(easyScribe.titles===true){o.title=easyScribe.lang.title_unSubscribe}o.value=o.value.replace(/\?watch=topic/,"?unwatch=topic")}})}return(l.easyScribe=i)&&(l.ajaxSubscribe=a)})(this,document);
$(function(){
var target =$('.page-title')[0];
easyScribe('phpbb3',{
titles:false,
selector:{
target:target
}
});
});
- To get Add to Favorites button next to topic title.
Credits: 10spetter10
Title: whatever you like
Tick IN TOPICS and paste the code below.
- Code:
$(function() {
var locFavLink = $('#plus_menu a[href*="add_favourite"]');
locFavLink.next().remove();
locFavLink.addClass('favlink');
$('h1.page-title').append(locFavLink);
});
- To get AJAX Subscribe/Unsubscribe button next to Topic Title:
Credits for full package: Rhino.Freak, Ange Tuteur, Nick Salloum and Mimóza for helping me solve the bugs and the support forum who's design has been the inspiration to make this theme
Last edited by Rhino.Freak on May 26th 2016, 1:05 pm; edited 2 times in total
