Add icon next to Reply button

Go down

Solved Add icon next to Reply button

Post by TamDonCo on May 31st 2018, 10:17 pm

Hi All

How do I add icon next to Reply button as shown ? I know the reply button has class=i_reply




Code:
                              '<a class="profile-icon" href="javascript:Hello("'+ _userdata.username +'");">'  +
                                '  <img title="Ignore this topic in future"  src="http://upload.vstanced.com/images/2017/11/03/uhL.png" width="25" height="25">' + '</a>'


Last edited by TamDonCo on June 1st 2018, 3:55 pm; edited 1 time in total
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Luffy on May 31st 2018, 10:23 pm

@TamDonCo wrote:Hi All

How do I add icon next to Reply button as shown ? I know the reply button has class=i_reply




Code:
                              '<a class="profile-icon" href="javascript:Hello("'+ _userdata.username +'");">'  +
                                '  <img title="Ignore this topic in future"  src="http://upload.vstanced.com/images/2017/11/03/uhL.png" width="25" height="25">' + '</a>'

Hello,

Do your forum have buttons designed using CSS? Because if not, these icons you are seeking have to be done with graphics.
avatar
Luffy
Manager
Manager

Male Posts : 5777
Reputation : 647
Language : Greek, English
Location : Cyprus, Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on May 31st 2018, 10:33 pm

Hi Luffy

I am not sure , the forum is just as is from beginning
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Luffy on May 31st 2018, 10:35 pm

How are your forum buttons now?
avatar
Luffy
Manager
Manager

Male Posts : 5777
Reputation : 647
Language : Greek, English
Location : Cyprus, Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on May 31st 2018, 10:37 pm

they are OK
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Luffy on May 31st 2018, 10:48 pm

What I meant is if you could take a screenshot to check them.
avatar
Luffy
Manager
Manager

Male Posts : 5777
Reputation : 647
Language : Greek, English
Location : Cyprus, Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Ritsu on June 1st 2018, 12:51 am

Provide your forum URL please.
avatar
Ritsu
Forumember

Male Posts : 63
Reputation : 7
Language : Polish, English
Location : Poland

http://lolirock.forumpolish.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on June 1st 2018, 1:13 am

http://www.nhomcho.com/t7646-noi-chuyen-co-duyen


I want to add the icon next to "Post Reply" button
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Ritsu on June 1st 2018, 1:19 am

What should this icon do?
avatar
Ritsu
Forumember

Male Posts : 63
Reputation : 7
Language : Polish, English
Location : Poland

http://lolirock.forumpolish.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on June 1st 2018, 1:20 am

as above , it has javascript function
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Ritsu on June 1st 2018, 10:16 am

Go to ACP (Administration Control Panel), then click Modules tab, go to HTML&Javascript section on the left and choose Javascript code management. Make sure that Javascript management is enabled and create a new script.

Title: your choice
Placement: in the topics
Javascript code:
Code:
$(function() {
    $('img[alt="Reply to topic"].i_reply').parent().append('<a class="profile-icon" href="javascript:Hello("' + _userdata.username + '");">' +
        '<img title="Ignore this topic in future"  src="http://upload.vstanced.com/images/2017/11/03/uhL.png" width="25" height="25">' + '</a>');
});

Also, I suggest to use onclick, not href="javascript:.... Better replace this line of code:
Code:
href="javascript:Hello("' + _userdata.username + '");"
to this:
Code:
onclick="Hello("' + _userdata.username + '");"
avatar
Ritsu
Forumember

Male Posts : 63
Reputation : 7
Language : Polish, English
Location : Poland

http://lolirock.forumpolish.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on June 1st 2018, 3:55 pm

hi Ritsu

Thank You very much

Work fine
avatar
TamDonCo
Forumember

Posts : 359
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Luffy on June 1st 2018, 5:56 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
avatar
Luffy
Manager
Manager

Male Posts : 5777
Reputation : 647
Language : Greek, English
Location : Cyprus, Greece

https://www.crossroadz.net

Back to top Go down

Back to top


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