The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Making Profile field icons clickable

View previous topic View next topic 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 : 40180
Reputation : 2715
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 : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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

View previous topic View next topic Back to top


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