Cosmic Sleek RED v1.1 - Phpbb3

by Rhino.Freak May 3rd 2016, 6:54 pm

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 Very Happy

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 Smile

Screenshots:

Installation:

Step 1: Import the skin
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.

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); });

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 Smile

by **BlackScorpion** May 4th 2016, 3:22 am

Love this theme. Great job on it.

by Rhino.Freak May 4th 2016, 10:15 am

Thanks BlackScorpion! Smile

I appreciate your words!

by omarpop23 May 4th 2016, 11:04 am

beautiful Theme

by Mimóza May 4th 2016, 1:29 pm

Oh, you finally finished it! Brill job, I really like it! Cosmic Sleek RED v1.1 - Phpbb3 1f44d

And it's so nice of you to share it with the public. I'm sure many people will use it! Very Happy

ps. Thanks for the mention, although I didn't really deserve it. I feel honoured! Cosmic Sleek RED v1.1 - Phpbb3 1f601

by Take Notes May 4th 2016, 1:37 pm

Amazing theme! Well done to all who participated in creating this wonderful theme!

by Rhino.Freak May 4th 2016, 5:04 pm

Mimóza wrote:Oh, you finally finished it! Brill job, I really like it!
And it's so nice of you to share it with the public. I'm sure many people will use it!

ps. Thanks for the mention, although I didn't really deserve it. I feel honoured!

Well without your help the colors would really hurt the eyes XD

Genesis wrote:Amazing theme! Well done to all who participated in creating this wonderful theme!

Thank you! Glad you liked it!

by Rhino.Freak May 15th 2016, 7:45 pm

Just a heads up, there were a few bugs here and there and unfinished style at places.
I am currently polishing it and will release the theme version 1.1 very soon that will be bug free and better optimized Smile

by Take Notes May 15th 2016, 7:48 pm

Thanks for the heads up Rhino. I'm sure it will be great.

by **BlackScorpion** May 16th 2016, 12:36 am

Yes thanks for the update. Let me know when it's update so i can update the theme in my test forum.

by TheDodgerrr May 16th 2016, 12:47 am

I like this! Although, I wish it wasn't as dark. Would look nice lighter, too.

by Rhino.Freak May 16th 2016, 7:11 am

@TheDodgerrr There will be a light version of the theme as well. Haven't decided what I will call it though, let's see Razz

@BlackScorpion Surely I will post here.

by Poser May 16th 2016, 8:53 am

Mind if you create a blue version of this? This looks perfect. <3

by Rhino.Freak May 16th 2016, 11:21 am

There's a blue one requested by BlackScorpion. It's in progress right now. You can check it out here:
http://freetest.forumotion.net/

by TheDodgerrr May 16th 2016, 2:28 pm

Rhino.Freak wrote:There's a blue one requested by BlackScorpion. It's in progress right now. You can check it out here:
http://freetest.forumotion.net/

I like the blue one more. Great work, Rhino.

by **BlackScorpion** May 16th 2016, 3:12 pm

Yes he 's doing a very nice job on it.

by Rhino.Freak May 16th 2016, 5:28 pm

Thanks people! Smile

Also I forgot to style the chatbox (shoutout to @Genesis for making me realize it Razz

)
Finally got around to style it in.
Cosmic Sleek RED v1.1 - Phpbb3 DFImmgr

Also fixed some more things like:
- Styled attachment box
- background color error in search and actions popups
- missing private message links (inbox, sentbox, outbox, etc)
- other mini things
- also provided a test account to test more areas
- made some topics that showcase all bbcodes and stuff.

Known issues yet to be fixed:
- styling the statistics page
- styling the calender page
- fixing the quote styles

checkout here: http://livedemo.forumotion.info

I think I will have the update ready very shortly, but I'll just wait a bit more in case there are more bugs. (cough updating a theme is a headache on hitskin cough)

by Rhino.Freak May 19th 2016, 6:16 pm

Fixed the quotes style with different colors upto 5 blocks nested together.
Cosmic Sleek RED v1.1 - Phpbb3 Flibhh6

Yet to fix:

Statistics Page
Calendar Page

V1.1 Coming soon!

by **BlackScorpion** May 20th 2016, 1:08 am

It's looking good! thumleft

by **skouliki** May 20th 2016, 2:28 am

Very nice job

by Rhino.Freak May 21st 2016, 9:57 am

Thanks y'all! I have finished all that was left (and I am confident about that)!
Now all there's left is to update the theme, for which I have requested pro admin to remove the theme from hitskin so that I can resubmit the updated one. Smile

Meanwhile I would really appreciate if you guys can come over at http://livedemo.forumotion.info/
and try to find if anything is out of place so I can fix it Very Happy

by **Ape** May 21st 2016, 11:49 am

You will have to PM @Leviosa Monday to ask her to remove your skin giving her the name on the account and the link to the right theme you want removed.
you may also need to give her your Email address so she can see its your account i don't know.

by **BlackScorpion** May 21st 2016, 8:09 pm

From what i can see , it looks good.

by Rhino.Freak May 24th 2016, 12:40 pm

APE wrote:You will have to PM @Leviosa Monday to ask her to remove your skin giving her the name on the account and the link to the right theme you want removed.
you may also need to give her your Email address so she can see its your account i don't know.

Hello I did PM her with all the details but I guess she didn't see it yet. If possible will you convey the message to her?
Thanks!

by Rhino.Freak May 26th 2016, 1:07 pm

I didn't want to delay further because of my upcoming busy schedule so I have uploaded the .bbtheme files for the new version Smile

it's not on hitskin but you can check the live demo on http://livedemo.forumotion.info/
and download the .bbtheme from the main post!

Hope you guys like it Smile

and more color variations soon to come!

by **BlackScorpion** May 27th 2016, 1:50 am

I haven't been thru it thoroughly but it does look goods far. Very good

by Pendo August 14th 2016, 9:09 am

I absolutely love this theme! It's fairly easy to modify to taste, as well. I love the native animations though!

by Rhino.Freak August 15th 2016, 2:09 pm

Thanks @Pendo! I'm glad you enjoy Smile

by Pendo August 15th 2016, 3:47 pm

Rhino.Freak wrote:Thanks @Pendo! I'm glad you enjoy

It's been a while since anyone's posted a real quality theme here. I figured part of it might be a lack of support lol. Everyone likes to know what they created is being enjoyed, that's most of the fun in GFX. Razz

by Rhino.Freak November 15th 2016, 5:01 pm

Quick shoutout to the people who are using the theme!

- Are there any bugs and issues? Something requires updating?
- Would you guys want the mobile version theme for this as well?

looking forward to seeing some responses.

Cosmic Sleek RED v1.1 - Phpbb3