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.
The forum of the forums
4 posters

    How can I embed picture in forum description?

    Sinistra
    Sinistra
    Forumember


    Posts : 35
    Reputation : 1
    Language : magyar

    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
    Ch@lo Valdez
    Ch@lo Valdez
    Forumember


    Male Posts : 138
    Reputation : 50
    Language : spanish

    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()
    });
    Valoish
    Valoish
    Forumember


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

    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>
    Sinistra
    Sinistra
    Forumember


    Posts : 35
    Reputation : 1
    Language : magyar

    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!
    Valoish
    Valoish
    Forumember


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

    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:
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    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

      Current date/time is September 23rd 2024, 3:22 am