The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Cosmic Sleek RED v1.1 - Phpbb3

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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.


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


Last edited by Rhino.Freak on May 26th 2016, 1:05 pm; edited 2 times in total
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on May 4th 2016, 3:22 am

Love this theme. Great job on it.
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

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

Thanks BlackScorpion! Smile I appreciate your words!
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by omarpop23 on May 4th 2016, 11:04 am

beautiful Theme
avatar
omarpop23
Forumember

Male Posts : 161
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

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

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


ps. Thanks for the mention, although I didn't really deserve it. I feel honoured! 
avatar
Mimóza
Forumember

Female Posts : 608
Reputation : 256
Language : Hungarian, English
Location : Hungary

http://dianagyms.deviantart.com/gallery/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Vanityy on May 4th 2016, 1:37 pm

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

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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! Very Happy


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!
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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


Last edited by Rhino.Freak on May 15th 2016, 8:19 pm; edited 1 time in total
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Vanityy on May 15th 2016, 7:48 pm

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

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on 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.
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by TheDodgerrr on May 16th 2016, 12:47 am

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

Male Posts : 7
Reputation : 2
Language : English
Location : England

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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.
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Poser on May 16th 2016, 8:53 am

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

Male Posts : 391
Reputation : 40
Language : English and Filipino
Location : Whale Island

http://www.bowtieblogs.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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/
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by TheDodgerrr on 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.
avatar
TheDodgerrr
New Member

Male Posts : 7
Reputation : 2
Language : English
Location : England

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on May 16th 2016, 3:12 pm

Yes he 's doing a very nice job on it.
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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.

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)
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

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

Fixed the quotes style with different colors upto 5 blocks nested together.


Yet to fix:
  • Statistics Page
  • Calendar Page


V1.1 Coming soon!
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on May 20th 2016, 1:08 am

It's looking good! thumleft
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by skouliki on May 20th 2016, 2:28 am

thumleft Very nice job
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 2996
Reputation : 466
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by APE on 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.



avatar
APE
Manager
Manager

Male Posts : 10815
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on May 21st 2016, 8:09 pm

From what i can see , it looks good.
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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!
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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!
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by BlackScorpion on May 27th 2016, 1:50 am

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

Male Posts : 5278
Reputation : 736
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Pendo on 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!

Pendo
Forumember

Male Posts : 200
Reputation : 13
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

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

Thanks @Pendo! I'm glad you enjoy Smile
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Pendo on August 15th 2016, 3:47 pm

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

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

Pendo
Forumember

Male Posts : 200
Reputation : 13
Language : English | CSS | HTML | BBCode | C++ | Javascript
Location : Alabama, USA

http://sg-rpg.forumotion.com/

Back to top Go down

Re: Cosmic Sleek RED v1.1 - Phpbb3

Post by Rhino.Freak on 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.
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum