host an image

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?

Do you mean that Servimg is blocked in your country?

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

yes bro

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

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

Hi

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 .

Regards,
Pizza Boi

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.

http://lemon-13.com/upload-Center/index.php
this is an image uploader

bump

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

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

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

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

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

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

Code:

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

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

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


tnx again
and how can i remove these space place ?

In the CSS codes I gave you add this to each one:

Code:

background-position: 0px;

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;