ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
نحوه افزودن دکمه مای کد به ادیتور
نویسنده پیام
sajad7605 آفلاین
به دیگران فایده برسانید
*
مدیر بازنشسته

ارسال‌ها: 162
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 128
سپاس ها : 231
 سپاس شده 361 بار در 120 ارسال
ارسال: #1
نحوه افزودن دکمه مای کد به ادیتور
درین جلسه قصد دارم نحوه افزودن دکمه مای کد را به ادیتور خدمت تان آموزش دهم!

مواد لازم:

jscripts/editor.js
jscripts/editor_themes/Office_2007/stylesheet.css


مرحله اول:

editor.js را باز نموده و کد زیر را پیدا کنید.
کد:
title_video, options: this.videos}
بعد از آن یک کالون بصورت زیر اضافه کنید.
کد:
title_video, options: this.videos},
سپس رشته کد زیر را با زدن Enter زیر پای آن علاوه نمائید.
کد:
{type: 'button', name: 'name', sprite: 'sprite', insert: 'code', title: 'alt text or tittle'}
حالا مقادیر را بصورت زیر تغیر دهید.

name = نام مورد نظر برای مای کد

sprite = کد اسپرایت ( در داخل stylesheet.css مورد استفاده قرار میگید )

code = کدی که در مای کد مورد استفاده قرار گرفته و متن را پوشش میدهد.

title = نام شناور مای کد ( نامیکه با قرار گرفتن موس آشکار میشود )

بعنوان مثال برای افزودن کد spoiler بصورت زیر عمل مینمائیم:
کد:
{type: 'button', name: 'spoiler', sprite: 'spoiler', insert: 'spoiler', title: 'Hide the text in a box'}
توجه:

اگر از ادیتور WYSIWYG استفاده میکنید در editor.js کد زیر را پیدا کنید.
کد:
if(code=="code" || code=="quote" || code=="php"){
سپس بصورت زیر تغیر دهید.
کد:
if(code=="code" || code=="quote" || code=="php" || code=="spoiler"){

بجای عبارت spoiler نام کد پوشش دهنده را ( کدیکه در جلو insert تعریف شد ) قرار دهید .

فایل را ذخیره و اپلود کنید.


مرحله دوم:

stylesheet.css را باز نموده و کدهای زیر را در اخیر آن اضافه نمائید.

mall">
کد:
.messageEditor .toolbar_button .toolbar_sprite_spritename {
background: url(images/sprite_btn+ext) no-repeat;
}

mall">و مقادیر را بصورت زیر تغیر دهید.

spritename = نام اسپرایتی که در کد editor.js مورد استفاده قرار گرفت. ( sprite: 'spoiler' )

sprite_btn+ext = نام دکمه با پسوند آن.

و برای مثال spoiler

mall">
کد:
.messageEditor .toolbar_button .toolbar_sprite_spoiler {
background: url(images/spoiler_btn.gif) no-repeat;
}

mall">فایل را ذخیره و در محل آن اپلود کنید.

مرحله سوم:

عکس دکمه را با نام تعریف شده در کد آماده کرده و در پوشه /jscripts/editor_themes/Office_2007/images/ اپلود کنید.


موفق باشید

mall">============[/b]
منبع: سایت منتخب
(آخرین ویرایش در این ارسال: ۸-۱-۱۳۹۱ ۰۲:۳۸ عصر، توسط ! Omid StaR !.)
۸-۱-۱۳۹۱ ۱۲:۱۶ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
nokte آفلاین
کاربر سایت
*
کاربر سایت

ارسال‌ها: 8
تاریخ عضویت: اسف ۱۳۹۱
اعتبار: 0
سپاس ها : 0
 سپاس شده 4 بار در 3 ارسال
ارسال: #2
RE: نحوه افزودن دکمه مای کد به ادیتور
stylesheet.css را از کجا پیدا کنیم؟ لطفا آدرس بدید
۱۷-۱۱-۱۳۹۲ ۰۹:۲۶ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
Che guevara آفلاین
کاربر سایت
*
کاربر سایت

ارسال‌ها: 467
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 58
سپاس ها : 229
 سپاس شده 313 بار در 82 ارسال
ارسال: #3
RE: نحوه افزودن دکمه مای کد به ادیتور
http://mybbskin.ir/Thread-%D8%A2%D9%85%D...B%8C%D9%86

از این آموزش استفاده کنید راحت تره
۱۷-۱۱-۱۳۹۲ ۱۰:۱۹ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  اموزش رفع مشکل ادیتور MyBB 1.6.8 با نسخه 16 مرورگر موزیلا فایرفاکس ! Omid StaR ! 9 2,415 ۱-۱۰-۱۳۹۱ ۰۳:۱۰ صبح
آخرین ارسال: ! Omid StaR !
  اموزش افزودن اواتار به پاسخ سریع ! Omid StaR ! 2 678 ۱۳-۴-۱۳۹۱ ۰۱:۱۸ عصر
آخرین ارسال: ! Omid StaR !
  نحوه ی اضافه کردن دکمه به قسمت ارسال ها SheRvin 0 673 ۲۹-۲-۱۳۹۱ ۰۹:۴۹ عصر
آخرین ارسال: SheRvin

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

خانه | بازگشت به بالا | بازگشت به محتوا | نسخه موبایل | پیوند سایتی RSS
اخبار فناوری اطلاعات | نرم افزار املاک | نرم افزار دامپزشکی | هتل آپارتمان مشهد | ترجمه تخصصی | نرم افزار داروخانه | نرم افزار رستوران | نرم افزار تاکسی سرویس | نرم افزار رستوران | دانلود نرم افزار مطب | دانلود نرم افزار تاکسی سرویس | مجله پزشکی آسان طب | دکتر آسان طب | کنکور آسان است | نرم افزار دفترچه تلفن نرم افزار چاپ چک نرم افزار رستوران نرم افزار فست فود نرم افزار کافی شاپ نرم افزار تاکسی سرویس نرم افزار نمایشگاه خودرو نرم افزار املاک نرم افزار هتلداری نرم افزار مطب نرم افزار دندانپزشکی نرم افزار انبارداری نرم افزار حسابداری فروشگاه نرم افزار وکالت بهترین سایت تفریحی | مجله اینترنتی پارسی وان | مجله اینترنتی زیگیل | خرید بک لینک | خرید رپورتاژ | سینما تئاتر مای استیج | یک مهاجر | دنیای مهاجرت | مجله گردشگری کاروان | وردپرس دانلود | مجله تفریحی تندیس فان | نرم افزار | جوک جدید | اخبار هنر | اخبار کامپیوتر | سایت پزشکی | فروشگاه اینترنتی | سایت خبری | دانلود موزیک | اندروید سه | بانک شماره موبایل | پایگاه صالحین | مجله کامپیوتری | جاب لر | سهام نت | تکی کو | تم کد | مجله خانواده | مجله اینترنتی وبدون | پورتال خبری | سایت تفریحی تک لایو | مجله سرگرمی سیب رنک | سایت پزشکی دکتر طب | خرید گیفت کارت | مدرن بوک | شرکت تبلیغاتی | گیفت کارت | تولید کننده روغن زیتون ماشین آلات صنایع غذایی تولید کننده جعبه و کارتن تولید کننده ادویه