Add icon next to Reply button

Go down

Solved Add icon next to Reply button

Post by TamDonCo on Thu May 31 2018, 23:17

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 Fri Jun 01 2018, 16:55; edited 1 time in total
TamDonCo
TamDonCo
Forumember

Posts : 386
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TheCrow on Thu May 31 2018, 23:23

@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.
TheCrow
TheCrow
Manager
Manager

Male Posts : 5986
Reputation : 676
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on Thu May 31 2018, 23:33

Hi Luffy

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

Posts : 386
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TheCrow on Thu May 31 2018, 23:35

How are your forum buttons now?
TheCrow
TheCrow
Manager
Manager

Male Posts : 5986
Reputation : 676
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TamDonCo on Thu May 31 2018, 23:37

they are OK
TamDonCo
TamDonCo
Forumember

Posts : 386
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TheCrow on Thu May 31 2018, 23:48

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

Male Posts : 5986
Reputation : 676
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Add icon next to Reply button

Post by Ritsu on Fri Jun 01 2018, 01:51

Provide your forum URL please.
Ritsu
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 Fri Jun 01 2018, 02:13

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


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

Posts : 386
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 Fri Jun 01 2018, 02:19

What should this icon do?
Ritsu
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 Fri Jun 01 2018, 02:20

as above , it has javascript function
TamDonCo
TamDonCo
Forumember

Posts : 386
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 Fri Jun 01 2018, 11:16

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 + '");"
Ritsu
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 Fri Jun 01 2018, 16:55

hi Ritsu

Thank You very much

Work fine
TamDonCo
TamDonCo
Forumember

Posts : 386
Reputation : 2
Language : English

http://nhomcho.forummotion.com/

Back to top Go down

Solved Re: Add icon next to Reply button

Post by TheCrow on Fri Jun 01 2018, 18:56

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

Male Posts : 5986
Reputation : 676
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Back to top


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