Making Profile field icons clickable

Go down

Solved Making Profile field icons clickable

Post by Manameh on January 26th 2014, 3:41 am

ok so i made this 'profile field' by going to users and groups, then Users > Profiles > Profile fields > Modify.
once i was done, it was successful.



now my goal is to get that icon to be clickable, so when you click it, it links you to the user's profile of whom you've clicked the icon under. 

this is the url of the icon.
http://i.imgur.com/IgUk4dh.gif

If there is any css/javascript/html, please let me know.
sorry if this is in the wrong section.

thanks.
avatar
Manameh
Forumember

Posts : 31
Reputation : 2
Language : English

http://naruhina.lovediscussion.net/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Manameh on January 26th 2014, 10:05 pm

BUMP Sad
sorry, iv'e been waiting a long while now....
avatar
Manameh
Forumember

Posts : 31
Reputation : 2
Language : English

http://naruhina.lovediscussion.net/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by SLGray on January 27th 2014, 12:03 am

Second Reminder:

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43072
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Ange Tuteur on January 27th 2014, 9:30 am

Hello,

You can try doing this :
Administration panel > modules > javascript codes management > create a new script

title : what you wish
placement : in the topics
paste the code below and save :
Code:
$(document).ready(function() {
    $('.postprofile img[src="http://i.imgur.com/IgUk4dh.gif"]').each(function() {
        var t0 = $(this).closest('dl').children('dt').children('a').attr('href');
        $(this).wrap('<a href="'+t0+'"></a>');
    });
});
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Manameh on January 27th 2014, 11:56 am

sorry for the trouble i have caused. Sad
thank you very much!!
it worked like a charm.

Now what im looking for is a text above it... "Awards:"
tand that's it! thanks
avatar
Manameh
Forumember

Posts : 31
Reputation : 2
Language : English

http://naruhina.lovediscussion.net/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Ange Tuteur on January 27th 2014, 12:08 pm

Administration panel > users and groups > edit your field

For display type choose : Icon + text and save.

avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Manameh on January 27th 2014, 12:14 pm

i know... but it always comes to the left, is there any way to make the text come above the icon? Smile
avatar
Manameh
Forumember

Posts : 31
Reputation : 2
Language : English

http://naruhina.lovediscussion.net/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Ange Tuteur on January 27th 2014, 12:17 pm

add this to your CSS :
Display > colors > CSS stylesheet
Code:
.postprofile img[src="http://i.imgur.com/IgUk4dh.gif"] { display:block; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Manameh on January 27th 2014, 2:15 pm

Solved, thanks very much for your help. Smile
avatar
Manameh
Forumember

Posts : 31
Reputation : 2
Language : English

http://naruhina.lovediscussion.net/

Back to top Go down

Solved Re: Making Profile field icons clickable

Post by Jophy on January 27th 2014, 3:22 pm

Solved => Locked
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


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