[THEME] Cosmic Sleek RED v1.1 - Phpbb3

Rhino.Freak · Rhino.Freak Sun 01 May 2016, 01:04

First topic message reminder :

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

**BlackScorpion** · **BlackScorpion** Wed 18 May 2016, 08:23

Rhino.Freak wrote:So you want to use that color instead of the current blue everywhere or just you want that color in the forum icons (no new unread one basically)?
Just a final confirmation.

Use that color instead, i think it looks sharper with it.

Rhino.Freak · Rhino.Freak Thu 19 May 2016, 12:17

Working on V1.1 with fixed bugs and stuff.

- Fixed the quotes style with different colors upto 5 blocks nested together.
phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 - Page 2 Flibhh6

phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 - Page 2 Flibhh6

Yet to fix:

Statistics Page
Calendar Page

Checkout here: http://livedemo.forumotion.info/
V1.1 Coming soon!

@BlackScorpion coming soon with images and stuff! Smile

Are you sure about the grey as secondary color? I think it's a bit dull but I leave it to you.
For now, here it is: http://freetest.forumotion.net/

**BlackScorpion** · **BlackScorpion** Thu 19 May 2016, 19:17

Rhino.Freak wrote:
V1.1 Coming soon!

@BlackScorpion coming soon with images and stuff!
Are you sure about the grey as secondary color? I think it's a bit dull but I leave it to you.
For now, here it is: http://freetest.forumotion.net/

That is exactly what i'm looking for , the forum looks gratin them colors!

Rhino.Freak · Rhino.Freak Sat 21 May 2016, 04:33

Okay everyone, the bug-fixed and updated theme is coming here very very soon.
I have already requested to get my skin removed from hitskin so I can resubmit this new and updated one.

http://livedemo.forumotion.info/ is where its at! Check it out and lemme know if you find anything buggy looking!

**BlackScorpion** · **BlackScorpion** Sat 21 May 2016, 14:34

Updated theme looks good. Yes

Rhino.Freak · Rhino.Freak Thu 26 May 2016, 07:17

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

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

and more color variations soon to come!

@BlackScorpion updated the http://freetest.forumotion.net/ to latest version as well. Also I really want you to reconsider the #c1c1c1 grey color to something else :p

**JerriLeah7** · **JerriLeah7** Thu 26 May 2016, 14:35

It is a very beautiful and simplified theme. You've done such a great job.

Rhino.Freak · Rhino.Freak Thu 26 May 2016, 14:39

Thanks Leah Very Happy

I'm glad you think so!

**BlackScorpion** · **BlackScorpion** Thu 26 May 2016, 21:00

Rhino.Freak wrote:

@BlackScorpion updated the http://freetest.forumotion.net/ to latest version as well. Also I really want you to reconsider the #c1c1c1 grey color to something else :p

@Rhino.Freak the current colors work well, you can leave it as is.

Rhino.Freak · Rhino.Freak Fri 27 May 2016, 14:55

Alright so images are the only things left.
Let me confirm the colors of them one last time

Spoiler:

Please quote and reply if you want these in different color.

**BlackScorpion** · **BlackScorpion** Sat 28 May 2016, 00:30

Rhino.Freak wrote:Alright so images are the only things left.
Let me confirm the colors of them one last time
Spoiler:
Please quote and reply if you want these in different color.

The images i can take care of.

**Gin NeOs** · **Gin NeOs** Sat 23 Jul 2016, 07:27

hi bro
that's a hell of a great theme r8 there
i already tried to install that
but////
it's kinda missing somethings from the live demo 0.0
the footer statistics and links
i guess the template itself is missing or something
or there'll be a new update to this theme soon ?>
also the category to the left isn't workin' on the installed version i have now
but it's fine in the live demo
so any new update will be available soon ?

**Gin NeOs** · **Gin NeOs** Sat 23 Jul 2016, 09:09

Gin NeOs wrote:hi bro
that's a hell of a great theme r8 there
i already tried to install that
but////
it's kinda missing somethings from the live demo 0.0
the footer statistics and links
i guess the template itself is missing or something
or there'll be a new update to this theme soon ?>
also the category to the left isn't workin' on the installed version i have now
but it's fine in the live demo
so any new update will be available soon ?

sorry for double posting but
i noticed why these aren't working on my site
i made my forum on ahlamontada
the Arabic version of forumotion
so i noticed that it's not working there no statistics appeared or categories
so i made a new forum on Forumotion
and it worked very fine
so........
any solution here for this problem ?
PS : when i try to preview the template before publishing them
it shows fine o.o but when i publish them they just dunn appear.
@Ange Tuteur
@Rhino.Freak

**Forumedic** · **Forumedic** Sat 23 Jul 2016, 10:42

Hey there!

Make sure you check step 2 and copy the templates and paste them in the correct templates.

Rhino.Freak · Rhino.Freak Tue 26 Jul 2016, 06:51

As Forumedic stated, you're missing out on template edits.
Do that and you'll be fine Very Happy

Glad you liked the theme Smile

**Gin NeOs** · **Gin NeOs** Tue 26 Jul 2016, 07:30

Forumedic wrote:Hey there!

Make sure you check step 2 and copy the templates and paste them in the correct templates.

Rhino.Freak wrote:As Forumedic stated, you're missing out on template edits.
Do that and you'll be fine

Glad you liked the theme

OMG template editing was just turned off xDD Toothless

ty again
GR* theme Very Happy

**Michael_vx** · **Michael_vx** Fri 05 Aug 2016, 23:11

great work my friend
i wonder if translating theme to Arabic will be hard as creating the theme Very Happy

but ill give it a shot

Jazeon · Jazeon Thu 25 Aug 2016, 10:16

Why does it look bugged out? Or like the CSS isn't working phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 - Page 2 1f60f

Rhino.Freak · Rhino.Freak Thu 25 Aug 2016, 22:42

Can you give a link to your forum?
It's likely because you didn't do the template changes as stated in the first post.

Jazeon · Jazeon Fri 26 Aug 2016, 11:39

Rhino.Freak wrote:Can you give a link to your forum?
It's likely because you didn't do the template changes as stated in the first post.

I didn't apply it on my forum, I basically just checked the preview of it.

Guest · Guest Fri 26 Aug 2016, 12:20

Jazeon wrote:
Rhino.Freak wrote:Can you give a link to your forum?
It's likely because you didn't do the template changes as stated in the first post.

I didn't apply it on my forum, I basically just checked the preview of it.

@Jazeon: Stop your negativity. You're still new here and you've got to earn your stripes. You don't even have a true FM site with loads of audience, so how can you tell, huh?

@Rhino.Freak offered his help, so either take it or leave it. I'm really not convinced yet if you just wanna do some blah blah on this forum or if you're true.

Rhino.Freak · Rhino.Freak Fri 26 Aug 2016, 12:52

@Samantha I appreciate your concern but it may be possible this is merely miscommunication.

Perhaps @Jazeon did indeed find some bug or that the forum looks unnatural. Can I get a screenshot of what you see? I just checked my Live Demo site, and it seems to work just fine.

**Pantone** · **Pantone** Fri 26 Aug 2016, 12:54

Really liking this theme! Very Happy

Great work!

Guest · Guest Fri 26 Aug 2016, 12:55

Rhino.Freak wrote:@Samantha I appreciate your concern but it may be possible this is merely miscommunication.

Perhaps @Jazeon did indeed find some bug or that the forum looks unnatural. Can I get a screenshot of what you see? I just checked my Live Demo site, and it seems to work just fine.

@Rhino.Freak: If there would have been a bug ppl would have found it long loooong ago.

Guest · Guest Fri 26 Aug 2016, 12:57

HaeDoesGraphics wrote:Really liking this theme!
Great work!

yeah? Are you just here to Spam

and protect Valoish or what. Let me see. Gimme a link to that forum of yours where you tried it out.

Sponsored content · Sponsored content

IMPORTANT

[THEME] Cosmic Sleek RED v1.1 - Phpbb3