The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add emojis to the like and reputation buttons

+3
YoshiGM
SarkZKalie
كونان2000
7 posters

Go down

Add emojis to the like and reputation buttons Empty Add emojis to the like and reputation buttons

Post by كونان2000 September 14th 2021, 7:09 am

This tutorial will help you to add emoji to reputation button and like buttons

As well as counting votes without having to change the page!  Very Happy ,


1: This modification applies as long as your templates have not been modified significantly.
2: You must have the reputation system.
3: You must have the Like and Dislike system.

Add emojis to the like and reputation buttons Dvkln610
MODERNBB VERSION:

PHPBB2 VERSION:

PHPBB3 VERSION:

This tutorial was written by كونان2000.


Last edited by كونان2000 on November 20th 2021, 3:59 am; edited 5 times in total
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

skouliki, YoshiGM, BlackScorpion, Niko, SarkZKalie, TonnyKamper, The Last Outlaw and HarleyQ like this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by SarkZKalie September 14th 2021, 8:34 pm

Brilliant ! It looks good on default ModernBB templates.

Do you have any plan to make this tutorial work on all versions in future? Smile


Add emojis to the like and reputation buttons Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1336
Reputation : 214
Language : English

View user profile https://rotavn.forumotion.com/

كونان2000 likes this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 September 15th 2021, 9:34 am

SarkZKalie wrote:Brilliant ! It looks good on default ModernBB templates.

Do you have any plan to make this tutorial work on all versions in future? Smile
Hello  @SarkZKalie  salut
The post has been modified to include the following versions

PHPBB2 
PHPBB3 

Soon more versions  loul
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

skouliki, Ape, SLGray, SarkZKalie and TonnyKamper like this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 October 27th 2021, 7:48 pm

Sorry for being late due to my circumstances Add emojis to the like and reputation buttons Oops
---------

Sorry, I can't edit the post   beu  

The post has been modified to include the following versions

Invision
PunBB

Invision version:

PunBB VERSION::


Last edited by كونان2000 on October 29th 2021, 5:51 am; edited 2 times in total
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

skouliki, SarkZKalie and TonnyKamper like this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by YoshiGM October 28th 2021, 5:16 pm

Wow, let me congratulate you.
This is an a "reaction" system using the new like and dislike buttons.

Great tutorial. Victory Yes
YoshiGM
YoshiGM
Active Poster

Male Posts : 1211
Reputation : 133
Language : Spanish & English
Location : Mexico

View user profile http://asistencia.foroactivo.com/u21373

كونان2000 likes this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 October 29th 2021, 5:37 am

Hello  @YoshiGM
thanks for all ^^
---
The first and third publication has been modified to include the following versions

thumright   PunBB
thumright   PhpBB2
thumright   Phpbb3
thumright   Invision
thumright   ModernBB
scratch  AwesomeBB does not work
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

SarkZKalie, TonnyKamper and jucarese like this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by Beyonder December 2nd 2021, 6:34 pm

Nice job!
Beyonder
Beyonder
Forumember

Male Posts : 695
Reputation : 26
Language : English
Location : Beyond Realm

View user profile http://fictionalomniverse.forumotion.com/

كونان2000 likes this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by TheCrow January 11th 2022, 4:57 pm

@كونان2000 can I ask you please.

This code (the script) is the one Ange made some time ago.
Does this system work like a reaction system?
I guess the real question is,
Can you see who reacted and what they reacted? Because in the image you posted when you press the love reaction it doesn't show your name.

Best regards,
TC.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6780
Reputation : 785
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 January 12th 2022, 1:24 am

Hello @TheCrow ,
(First I would like to apologize because my English is not good rabbit )


The topic is clear from the title.
Meaning, this trick doesn't create a new button but changes the appearance of the default button. Very Happy
-------

This code (the script) is the one Ange made some time ago.
Java code is already available, but with more additions
You can extract it from  browser
https://help.forumotion.com/t145688-so-you-want-to-code-learning-resources
I made the following additions to the code
Code:
$(window).load(function() {
$("li.fa_reputation,  .fa_count, .fa_vote, .fa_voted").each(function() {
        $(this).find("a.fa_voted.fa_plus").html('love it<img src="https://twemoji.maxcdn.com/16x16/1f60d.png" />');
        $(this).find("a.fa_voted.fa_minus").html('silly<img src="https://twemoji.maxcdn.com/16x16/1f612.png" />');
        $(this).find("a.fa_vote.fa_plus").html('love it<img src="https://twemoji.maxcdn.com/16x16/1f60d.png" />');
        $(this).find("a.fa_vote.fa_minus").html('silly<img src="https://twemoji.maxcdn.com/16x16/1f612.png" />');
    });
});
 
$(window).load(function() {
$("button.rep-button.fa_like, .rep-button.fa_liked").each(function() {
        $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
    });
});
 
$(window).load(function() {
$("button.rep-button.fa_dislike, .rep-button.fa_disliked").each(function() {
        $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a16.png" />');
    });
});
 
$(window).load(function() {
$(".rep-button").each(function() {
        $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
    });
});
 
$(window).load(function() {
$(".rep-button").each(function() {
        $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f20/16/85/77/67/ocia-a16.png" />');
    });
});

Also I made a CSS code for that,
+
Through the browser, you can do a lot of Java and CSS code Bingo
------------

Can you see who reacted and what they reacted? Because in the image you posted when you press the love reaction it doesn't show your name.
As I told you, this trick is just to add emojis. : s
Meaning, this trick doesn't create a new button but changes the appearance of the default button.
thank you @TheCrow lol!
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

TheCrow likes this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by TheCrow January 12th 2022, 6:54 pm

Thank you for these clarifications. They should be available here so other users can see them.

ps. Your English is fine! Smile

Best regards,
TC :rose:
TheCrow
TheCrow
Manager
Manager

Male Posts : 6780
Reputation : 785
Language : Greek, English

View user profile https://forumote.forumotion.com

كونان2000 likes this post

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 January 13th 2022, 3:20 pm

well, thank you @TheCrow ^^
Very Happy
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by Revolved101 March 5th 2022, 5:50 pm

Are there way to add an additional Emoji but have only a certain group use it example only VIP members and use this emoji?
Revolved101
Revolved101
Forumember

Posts : 34
Reputation : 1
Language : English

View user profile

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by LucianoMicle March 5th 2022, 7:28 pm

Hello, I was reading that for the version of Awesome it is not worked yet, can it be?
LucianoMicle
LucianoMicle
Forumember

Posts : 61
Reputation : 2
Language : Spanish / English

View user profile http://lucianomicle.foroactivo.com/

Back to top Go down

Add emojis to the like and reputation buttons Empty Re: Add emojis to the like and reputation buttons

Post by كونان2000 March 6th 2022, 3:12 pm

hi @Revolved101 ,
Revolved101 wrote:Are there way to add an additional Emoji 
Unfortunately, there are no buttons other than the default ones

Revolved101 wrote:Are there way to add an additional Emoji but have only a certain group use it  
I don't know how to do such a trick blackeye
But I know another trick
it example, hide a button from a certain group or vice versa,

Example pictures
https://i.servimg.com/u/f20/16/85/77/67/95392110.jpg
https://i.servimg.com/u/f20/16/85/77/67/aoo_oa10.png
------------------------------------------------------

hi @LucianoMicle ,
LucianoMicle wrote:Hello, I was reading that for the version of Awesome it is not worked yet, can it be?
 
Add emojis to the like and reputation buttons Frorum11
viewtopic_body:
كونان2000
كونان2000
Forumember

Other / Decline to state Posts : 37
Reputation : 21
Language : arabic

View user profile https://i.servimg.com/u/f30/20/35/61/89/din12.jpg

skouliki, TonnyKamper and LucianoMicle like this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum