IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Apr 2018, 11:43

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

» Numbering of messages in the topic
by SLGray Mon 04 Dec 2017, 22:40

Recent Tutorials
Top posting users this month
Who is online?
In total there are 12 users online :: 1 Registered, 0 Hidden and 11 Guests :: 1 Bot

amghidh

[ 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

Gender : Male
Age : 21
Posts : 275
Points : 2095
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
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 : 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

Gender : Female
Age : 25
Posts : 490
Points : 1282
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
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

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

Gender : Female
Age : 25
Posts : 490
Points : 1282
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
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
Gender : Female
Age : 21
Posts : 3669
Points : 4984
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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

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
Gender : Female
Age : 21
Posts : 3669
Points : 4984
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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

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
Gender : Male
Age : 22
Posts : 4730
Points : 9817
Reputation : 2365
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
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.

--------

Ange Tuteur
Tips and TricksContact Me

avatar
Valoish
Graphic Designer
Gender : Female
Age : 21
Posts : 3669
Points : 4984
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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

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

Gender : Male
Age : 21
Posts : 275
Points : 2095
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
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

Gender : Female
Age : 25
Posts : 490
Points : 1282
Reputation : 59
Location : Indianapolis - IN
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
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

Gender : Male
Age : 21
Posts : 275
Points : 2095
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
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
Gender : Female
Age : 21
Posts : 3669
Points : 4984
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Gender : Unspecified
Posts : 2
Points : 974
Reputation : 0
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
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

Gender : Unspecified
Age : 19
Posts : 42
Points : 526
Reputation : 9
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Invision
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

Gender : Unspecified
Age : 19
Posts : 42
Points : 526
Reputation : 9
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Invision
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/
Sponsored content

PostSponsored content

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