host an image Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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

    host an image

    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress host an image

    Post by qmars(pkq) Mon Jun 30, 2014 7:46 am

    hello forumation
    i want to have a button for host an image in new topics
    https://servimg.com/ is filter in our country (iran)
    could i have my own host in host an image?
    i want when user click on a button in new topic after clicking select her/his image and then click save in new topic
    is it possible?
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Mon Jun 30, 2014 12:52 pm

    Do you mean that Servimg is blocked in your country?



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Mon Jun 30, 2014 11:55 pm

    SLGray wrote:Do you mean that Servimg is blocked in your country?
    yes bro
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Tue Jul 01, 2014 12:40 am




    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Tue Jul 01, 2014 12:42 am

    its filter too!  bwi 
    it isnt posible to have my own host on image?
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Tue Jul 01, 2014 2:38 pm

    Well then it sounds like the issue is with your government blocking certain image hosting sites.



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Pizza Boi
    Pizza Boi
    Hyperactive


    Male Posts : 2016
    Reputation : 160
    Language : French
    Location : Pizza Hut!

    In progress Re: host an image

    Post by Pizza Boi Thu Jul 03, 2014 8:53 am

    Hi Very Happy

    You can try installing a button in the editor (I believe Ange Tuteur can teach you that) but please input the link of the image host you're trying to apply Smile .

    Regards,
    Pizza Boi
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Thu Jul 03, 2014 11:47 am

    You will need to locate a image hosting site that is not blocked by your country, then use the code that I linked in my post.



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Fri Jul 04, 2014 4:28 am

    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Sat Jul 05, 2014 1:27 pm

    bump
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Sat Jul 05, 2014 1:35 pm

    Replace the link in the JavaScript I linked with the link you posted.  Replace the photobucket one with yours.



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: host an image

    Post by Ange Tuteur Sat Jul 05, 2014 2:58 pm

    SLGray wrote:Replace the link in the JavaScript I linked with the link you posted.  Replace the photobucket one with yours.
    As Gray has said,

    This is the variable you must modify to change the upload service :
    Code:
    upload : 'http://photobucket.com/upload', // iframe upload url
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Sat Jul 05, 2014 3:05 pm

    I can tell you that it will work when you replace the link with yours.  I tested it on my forum.



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Sun Jul 06, 2014 6:41 am

    it doesnt work for me
    im using phpbb3
    http://lemon-13.full-forum.com
    and these are my codes
    Code:
    $(window).load(function() {
        var settings = {
            image : 'http://s3.picofile.com/file/7921435806/2013_09_03_103300.png', // button image
            upload : 'http://lemon-13.com/upload-Center', // iframe upload url
            height : '250px', // iframe height
            width : '500px' // iframe width
        };
       
        $('.sceditor-button-servimg').after('<a class="sceditor-button sceditor-button-pb"><div style="background-image:url(' + settings.image + ')"></div></a>');
        $('body').append('<div id="pb_container" class="sceditor-dropdown" style="display:none;"></div>');
       
        $('.sceditor-button-pb').click(function() {
            var X = $('.sceditor-button-pb').offset().left;
            var Y = $('.sceditor-button-pb').offset().top + 25;
           
            if (!document.getElementById('pb_frame') && $('#pb_container').css('display') == 'none') $('#pb_container').show().css('left',X + 'px').css('top',Y + 'px').append('<iframe id="pb_frame" style="border:none;height:' + settings.height + ';width:' + settings.width + ';" src="' + settings.upload + '"></iframe>');
            else if ($('#pb_container').css('display') == 'none') $('#pb_container').show().css('left',X + 'px').css('top',Y + 'px');
            else $('#pb_container').hide();
        });
       
        $('.sceditor-button:not(.sceditor-button-pb), .sceditor-container textarea, .sceditor-container iframe').click(function() { $('#pb_container').hide() });
        $('.sceditor-container iframe').contents().mousedown(function() { $('#pb_container').hide() });
        $('.sceditor-button-source').click(function() { $('.sceditor-button-pb').removeClass('disabled') });
    });
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Sun Jul 06, 2014 6:47 am

    oh!
    it was work just for reply
    but when i checked it on  In all the pages its work for topics too
    and one more question
    how can i remove last host an image icon?
    and other one like youtub and insert curent date and...
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Sun Jul 06, 2014 12:02 pm

    If you want to hide the old upload button, just add this to your CSS stylesheet :


    Code:
    .sceditor-button-servimg {
          display:none !important;
    }



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Sun Jul 06, 2014 1:44 pm

    tnx bro
    and how about hide
    Insert a YouTube video icon
    Insert current date icon
    Insert current time icon
    hidden icon
    spoler icon
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Sun Jul 06, 2014 2:00 pm

    CSS:
    Code:
    .sceditor-button-time div {
        display: none !important;
    }
    .sceditor-button-youtube div {
        display:  none !important;
    }
    .sceditor-button-fahide div {
        display: none !important;
    }
    .sceditor-button-faspoiler div {
        display: none !important;
    }



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Mon Jul 07, 2014 4:37 am

    tnx again
    and how can i remove these space place ?
    host an image 113627476489
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: host an image

    Post by SLGray Mon Jul 07, 2014 1:04 pm

    In the CSS codes I gave you add this to each one:
    Code:
    background-position: 0px;



    host an image Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    qmars(pkq)
    qmars(pkq)
    Forumember


    Posts : 219
    Reputation : 1
    Language : english,persian
    Location : iran

    In progress Re: host an image

    Post by qmars(pkq) Tue Jul 08, 2014 4:50 am

    SLGray wrote:In the CSS codes I gave you add this to each one:
    Code:
    background-position: 0px;
    it doesnt work
    this code
    Code:
    .sceditor-button-table div {
      background-position: 0px;
        display: none !important;