it-swarm.asia

jQuery UI theming

أريد استخدام سمة jQuery UI المخصصة للوحدة النمطية من themeroller . ما هي أفضل طريقة للقيام بذلك؟

8
ya.teck

بافتراض أنك تستخدم الوحدة jquery_ui ، كل ما عليك فعله هو:

  • إنشاء تنزيل مخصص لواجهة مستخدم jQuery بما في ذلك السمة المخصصة من ThemeRoller ونسخها ضمن مجلد jquery_ui ، باتباع الإرشادات الواردة في README.txt للوحدة النمطية
  • بدلاً من ذلك ، يمكنك فقط إنشاء السمة المخصصة الخاصة بك وتنزيلها ونسخها إلى دليل السمة الخاص بـ jQuery UI

تعديل:

ومع ذلك ، نظرًا لأن Drupal 7 يأتي بالفعل مع أحدث واجهة مستخدم jQuery ، فكل ما عليك فعله هو تنزيل سمة jQuery UI المخصصة الخاصة بك وتضمينها باستخدام إحدى الطرق التالية:

  • انسخ الدليل إلى مجلد السمة وقم بتضمين ملف css في معلومات السمة .info
  • إنشاء وحدة مخصصة وتنفيذ hook_init () واستخدام drupal_add_css () لإضافة ورقة أنماط مخصصة:

    function mymodule_init () {$ options = array ('group' => CSS_THEME، 'every_page' => TRUE، 'weight' => 9999) ؛ drupal_add_css (drupal_get_path ('module'، 'mymodule')، 'mymodule.css'، $ options)؛ }}

6
Alex Weber

من أجل Drupal 7 ، يقوم سهم Seven theme بذلك ( رابط المستودع ) (مختصر):

function seven_css_alter(&$css) {
  if (isset($css['misc/ui/jquery.ui.theme.css'])) {
    $css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
  }
}

التعديل وفقًا لذلك - على سبيل المثال. استبدل "سبعة" باسم السمة ، وأشر المسار إلى ملف CSS الخاص بسمة jQuery UI.

3
Samat Jain

إذا كنت تضيف واجهة المستخدم عبر drupal_add_library() ، يمكنك تغيير النمط باستخدام hook_library_alter(). فمثلا:

/**
 * Implements hook_library_alter().
 */
function YOURMODULENAME_library_alter(&$libraries, $module) {
  unset($libraries['ui']['css']['misc/ui/jquery.ui.theme.css']);
  $libraries['ui']['css']['path/to/your/custom/theme/jquery.ui.theme.css'] = array();
}
3
Web Assistant

أوصي باستخدام سمة jQuery UI الوحدة التي تدير العديد من واجهات المستخدم التي تم إنشاؤها بواسطة THEMEROLLER وأرفقت هذه الواجهات إلى Drupal. ثم اضبط فئات jquery UI CSS للعناصر في = Drupal مع الوحدات مثل فئة الكتلة /node class/webform css ، إلخ.

2
fishfree