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 10 users online :: 0 Registered, 0 Hidden and 10 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
LIKE system for the new mobile version
Page 1 of 1 • Share
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser :
Forum Version : 
TroyEccles Sat 20 Aug 2016, 01:47
Hi again.
phpBB3
www.bellsareringing.forumotion.com
I have a LIKE/REPUTATION system for my forum that I love.
Is there a way to implement it into the new mobile version like the one in this forum below...
phpBB3
www.bellsareringing.forumotion.com
I have a LIKE/REPUTATION system for my forum that I love.
Is there a way to implement it into the new mobile version like the one in this forum below...
- Ange Tuteur
Administrator - Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser :
Forum Version : 
-
Ange Tuteur Sat 20 Aug 2016, 05:45
Hi @TroyEccles,
It depends, what script are you using for the like system. Could you post it here for me to look over ?
It depends, what script are you using for the like system. Could you post it here for me to look over ?
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Sat 20 Aug 2016, 06:01
Like Function:
Like Count:
- Code:
$(function() {
var voteImage = 'http://i39.servimg.com/u/f39/18/78/19/68/tbar_v10.png';
$('.vote').each(function() {
if ($(this).find('.vote-bar').length) { var VCount = $(this).find('.vote-bar').attr('title').replace(/.*\((\d+).*\)/,'$1') }
if (VCount == '1') { var vote = ' vote' }
else { var vote = ' votes' }
var VPlus = $(this).find('.vote-button:first a').addClass('VPlus').attr('title', 'Vote up').html('<img src="'+voteImage+'" alt="+"/>');
$(this).closest('.postbody').find('.profile-icons').append(VPlus);
$(this).closest('.postbody:has(.vote-bar)').find('.profile-icons').append('<span class="VCount" title="'+VCount+vote+'">'+VCount+'</span>');
$(this).remove();
});
$('.VPlus').click(function(){
var t = this, n = this.nextSibling;
$.get($(this).attr('href'), function() {
t.style.opacity = '0.3';
if (n) {
n.innerHTML = +n.innerHTML + 1;
n.title = n.innerHTML + ' votes';
} else {
$(t.parentNode).append('<span class="VCount" title="1 vote">1</span>');
}
});
return false
});
});
Like Count:
- Code:
$(function() {
var voteImage = 'http://i39.servimg.com/u/f39/18/78/19/68/tbar_v10.png';
$('.vote').each(function() {
if ($(this).find('.vote-bar').length) { var VCount = $(this).find('.vote-bar').attr('title').replace(/.*\((\d+).*\)/,'$1') }
if (VCount == '1') { var vote = ' vote' }
else { var vote = ' votes' }
var VPlus = $(this).find('.vote-button:first a').addClass('VPlus').attr('title', 'Vote up').html('<img src="'+voteImage+'" alt="+"/>');
$(this).closest('.postbody').find('.profile-icons').append(VPlus);
$(this).closest('.postbody:has(.vote-bar)').find('.profile-icons').append('<span class="VCount" title="'+VCount+vote+'">'+VCount+'</span>');
$(this).remove();
});
$('.VPlus').click(function(){
$.get($(this).attr('href'), function() {
location.reload();
});
return false
});
});
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Sat 20 Aug 2016, 06:33
Thanks, I'll take a look over this Monday if that's alright. 
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Sat 20 Aug 2016, 07:10
Absolutely! !!!!
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Sun 21 Aug 2016, 08:28
Before you spend too much time on this, the forum that I posted a screenshot of has a footer that says "invision powerboard". I've noticed that I can switch between bb2, bb3 and invision on the ACP. Is this the same invision template? If so, it's absolutely perfect!
I just don't want to switch to that, find out it's not the same thing and wreck my forum for nothing.
I just don't want to switch to that, find out it's not the same thing and wreck my forum for nothing.
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Mon 22 Aug 2016, 15:55
No switching themes will not switch the mobile version design. Do you have a link to the forum you "want to look like" perchance ?
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Mon 22 Aug 2016, 22:11
Hi Ange.
It's an Invision site. Link is here. Colours aside it's absolutely perfect for me I every way I can imagine. If I could do this I'd be a very happy camper indeed!
http://dcfcfans.uk/forum/4-rams-talk/
It's an Invision site. Link is here. Colours aside it's absolutely perfect for me I every way I can imagine. If I could do this I'd be a very happy camper indeed!
http://dcfcfans.uk/forum/4-rams-talk/
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Mon 22 Aug 2016, 22:14
Have sent you a PM with my login for that site too.
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Mon 29 Aug 2016, 08:18
Have you had a chance to look at this, @Ange Tuteur ?
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Mon 29 Aug 2016, 16:32
Hi @TroyEccles,
I apologize, I've been busy working on other projects. Anyway, the problem would be that the mobile version does not have any reputation buttons to begin with..
Go to Admin Panel > Display > Templates > Mobile > viewtopic_body
Find :
Replace by :
Then add the following CSS to your stylesheet :
Which will give you this :
P.S.
If you're looking for something mobile friendly and full-featured, I recommend checking out Forumactif Edge.
I apologize, I've been busy working on other projects. Anyway, the problem would be that the mobile version does not have any reputation buttons to begin with..
Go to Admin Panel > Display > Templates > Mobile > viewtopic_body
Find :
- Code:
</div>
{postrow.displayed.EDITED_MESSAGE}
Replace by :
- Code:
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">Like</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
</div>
<!-- END switch_vote_active -->
</div>
{postrow.displayed.EDITED_MESSAGE}
Then add the following CSS to your stylesheet :
- Code:
main .vote { margin-top:10px; }
main .vote-button a {
color:#FFF;
background:#0598E4;
padding:0 6px;
height:24px;
line-height:24px;
display:inline-block;
border-radius:3px;
}
Which will give you this :
P.S.
If you're looking for something mobile friendly and full-featured, I recommend checking out Forumactif Edge.
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Mon 29 Aug 2016, 19:40
That's wicked work, Ange! I'll give it a try after work tonight.
Can the button be changed to a blue thumbs up image like what I currently have on my full site?
Can the button be changed to a blue thumbs up image like what I currently have on my full site?
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Mon 29 Aug 2016, 19:50
@TroyEccles thanks ! 
Yes, the button can be changed to whatever you like. Just find this part in the replacement code :
Replace "Like" with whatever you like, such as an image.
Yes, the button can be changed to whatever you like. Just find this part in the replacement code :
- Code:
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">Like</a>
Replace "Like" with whatever you like, such as an image.
- Code:
<img src="IMAGE_URL" />
- TroyEccles
- Gender :
Posts : 25
Points : 3060
Reputation : 1
Language : English
Browser : Forum Version :
TroyEccles Tue 30 Aug 2016, 21:30
Didn't work, Ange. Nothing appearing in the mobile version at all.
I'm using the modern version though. Is that the issue maybe?
Everything was updated as you said and published/saved.
No effect at all.
I'm using the modern version though. Is that the issue maybe?
Everything was updated as you said and published/saved.
No effect at all.
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Wed 31 Aug 2016, 10:38
@TroyEccles hmm.. could you paste the viewtopic_body for your mobile version here ?
- Sponsored content
Sponsored content
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 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum