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.

How to change post buttons.

View previous topic View next topic Go down

Solved How to change post buttons.

Post by Zuke on November 8th 2014, 12:41 am

Hi. I've been wondering is it possible to change the post box buttons, for example the YouTube image or anything like that? If so please tell me.


The images across are the things I want to know how to change: http://prntscr.com/543lq0


Please help! Thanks,

-Luke


Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: How to change post buttons.

Post by Ange Tuteur on November 8th 2014, 1:09 am

Hello Luke Spike,

Please see this tutorial : http://fmdesign.forumotion.com/t212-change-the-button-icons-of-the-editor

These are all the css rules to change the icons :
Code:
/* bold */
.sceditor-button-bold div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* italic */
.sceditor-button-italic div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* underline */
.sceditor-button-underline div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* strike */
.sceditor-button-strike div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* text align left */
.sceditor-button-left div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* text align center */
.sceditor-button-center div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* text align right */
.sceditor-button-right div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* text align justify */
.sceditor-button-justify div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* bullet list */
.sceditor-button-bulletlist div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* ordered list */
.sceditor-button-orderedlist div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* horizontal rule */
.sceditor-button-horizontalrule div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* quote */
.sceditor-button-quote div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* code */
.sceditor-button-code div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* spoiler */
.sceditor-button-faspoiler div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* hide */
.sceditor-button-fahide div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* table */
.sceditor-button-table div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* host an image */
.sceditor-button-servimg div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* insert an image */
.sceditor-button-image div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* insert a link */
.sceditor-button-link div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* youtube */
.sceditor-button-youtube div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* dailymotion */
.sceditor-button-dailymotion div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* flash */
.sceditor-button-flash div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* font size */
.sceditor-button-size div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* font color */
.sceditor-button-color div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* font family */
.sceditor-button-font div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* remove formatting */
.sceditor-button-removeformat div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* button more */
.sceditor-button-more div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* sub script */
.sceditor-button-subscript div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* super script */
.sceditor-button-superscript div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* scroll horizontal */
.sceditor-button-fascroll div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* scroll vertical */
.sceditor-button-faupdown div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* WoW */
.sceditor-button-fawow div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* random */
.sceditor-button-farand div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* emoticon */
.sceditor-button-emoticon div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* date */
.sceditor-button-date div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* time */
.sceditor-button-time div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* paste text */
.sceditor-button-pastetext div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

/* switch editor mode */
.sceditor-button-source div {
  background-image:url('/myimage.gif') !important;
  background-position:0 !important;
}

just replace /myimage.gif by the URL of your image.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change post buttons.

Post by Zuke on November 8th 2014, 1:13 am

Thanks! SmileTime to ask another question to make my forum look cooler, make sure to find my next topic! Very Happy

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: How to change post buttons.

Post by Ange Tuteur on November 8th 2014, 1:40 am

You're welcome

Topic archived

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