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

مرحباً بكم في العرب أشقاء

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

الأمر سهل جداً وطريقة التغير سهلة ولا تحتاج الى تعقيد او ان تكون لديك خبره في الاكواد كل ما في الأمر ان تقوم بتغير روابط

الأيقونات بأيقونات أخرى لديك تصممها او تبحث في منتديات أخرى

مثال

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

الكود:

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

كل ما عليك هو تغير ما في حقل background-image امامها رابط الأيقونة قم بتغيرها بما يناسبك

وهنا كافة ازرار صندوق المحرر 

الكود:

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

كل الي عليك بحث في الكود على /myimage.gif وتغيرها بما تريد ان سناسبك

لا تنسى كل كود له اسم مثلا فوق أحد الأكواد الاسم التالي

/* time */

اي انه خاص بالوقت وأسفله تستطيع تغير الرابط

وهنا /* date */

اي التاريخ الــخ

هنا أيضا كود لأخفاء الخلفية للأزرار

الكود:

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

وبالتوفيق