لتغير أزرار صندوق المحرر بأيقونات اخرى مناسبة لرغبتكم

مثال

هذه الأكواد الخاصة بهذه التغير كمثال :

الكود:

.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;
}

الكود:

/* 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;
}

الكود:

[center][ltr].sceditor-button { background:#DEF; }[/ltr][/center]
[ltr][/ltr]
[ltr].sceditor-button:hover, .sceditor-button:active, .sceditor-button.hover { background:#EFF !important; }[/ltr]

تسسلم كوود مفيد ي رجل ربي يحميك

كود جميل ومفيد ، شكرًا لك

السلام عليكم ورحمةة الله وبركاته ,
- ما ششاء الله موضوع رائع ومميز ونتمنى منك المزيد بإذن الله تعالى ..
- وننتظر تقنيات اخرى فى المركز التقنى لأحلى منتدى ..
- بارك الله فيك مقدماً
؛ تحياتى لك : The Globetrotter