شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 518
السٌّمعَة : 49
تاريخ التسجيل : 03/06/2015
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.t-mrkz.com/

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

في السبت أغسطس 29, 2015 3:58 am
مرحباً بكم في المركز التقني لأحلى منتدى


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

مثال

هذه الأكواد الخاصة بهذه التغير كمثال :
الكود:
.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;
}


كل ما عليك هو تغير ما في حقل 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]

حظاً موفق مع منتدياتكم 
NEW.MOON
cheers 
avatar
عضو جديد
عدد المساهمات : 18
النقاط : 25
السٌّمعَة : 1
تاريخ التسجيل : 29/08/2015
معاينة صفحة البيانات الشخصي للعضو

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

في السبت أغسطس 29, 2015 4:15 am
تسسلم كوود مفيد ي رجل ربي يحميك
عضو جديد
عدد المساهمات : 57
النقاط : 61
السٌّمعَة : 2
تاريخ التسجيل : 16/05/2015
معاينة صفحة البيانات الشخصي للعضو

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

في السبت أغسطس 29, 2015 8:09 pm
كود جميل ومفيد ، شكرًا لك
avatar
عضو جديد
الميزان
عدد المساهمات : 27
النقاط : 36
السٌّمعَة : 5
تاريخ التسجيل : 20/07/2015
العمر : 18
معاينة صفحة البيانات الشخصي للعضو

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

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