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
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
Top Achievers
Who is online?
In total there are 79 users online :: 0 Registered, 0 Hidden and 79 Guests :: 2 Bots
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
[THEME] Cosmic Sleek RED v1.1 - Phpbb3
Page 3 of 3 • Share
Page 3 of 3 • 1, 2, 3
First topic message reminder :
Even though screenshots don't do justice to the slick animations and transitions hidden all around the theme, here are few basic ones
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
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
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 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
- Screenshots:
Installation:
Step 1: Import the skinDownload 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.
- index_body replaced with http://pastebin.com/raw/Wb0BF38u
- index_box replaced with http://pastebin.com/raw/VApT1yLD
- overall_footer_end replaced with http://pastebin.com/raw/ADZcCpZi
- overall_header replaced with http://pastebin.com/raw/1RxGEWNt
- viewforum_body replaced with http://pastebin.com/raw/euzQhvY5
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);
});
- To get AJAX Subscribe/Unsubscribe button next to Topic Title:
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
Last edited by Rhino.Freak on Thu 26 May 2016, 07:32; edited 5 times in total
- GuestGuest
Oh right. Link to your site pls. I really love to see this and how you like the theme.
I'm feeling attacked. Please stop being aggressive.
@Rhino.Freak - this is a great theme, sorry for the thread spam.
@Rhino.Freak - this is a great theme, sorry for the thread spam.
- GuestGuest
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!
- GuestGuest
Well I don't see any reported issues with that. So how was the test?
@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.
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:
@Rhino.Freak the nested quotes also look really cool~! c:
- GuestGuest
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!
Well it's a good thing @Rhino.Freak likes your theme and he had the girls testing it!
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
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
@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. ^^
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 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!
Good luck with your project!
But yeah, this does motivate me to make more!
Good luck with your project!
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
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
- boteNew Member
- Gender :
Posts : 2
Points : 3347
Reputation : 0
Language : English
Browser : Forum Version :
@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.
- Mr_Grande
- Gender :
Age : 26
Posts : 42
Points : 2899
Reputation : 9
Language : English
Browser : Forum Version :
looks great I will use this theme when i get home . But as the user said before can u make it blue thanks anyway.
- Mr_Grande
- Gender :
Age : 26
Posts : 42
Points : 2899
Reputation : 9
Language : English
Browser : Forum Version :
Hey can you make it something similar to this theme http://forum.popjustice.com/
- Sponsored content
Page 3 of 3 • 1, 2, 3
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 3 of 3
Permissions in this forum:
You cannot reply to topics in this forum