The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Enlarge sedictor icons

View previous topic View next topic Go down

Solved Enlarge sedictor icons

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

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

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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

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

bro they dont work

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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

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

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

that code didnt work

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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

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

it doesnt work too bro

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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) on 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)
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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Enlarge sedictor icons

Post by qmars(pkq) on 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)
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 on 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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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