Enlarge sedictor icons

hello
how can i Enlarge two of icon of sedictor in new post
and how can i remove some icon as like as spoiler and hidden and...

Hi,

To hide the spoiler and hide buttons, add this to your CSS :
Display > Colors > CSS stylesheet

Code:

.sceditor-button-spoiler, .sceditor-button-faspoiler { display:none; }

You should be able to adjust the size of those buttons with this CSS :

Code:

.sceditor-button-imageUpload, .sceditor-button-musicUpload {
  width:30px;
  height:30px;
}

bro they dont work

qmars(pkq) wrote:bro they dont work

Could you be specific on which ones don't work ?

Thanks.

I'm guessing you might mean these ? I believe you might need to make the declaration important :

Code:

.sceditor-button-spoiler, .sceditor-button-faspoiler { display:none !important; }

tnx bro it didnt work too but now it works
now i want to enlarge icons

that code didnt work

Try this for the icons :

Code:

.sceditor-button-imageUpload, .sceditor-button-musicUpload {
  width:30px;
  height:30px;
}

.sceditor-button-imageUpload div, .sceditor-button-musicUpload div {
  width:28px;
  height:28px;
  background-size:100% 100%;
  background-position:center;
}

it doesnt work too bro

See if adding important helps.

Code:

.sceditor-button-imageUpload, .sceditor-button-musicUpload {
  width:30px !important;
  height:30px !important;
}

.sceditor-button-imageUpload div, .sceditor-button-musicUpload div {
  width:28px !important;
  height:28px !important;
  background-size:100% 100% !important;
  background-position:center !important;
}

yes!
now it works!
tnx!
can i add text onther those icons?
some text like image uploader or music uploader

Replace your script by :

Code:

$(function(){$(function(){
  newHost('Image Uploader', 'imageUpload', 'http://lemon-13.com/up.png', 'http://lemon-13.com/upload-Center', '250px', '500px');
  newHost('Music Uploader', 'musicUpload', 'http://lemon-13.com/mu.jpg', 'http://lemon-13.com/m%20up/index.html', '400px', '600px');
 
  function newHost(title, name, image, upload, height, width) {
    $('.sceditor-button-servimg').after('<a class="sceditor-button sceditor-button-'+name+'" title="'+title+'"><div style="background-image:url('+image+')"></div></a>');
    $('body').append('<div id="'+name+'_container" class="sceditor-dropdown" style="display:none;"></div>');
 
    $('.sceditor-button-'+name+'').click(function() {
        var X = $('.sceditor-button-'+name+'').offset().left;
        var Y = $('.sceditor-button-'+name+'').offset().top + 25;
  
        if (!document.getElementById(''+name+'_frame') && $('#'+name+'_container').css('display') == 'none') $('#'+name+'_container').show().css('left',X + 'px').css('top',Y + 'px').append('<iframe id="'+name+'_frame" style="border:none;height:'+height+';width:'+width+';" src="'+upload+'"></iframe>');
        else if ($('#'+name+'_container').css('display') == 'none') $('#'+name+'_container').show().css('left',X + 'px').css('top',Y + 'px');
        else $('#'+name+'_container').hide();
    });
 
    $('.sceditor-button:not(.sceditor-button-'+name+'), .sceditor-container textarea, .sceditor-container iframe').click(function() { $('#'+name+'_container').hide() });
    $('.sceditor-container iframe').contents().mousedown(function() { $('#'+name+'_container').hide() });
    $('.sceditor-button-source').click(function() { $('.sceditor-button-'+name+'').removeClass('disabled') });
  }
})});

It will show a tooltip on mouse over ( e.g. Image Uploader, Music Uploader )

tnx u this topic solved too
for add new icon for video uploader i have to craet new topic ?

You're welcome, and yes it would be good if you created a new topic for unrelated problems.

Topic archived

Have a good day.