FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

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

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» 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

Recent Tutorials
Top posting users this month

Who is online?
In total there are 24 users online :: 0 Registered, 0 Hidden and 24 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

[THEME] Cosmic Sleek RED v1.1 - Phpbb3

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Go down

Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

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

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
Anonymous
Guest
Guest

PostGuest 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!
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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
Anonymous
Guest
Guest

PostGuest 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 )
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur 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
Wilson
Wilson

Gender : Unspecified
Age : 37
Posts : 868
Points : 4582
Reputation : 124
Language : Filipino and Engrish
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://generalaxis.forums.com.bz/

PostWilson 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
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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.
skouliki
skouliki

Gender : Female
Posts : 376
Points : 3678
Reputation : 173
Language : english,greek
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
http://iconskouliki.forumgreek.com https://www.facebook.com/iconskouliki https://twitter.com/iconskouliki

Postskouliki Mon 02 May 2016, 12:06

nice work !
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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?
BlackScorpion
BlackScorpion
Valued Member
Gender : Male
Posts : 1165
Points : 4960
Reputation : 96
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion Tue 03 May 2016, 09:37

Nice Theme, will you be posting it up for the public?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur 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
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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.
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Tue 03 May 2016, 12:52

Hey everyone! The theme is now ready and available for everyone! Very Happy
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 04 May 2016, 11:29

A job well done, it looks amazing ! KIU Very good
BlackScorpion
BlackScorpion
Valued Member
Gender : Male
Posts : 1165
Points : 4960
Reputation : 96
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion Wed 04 May 2016, 15:44

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

Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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.
BlackScorpion
BlackScorpion
Valued Member
Gender : Male
Posts : 1165
Points : 4960
Reputation : 96
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion 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!
phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 Screen44
phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 Screen46
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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.
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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
Van-Helsing
Van-Helsing

Gender : Male
Age : 49
Posts : 853
Points : 4803
Reputation : 84
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
http://itexperts.forumgreek.com/

PostVan-Helsing Sun 15 May 2016, 07:13

Very beutifull skin, it is clean, flat and clear skin. I like it. 10/10.
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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!
BlackScorpion
BlackScorpion
Valued Member
Gender : Male
Posts : 1165
Points : 4960
Reputation : 96
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion 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.

phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 Unknow10
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Mon 16 May 2016, 01:15

Can you give me hex code for a lighter blue?
BlackScorpion
BlackScorpion
Valued Member
Gender : Male
Posts : 1165
Points : 4960
Reputation : 96
Location : USA
Language : english
Browser : Browser : Google Chrome Forum Version : Forum Version : Other
http://themechanger.forumotion.com https://pinterest.com/blkscorpion2

PostBlackScorpion 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,
phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 Screen57


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

phpBB3 - [THEME] Cosmic Sleek RED v1.1 - Phpbb3 Screen55


Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak 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.
Sponsored content

PostSponsored content

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