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.

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....

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.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.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>');
  });
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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

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.


Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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

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; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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

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

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