Latest topics
» [GAME] Count to 999 using odd numbers Van-Helsing Edition
by Van-Helsing Yesterday at 16:03

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Van-Helsing Yesterday at 16:03

» [GAME] Count to One Million!
by Van-Helsing Yesterday at 16:02

» [GAME] Count to 30 - Ange Edition
by Van-Helsing Yesterday at 16:01

» Is there any new update for ForumActif Edge?
by Van-Helsing Yesterday at 16:01

» Add a login popup for the toolbar
by Ape Sun 24 Sep 2017, 17:26

» [GAME] Post a random picture
by SLGray Fri 22 Sep 2017, 19:23

» Topic'It
by Ange Tuteur Fri 22 Sep 2017, 10:06

» Topic'It
by SLGray Thu 21 Sep 2017, 15:52

» FM Themes
by SLGray Thu 21 Sep 2017, 15:51

» User - Made Creations
by SLGray Thu 21 Sep 2017, 15:50

» IconSkouliki
by skouliki Sun 17 Sep 2017, 11:05

» Awards
by Mr_Grande Sun 17 Sep 2017, 08:52

» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Fri 15 Sep 2017, 14:56

» Display a preview of the user profile on hover
by Eiki Thu 14 Sep 2017, 02:38

Recent Tutorials
Who is online?
In total there are 7 users online :: 1 Registered, 0 Hidden and 6 Guests :: 2 Bots

Eslam Love

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

[THEME] Cosmic Sleek RED v1.1 - Phpbb3

Page 3 of 3 Previous  1, 2, 3

View previous topic View next topic Go down

avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1853
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://tokyoghoular.foruns.com.pt/

PostRhino.Freak on 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.


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 Thu 26 May 2016, 07:32; edited 5 times in total

avatar
Pantone

Title :
Gender : Female
Age : 24
Posts : 490
Points : 1040
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://canvasforums.com https://twitter.com/@HaeDoesGraphics https://pinterest.com/HaeDoesGraphics

PostPantone on Fri 26 Aug 2016, 13:01

I was looking at the test and was talking with Val about the nice navigation and the footer links.

Just here to like the theme.

--------

I'm gonna make a super-sonic man outta' you.
avatar
Guest
Guest
View all awards

PostGuest on Fri 26 Aug 2016, 13:03

Oh right. Link to your site pls. I really love to see this and how you like the theme.
avatar
Pantone

Title :
Gender : Female
Age : 24
Posts : 490
Points : 1040
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://canvasforums.com https://twitter.com/@HaeDoesGraphics https://pinterest.com/HaeDoesGraphics

PostPantone on Fri 26 Aug 2016, 13:04

I'm feeling attacked. Please stop being aggressive.
@Rhino.Freak - this is a great theme, sorry for the thread spam.
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Fri 26 Aug 2016, 13:05

@Samantha I don't see how commenting on a theme that one likes is considered Spam. But okay c:

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Guest
Guest
View all awards

PostGuest on Fri 26 Aug 2016, 13:06

HaeDoesGraphics wrote:I'm feeling attacked. Please stop being aggressive.
@Rhino.Freak - this is a great theme, sorry for the thread spam.

Attacked? How can that be? I merely asked to bring on some proof here. Don't you understand? I love the theme, I just wanna make sure it 'll look good on your (test-)site!
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Fri 26 Aug 2016, 13:08

We didn't use a test site. We used the test forum provided by @Rhino.Freak in his first post.

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Guest
Guest
View all awards

PostGuest on Fri 26 Aug 2016, 13:09

Well I don't see any reported issues with that. So how was the test?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4688
Points : 9738
Reputation : 2332
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 26 Aug 2016, 13:10

@Samantha she was merely saying that she liked the theme ; a compliment to the author. It doesn't mean that she installed it on any forum yet.
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Fri 26 Aug 2016, 13:11

Considering Hae posted that she liked the navigation bar and footer links, I'd say it was pretty good? Everything worked perfectly fine on my end.

@Rhino.Freak the nested quotes also look really cool~! c:

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Guest
Guest
View all awards

PostGuest on Fri 26 Aug 2016, 13:11

Oh right! I didn't get that. Blonde yk. haha! xD

Well it's a good thing @Rhino.Freak likes your theme and he had the girls testing it! Smile
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1853
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://tokyoghoular.foruns.com.pt/

PostRhino.Freak on Fri 26 Aug 2016, 13:39

whoa this took a turn!

In order to avoid some confusion, let me just state this:

1. I appreciate all kinds of feedback to the theme, negative or positive. After all, this is my first theme and it is in no way perfect so I do wanna listen to all kinds of feedback.
2. If there's any problem with installation or you think something is wrong with the demo site, post so and clearly mention that (including a screenshot, if necessary).

@HaeDoesGraphics and @Valoish I'm glad you guys liked the theme! Yeah I too find the nested quotes nice XD
avatar
Pantone

Title :
Gender : Female
Age : 24
Posts : 490
Points : 1040
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://canvasforums.com https://twitter.com/@HaeDoesGraphics https://pinterest.com/HaeDoesGraphics

PostPantone on Fri 26 Aug 2016, 13:43

@Rhino.Freak - you should make more! (If you have the time that is)
My end of web design is the design part, rather than the coding, and your theme
kind of inspired me to get my hands on my Pinterest board for web design and
work with @Valoish to enhance our forum design at Canvas. ^^

--------

I'm gonna make a super-sonic man outta' you.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1853
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://tokyoghoular.foruns.com.pt/

PostRhino.Freak on Fri 26 Aug 2016, 13:45

I do wish to make more in future, currently my hands are slipping trying to hold so many things I am doing right now including college work XD
But yeah, this does motivate me to make more! Very Happy
Good luck with your project!
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Fri 26 Aug 2016, 13:48

COLLEGE.
OML. PLS. Let's not even get into the topic of college.
I just started (second day of Junior year) and I'm like kjhakdjf ; A;

I wish I had more free time to work on forums.. Finding FMD got me super motivated to re-vamp Canvas Forums during my last month of summer break and there's still so much I wanna do but.. COLLEGEEEE Ban hammer

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
bote
New Member
Title :
Gender : Unspecified
Posts : 2
Points : 732
Reputation : 0
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postbote on Tue 22 Nov 2016, 20:44

@Rhino.Freak I dunno if this was solved earlier in this thread, but I was wondering how I could change the PM icon so that it would be different if there was a new pm.
avatar
Mr_Grande

Title :
New Coder
Gender : Unspecified
Age : 19
Posts : 37
Points : 284
Reputation : 6
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Invision
Awards :
View all awards
View user profile

PostMr_Grande on Tue 21 Mar 2017, 12:39

looks great I will use this theme when i get home Smile. But as the user said before can u make it blue thanks anyway.
avatar
Mr_Grande

Title :
New Coder
Gender : Unspecified
Age : 19
Posts : 37
Points : 284
Reputation : 6
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Invision
Awards :
View all awards
View user profile

PostMr_Grande on Mon 28 Aug 2017, 10:16

Hey can you make it something similar to this theme http://forum.popjustice.com/

Page 3 of 3 Previous  1, 2, 3

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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