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.

Enlarge sedictor icons

2 posters

Go down

Solved Enlarge sedictor icons

Post by qmars(pkq) August 2nd 2014, 2:29 pm

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...
qmars(pkq)
qmars(pkq)
Forumember

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 2nd 2014, 2:36 pm

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;
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) August 2nd 2014, 2:53 pm

bro they dont work
qmars(pkq)
qmars(pkq)
Forumember

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 2nd 2014, 4:10 pm

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; }
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) August 3rd 2014, 7:49 am

tnx bro it didnt work too but now it works
now i want to enlarge icons
Enlarge sedictor icons 347570253dss
that code didnt work
qmars(pkq)
qmars(pkq)
Forumember

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 3rd 2014, 8:58 am

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;
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) August 3rd 2014, 9:04 am

it doesnt work too bro
qmars(pkq)
qmars(pkq)
Forumember

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 3rd 2014, 9:08 am

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;
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) August 3rd 2014, 9:10 am

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

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 3rd 2014, 9:18 am

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 )
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) August 3rd 2014, 9:27 am

tnx u this topic solved too
for add new icon for video uploader i have to craet new topic ?
qmars(pkq)
qmars(pkq)
Forumember

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

http://lemon-13.full-forum.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by Ange Tuteur August 3rd 2014, 9:28 am

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

Topic archived

Have a good day. Smile
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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