Link an image

Resolved Link an image

marver
General
Monday, June 30 2014, 01:50 PM

Hello,

I've created a field with a link. I want the users to be able to put in there LinkedIn adres here. This works fine, but on the profile page you see the complete link. What I want is a LinkedIn logo that links to that user's LinkedIn adres. Is this possible someway?

Now it looks like this:

<blockquote>[img]http://46.182.218.150/~pro/example10.jpg[/img]</blockquote>

Thanks,
Martijn.

Accepted Answer

admin Accepted Answer

Admin

Hi,

another way is to use Delimeter field type and Content Plugin:
create a delimeter with this code in description

<a href="/{user linkedin displayed raw}"><img src="/linkedin_image.png" /></a>

You can set delimeter to display only on Profile Page, and Link to linkedin to display only on edit/register page.
Still you can set condition to see delimeter only if link is not empty.

Here documentation on Content Plugin: https://www.easy-profile.com/docs/26-plugin-content.html

more than a month ago
General
# Permalink

Responses (1)

marver Accepted Answer

Pro

OK, fixed it with CSS:

.linkedinValue a{
display: block;
height: 20px;
width: 20px;
background-image: url(../images/linked-in-logo.jpg);
background-size: 20px;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
}

more than a month ago
General
# 1

Page :
1

There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.