The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I embed picture in forum description?

4 posters

Go down

Solved How can I embed picture in forum description?

Post by Sinistra October 17th 2016, 11:03 am

Okay, my problem is not exactly this, but to make something like a button, which is lead toward to a link. So I already have the
Code:
<img src=img link/>
thing for the image, but how can it turn to a button, so it could lead us to a link? Smile
Sinistra
Sinistra
Forumember

Posts : 35
Reputation : 1
Language : magyar

http://remnant.hungarianforum.com/

Back to top Go down

Solved Re: How can I embed picture in forum description?

Post by Ch@lo Valdez October 17th 2016, 4:36 pm

can you explain better?

maybe this?

How can I embed picture in forum description? Captur21
How can I embed picture in forum description? Captur20


Code:
img_description = function () {
    var
        desc = document.getElementById('site-title'),
        img = desc && desc.nextElementSibling.innerHTML.match(/(((http:\/\/www)|(http:\/\/)|(www))[-a-zA-Z0-9@:%_\+.~#?&//=]+)\.(jpg|jpeg|gif|png|bmp|tiff|tga|svg)/g)[0];
    img && (desc.nextElementSibling.innerHTML = '<img id="button_img" src="' + img + '">');
};

$(document).ready(function ($) {
    img_description()
});
Ch@lo Valdez
Ch@lo Valdez
Forumember

Male Posts : 138
Reputation : 50
Language : spanish

Back to top Go down

Solved Re: How can I embed picture in forum description?

Post by Valoish October 17th 2016, 5:41 pm

Code:
<a href="link url here"><img src="image url here"></a>
That code will create a hyperlinked image that will open the link in the same page. If you want the link to open in a new tab use this code:
Code:
<a href="link url here" target="_blank"><img src="image url here"></a>
Valoish
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: How can I embed picture in forum description?

Post by Sinistra October 17th 2016, 6:26 pm

Valoish, you've solved my problems again Smile feels like I have my design guardian angel. ^^ If you don't mind, I might PM you (for real this time xD), cuz I have some problems which I can't solve.

Solved!
Sinistra
Sinistra
Forumember

Posts : 35
Reputation : 1
Language : magyar

http://remnant.hungarianforum.com/

Back to top Go down

Solved Re: How can I embed picture in forum description?

Post by Valoish October 17th 2016, 6:32 pm

Glad I could help c: And sure thing, just send them over and I'll try to help as much as I can c:
Valoish
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: How can I embed picture in forum description?

Post by Ape October 17th 2016, 6:46 pm

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


How can I embed picture in forum description? Left1212How can I embed picture in forum description? Center11How can I embed picture in forum description? Right112
How can I embed picture in forum description? Ape_b110
How can I embed picture in forum description? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19452
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

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