Change default sceditor buttons
4 posters
Page 1 of 1
Change default sceditor buttons
Hello. I want to change the default sceditors buttons.
The Bold, Italic, Underline, Strike buttons.
Only these 4.
How can i do it?
The Bold, Italic, Underline, Strike buttons.
Only these 4.
How can i do it?
Re: Change default sceditor buttons
Hi
Do you mean appearance and all that?
Regards,
Pizza Boi
Do you mean appearance and all that?
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
i want to change these buttons with others. i found other buttons that look different and i want to replace them with the new ones.
http://prntscr.com/3dysyt
http://prntscr.com/3dysyt
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Change default sceditor buttons
Hi
Well then, the first thing you can do is pretty much make all of them hidden for awhile.
And then put a code like this above it:
Add z-index if it's not placed on top and for the rest of the button, you have to add them manually.
@Joker: I'll post a tutorial about them when I can .
Regards,
Pizza Boi
Well then, the first thing you can do is pretty much make all of them hidden for awhile.
- Code:
a.sceditor-button.sceditor-button-bold, a.sceditor-button.sceditor-button-italic, a.sceditor-button.sceditor-button-underline, a.sceditor-button.sceditor-button-strike {
visibility: hidden;
}
And then put a code like this above it:
- Code:
a.sceditor-button.sceditor-button-bold {
background-image:url (IMG LINK);
padding: #px #px #px #px;
border: style;
border-radius: #px #px #px #px;
margin: #px #px #px #px;
background-color:
}
Add z-index if it's not placed on top and for the rest of the button, you have to add them manually.
@Joker: I'll post a tutorial about them when I can .
Regards,
Pizza Boi
Last edited by Pizza Boi on April 27th 2014, 6:34 pm; edited 1 time in total
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
thanks pizza i wanted change these buttons too.
btw, answer my topics
btw, answer my topics
Re: Change default sceditor buttons
Hi
Don't worry, I'll get to it .
Regards,
Pizza Boi
Don't worry, I'll get to it .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
that hides the buttons completely
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Change default sceditor buttons
Marios94 wrote:that hides the buttons completely
Hi
Yes, but not the space they're in . You have to refill that space again , that's why I told you to post the new buttons on a higher position than the visibility: hidden;
Like what Joker said, I have that in my forum and that's the method I did .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
oh ok..
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Change default sceditor buttons
Hi
Try experimenting more with this (I'm still checking the other topics I wanna solve) and I'll get back to this one as soon as I'm through.
Regards,
Pizza Boi
Try experimenting more with this (I'm still checking the other topics I wanna solve) and I'll get back to this one as soon as I'm through.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
the links dont work though.
and also what code is higher than visibility:hidden despite visibility:visible ?
if i set it to visibility:visible, it shows me the default button instead of the one i gave it.
and also what code is higher than visibility:hidden despite visibility:visible ?
if i set it to visibility:visible, it shows me the default button instead of the one i gave it.
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Change default sceditor buttons
Hi
I sent you a code regarding how I changed my appearances in my chat box. Please pattern over it.
Regards,
Pizza Boi
I sent you a code regarding how I changed my appearances in my chat box. Please pattern over it.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Change default sceditor buttons
Pizza boi,
You can just replace the inner div's background image. There is no need to hide the default button. This way you can style all the buttons as you wish using the .sceditor-button class.
The CSS above should replace the old images with a new image. Just swap the images with the URL of your image and you should be good.
You can just replace the inner div's background image. There is no need to hide the default button. This way you can style all the buttons as you wish using the .sceditor-button class.
- Code:
.sceditor-button-bold div {
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/b10.png') !important;
background-position:0 !important;
}
.sceditor-button-italic div {
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/i10.png') !important;
background-position:0 !important;
}
.sceditor-button-underline div {
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/u10.png') !important;
background-position:0 !important;
}
.sceditor-button-strike div {
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/s10.png') !important;
background-position:0 !important;
}
The CSS above should replace the old images with a new image. Just swap the images with the URL of your image and you should be good.
Re: Change default sceditor buttons
Works Perfectly!
Thanks
***SOLVED!***
Thanks
***SOLVED!***
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Similar topics
» Add and change buttons on sceditor
» Change Default BBcode buttons
» How can I add a default text in sceditor for specific forums?
» i want change this code to sceditor
» I want to show the way spacers between the buttons sceditor
» Change Default BBcode buttons
» How can I add a default text in sceditor for specific forums?
» i want change this code to sceditor
» I want to show the way spacers between the buttons sceditor
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum