هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[برای ۱.۸] آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor
#1
طبق درخواست یکی از کاربران به دنبال راهی برای افزودن فونت های بیشتر و دل بخواه توی اس سی ادیتور SCEditor بودیم و خوشبختانه موفق شدیم.آموزش رو در بخش آموزش قرار میدم تا دوستان هم استفاده کنن و دسترسی راحتی داشته باشن.

خب فایل زیر رو پیدا و باز کنید: jquery.sceditor.xhtml.min.js  و jquery.sceditor.min.js  و  jquery.sceditor.bbcode.min.js    --- توی پوشه jscripts\sceditor قرار داره ---

تک تک کد زیر رو سرچ کنید داخلشون:
کد php:
fonts:"Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana" 

و توی این قسمت فونت خودتون رو اضافه کنید. سعی کنید به همون ترتیبی که وارد کردید برای فایل های دیگه هم وارد کنید.


تست شده، 100% سالم.

توجه بشه که اگر فونت مورد نظر رو کاربر نداشته باشه لود نمیکنه، برای این حالت باید کد سی اس اس بنویسید که اصلا پیشنهاد نمیشه.چون حجم سایت هنگام لود بالا میره و مناسب نیست...


موفق و سر بلند باشید... Heart

منبع: مای بی بی ایران
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطsia2 (۱۳۹۴/۱/۶، ۲۳:۴۱:۰۸ عصر) ، motorola30 (۱۳۹۴/۱/۷، ۰۰:۰۶:۲۹ صبح) ، محمد محمدی (۱۳۹۴/۱/۷، ۱۷:۳۶:۴۹ عصر) ، Deshneh (۱۳۹۴/۱/۸، ۱۰:۲۵:۴۵ صبح)
#2
خیلی ممنون

اون قسمت کد سی اس اس رو هم توضیح میدادین Big Grin
اگه قرار باشه که واسه کاربر لود نشه به درد نمیخوره Confused
forum.romansara.com Blush
پاسخ
 سپاس شده توسطfirstboy000 (۱۳۹۴/۱/۷، ۱۱:۵۷:۰۷ صبح)
#3
کد:
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}

خب به فرم بالا دقت کنید.خط اول و آخر ثابت هست.
خط دوم میگه که اسمی که فراخوانی بشه چی هست به این صورت نوشته شده BYekan که شما این اسمو باید توی همون سه تا فایل بنویسید.اگر متفاوت باشه به صورت آنلاین لود نمیشه.
خطوط بعدی میگن که فونت ها به سه فرمت موجود هستن که توی فلان جا(پوشه فونت در روت مای بی بی)قرار دارن این یعنی اینکه شما باید این سه فرمت از فونت رو با همون اسم توی پوشه fonts آپلود کنید...

حالت بعدی برای خلاص شدن از دردسر پیدا کردن فونت و آپلود و... استفاده از سایت های ارائه دهنده فونت آنلاین هستن. [تصویر:  photos.png] نمونه: http://fontonline.ir
فونت مورد نظر رو میتونید از اینجا دانلود کنید یا اینکه با قرار دادن کدی که داده توی قالب headerinclude و یا جاهایی که خودتون فکر میکنید لازمه اون فونت رو فراخوانی کنید. مثال میزنم که راحت باشید:
برای فونت بی یکان وارد صفحش میشیم http://fontonline.ir/byekan.html
کد مرحله یک رو به انتهای قابلی که گفتم اضافه میکنیم:
کد:
<link href='http://www.fontonline.ir/css/BYekan.css' rel='stylesheet' type='text/css'>

بعد به اسم BYekan فراخوانی میشه.ما هم همین اسم رو داخل اون سه فایل مینویسیم و تمام.
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطmotorola30 (۱۳۹۴/۱/۷، ۱۲:۲۳:۴۳ عصر) ، sia2 (۱۳۹۴/۱/۸، ۰۰:۱۵:۰۴ صبح)
#4
(۱۳۹۴/۱/۷، ۱۱:۵۵:۰۷ صبح)firstboy000 نوشته است:
کد:
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}

خب به فرم بالا دقت کنید.خط اول و آخر ثابت هست.
خط دوم میگه که اسمی که فراخوانی بشه چی هست به این صورت نوشته شده BYekan که شما این اسمو باید توی همون سه تا فایل بنویسید.اگر متفاوت باشه به صورت آنلاین لود نمیشه.
خطوط بعدی میگن که فونت ها به سه فرمت موجود هستن که توی فلان جا(پوشه فونت در روت مای بی بی)قرار دارن این یعنی اینکه شما باید این سه فرمت از فونت رو با همون اسم توی پوشه fonts آپلود کنید...

حالت بعدی برای خلاص شدن از دردسر پیدا کردن فونت و آپلود و... استفاده از سایت های ارائه دهنده فونت آنلاین هستن. [تصویر:  photos.png] [تصویر:  photos.png][b] نمونه:[/b] http://fontonline.ir
فونت مورد نظر رو میتونید از اینجا دانلود کنید یا اینکه با قرار دادن کدی که داده توی قالب headerinclude و یا جاهایی که خودتون فکر میکنید لازمه اون فونت رو فراخوانی کنید. مثال میزنم که راحت باشید:
برای فونت بی یکان وارد صفحش میشیم http://fontonline.ir/byekan.html
کد مرحله یک رو به انتهای قابلی که گفتم اضافه میکنیم:
کد:
<link href='http://www.fontonline.ir/css/BYekan.css' rel='stylesheet' type='text/css'>

بعد به اسم BYekan فراخوانی میشه.ما هم همین اسم رو داخل اون سه فایل مینویسیم و تمام.
خیلی ممنون مدیر جون Blush
الان اگه بخوام واسه ادیتور استفاده کنم باید تو کدوم قالبا باید اضافه بشه Confused
forum.romansara.com Blush
پاسخ
#5
برای حالت اول رو که به پوسته ها > پوسته مورد نظر> ابتدای کدهای global.css وارد میکنید کافیه

برای حالت دوم رو هم به انتهای کدهای قالب های دسته بندی نشده >  headerinclude کافیه
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۳:۳۳ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۵:۳۱ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۷:۰۸ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  [آموزش] افزودن ادیتور به پاسخ سریع بدون نیاز به پلاگین firstboy000 0 1,993 ۱۳۹۵/۴/۴، ۲۲:۴۶:۱۹ عصر
آخرین ارسال: firstboy000
  [آموزش] تغییرات در ادیتور sceditor پیشفرض مای بی بی 1.8 saeed_same 0 2,065 ۱۳۹۴/۴/۶، ۰۲:۳۴:۵۹ صبح
آخرین ارسال: saeed_same

پرش به انجمن:


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