Latest topics
» Hello everyone this is Adam from France
by Milouze14 Today at 09:49

» Auto-suggest @mentions as You Type
by T.C. Tue 21 Nov 2017, 12:36

» Personal Rank Titles
by T.C. Tue 21 Nov 2017, 12:04

» FM Themes
by SLGray Tue 21 Nov 2017, 01:08

» User - Made Creations
by SLGray Tue 21 Nov 2017, 01:07

» Search box only visible on hover
by SLGray Tue 21 Nov 2017, 00:58

» Browsers & Updates
by SLGray Tue 21 Nov 2017, 00:56

» Change newposts/no new posts/ locked icons
by T.C. Mon 20 Nov 2017, 19:52

» [HELP] About Profile Cover Code
by MaHwOs Sun 19 Nov 2017, 18:54

» bloquer un membre
by berlingo Fri 17 Nov 2017, 18:19

» IconSkouliki Graphics
by skouliki Fri 17 Nov 2017, 03:54

» [IN PROGRESS] Can this code work on pun version
by skouliki Thu 16 Nov 2017, 03:50

» [TUTORIAL] [ALL VERSIONS] Warning before posting
by demon99 Wed 15 Nov 2017, 08:12

» About Add Reply & New Topic button (popup form)
by omarpop23 Mon 13 Nov 2017, 20:31

» Add a login popup for the toolbar
by Ape Sun 12 Nov 2017, 18:41

Recent Tutorials
Top posting users this month
Who is online?
In total there are 8 users online :: 1 Registered, 0 Hidden and 7 Guests :: 2 Bots

Van-Helsing

[ 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 1 of 3 1, 2, 3  Next

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 : 1912
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

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
Guest
Guest
View all awards

PostGuest on Sun 01 May 2016, 05:15

Just checked it out and it's sleek and cool!
Hope you could develop it in blue. Nonetheless, it's so nice!
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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, 05:19

Poser wrote:Just checked it out and it's sleek and cool!
Hope you could develop it in blue. Nonetheless, it's so nice!

Hi! I'm glad you like it Very Happy Can you be exact with what colors you need?
Right now the primary colors are RED and BLUE. If you can give me exact colors I can probably change the design for you Smile
avatar
Guest
Guest
View all awards

PostGuest on Sun 01 May 2016, 05:29

For my liking, it'd be #1fccff and all other colors that will complement it. (You know, I like blue. Laughing )
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9590
Reputation : 2341
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 Mon 02 May 2016, 07:01

It's looking good, nice work ! Very good


One thing I noticed is the password field isn't styled on registration step 2 :
http://freetest.forumotion.net/register?agreed=true&step=2
avatar
Wilson

Title : Did I mentioned I like banana? Gender : Unspecified
Age : 31
Posts : 868
Points : 2266
Reputation : 124
Language : Filipino and Engrish
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://generalaxis.forums.com.bz/

PostWilson on Mon 02 May 2016, 07:43

A bit too much imo.


Last edited by Wilson on Thu 26 May 2016, 23:44; edited 1 time in total

--------

A banana a banana does not banana doctor banana. -Poetic
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Mon 02 May 2016, 10:34

@Ange Tuteur wrote:It's looking good, nice work ! Very good


One thing I noticed is the password field isn't styled on registration step 2 :
http://freetest.forumotion.net/register?agreed=true&step=2

THANKS Very Happy
Just fixed it.
avatar
skouliki

Title :
Gender : Female
Posts : 374
Points : 1345
Reputation : 168
Language : english,greek
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://iconskouliki.forumgreek.com https://www.facebook.com/iconskouliki https://twitter.com/iconskouliki

Postskouliki on Mon 02 May 2016, 12:06

nice work !

--------

avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Tue 03 May 2016, 04:40

Looks like I have squashed all remaining bugs and polished every little corner.
If you can see anything off PLEASE tell me Very Happy

I think it's about time I should prep to release this!

@Ange Tuteur there are some mandatory JavaScripts for this style, do you think I should add those in the template or is it not a good practice?
avatar
BlackScorpion
Valued Member
Title :
Scorpion King
Gender : Male
Posts : 1164
Points : 2641
Reputation : 94
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion on Tue 03 May 2016, 09:37

Nice Theme, will you be posting it up for the public?

--------

Respect is earned, loyalty returned.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9590
Reputation : 2341
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 Tue 03 May 2016, 11:04

@Rhino.Freak wrote:Looks like I have squashed all remaining bugs and polished every little corner.
If you can see anything off PLEASE tell me Very Happy

I think it's about time I should prep to release this!

@Ange Tuteur there are some mandatory JavaScripts for this style, do you think I should add those in the template or is it not a good practice?
If it's for one specific template then it should be fine. Otherwise if it's for multiple templates I'd place it in JS codes management. Wink
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Tue 03 May 2016, 11:13

@BlackScorpion wrote:Nice Theme, will you be posting it up for the public?

Yes! That's the point of this topic.

@Ange Tuteur alright I'll use the JS then.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Tue 03 May 2016, 12:52

Hey everyone! The theme is now ready and available for everyone! Very Happy
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9590
Reputation : 2341
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 Wed 04 May 2016, 11:29

A job well done, it looks amazing ! KIU Very good
avatar
BlackScorpion
Valued Member
Title :
Scorpion King
Gender : Male
Posts : 1164
Points : 2641
Reputation : 94
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion on Wed 04 May 2016, 15:44

Great job Rhino, now can you make me a blue and grey one? Razz


--------

Respect is earned, loyalty returned.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Wed 04 May 2016, 23:14

@BlackScorpion wrote:Great job Rhino, now can you make me a blue and grey one? Razz

Sure, tell me the exact color coded you want.
And blue being primary? Currently in this theme, RED is primary.
avatar
BlackScorpion
Valued Member
Title :
Scorpion King
Gender : Male
Posts : 1164
Points : 2641
Reputation : 94
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion on Fri 06 May 2016, 21:40

@Rhino.Freak wrote:
@BlackScorpion wrote:Great job Rhino, now can you make me a blue and grey one? Razz

Sure, tell me the exact color coded you want.
And blue being primary? Currently in this theme, RED is primary.

Since you asked lol!



--------

Respect is earned, loyalty returned.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Thu 12 May 2016, 03:35

Haven't forgotten about your request. But my exams have started and I will be free after a month.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Sat 14 May 2016, 07:10

Check this out:
http://freetest.forumotion.net/

Quickly just replaced the colors inside the css, you can see how it is right now. Only need to change the images Smile

P.S I changed e1e1e1 to c1c1c1 color as it was too bright and was causing issues where the text color was white on top of it.

please confirm the colors and make sure you have made your mind about them because making the images is a long work. Mr. Green
avatar
Van-Helsing

Title :
Coding Expert.
I.T Manager.
Web Developer.
Gender : Male
Age : 43
Posts : 846
Points : 2474
Reputation : 78
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://itexperts.forumgreek.com/

PostVan-Helsing on Sun 15 May 2016, 07:13

Very beutifull skin, it is clean, flat and clear skin. I like it. 10/10.

--------

avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 15 May 2016, 09:14

Thanks! Glad you liked it Smile
I would also like to inform you guys that there were a few bugs and one big thing I forgot to style chat box).
I'll be updating the theme very shortly Smile stay tuned!
avatar
BlackScorpion
Valued Member
Title :
Scorpion King
Gender : Male
Posts : 1164
Points : 2641
Reputation : 94
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion on Sun 15 May 2016, 17:41

@Rhino.Freak wrote:Check this out:
http://freetest.forumotion.net/

Quickly just replaced the colors inside the css, you can see how it is right now. Only need to change the images Smile

P.S I changed e1e1e1 to c1c1c1 color as it was too bright and was causing issues where the text color was white on top of it.

please confirm the colors and make sure you have made your mind about them because making the images is a long work. Mr. Green

That looks great, with just the minor changes you made. Although my preference would be with the lighter blue, surrounding this circle. Visually seeing it makes a big difference. No rush when you get time work on it, if you want.



--------

Respect is earned, loyalty returned.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Mon 16 May 2016, 01:15

Can you give me hex code for a lighter blue?
avatar
BlackScorpion
Valued Member
Title :
Scorpion King
Gender : Male
Posts : 1164
Points : 2641
Reputation : 94
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion on Mon 16 May 2016, 23:40

@Rhino.Freak wrote:Can you give me hex code for a lighter blue?

I think it's this one,



it the one your using currently on the theme for the topic titles.





--------

Respect is earned, loyalty returned.
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1912
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 Mon 16 May 2016, 23:47

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.

Page 1 of 3 1, 2, 3  Next

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