it-swarm-ko.tech

jQuery UI 테마

themeroller 의 모듈 사용자 정의 jQuery UI 테마를 사용하고 싶습니다. 가장 좋은 방법은 무엇입니까?

8
ya.teck

jquery_ui 모듈을 사용한다고 가정하면 다음과 같습니다.

  • ThemeRoller의 사용자 정의 테마를 포함하여 jQuery UI에 대해 custom download 를 빌드하고 모듈의 README.txt의 지시 사항에 따라 jquery_ui 폴더 아래에 복사하십시오.
  • 또는 사용자 정의 테마를 빌드하고 다운로드하여 jQuery UI의 테마 디렉토리에 복사하면됩니다.

편집하다:

그러나 Drupal 7은 이미 최신 jQuery UI와 함께 제공되므로 사용자 지정 jQuery UI 테마를 다운로드하고 다음 방법 중 하나를 사용하여 포함하면됩니다.

  • 디렉토리를 테마 폴더에 복사하고 테마의 .info에 CSS 파일을 포함하십시오.
  • 사용자 정의 모듈을 만들고 hook_init () 을 구현하고 drupal_add_css () 를 사용하여 사용자 정의 스타일 시트를 추가하십시오.

    함수 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의 경우, 주식 7 개 테마가이를 수행합니다 ( 저장소 링크 ) (요약) :

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

그에 따라 수정하십시오. "7"을 테마 이름으로 바꾸고 jQuery UI 테마의 CSS 파일 경로를 가리 킵니다.

3
Samat Jain

drupal_add_library()을 통해 UI를 추가하는 경우 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

다중 THEMEROLLER 생성 UI를 관리하고 이러한 UI를 Drupal 테마)에 첨부 한 jQuery UI theme 모듈을 사용하는 것이 좋습니다. 그런 다음 요소의 jquery UI CSS 클래스를 = Drupal block class /node class/webform css와 같은 모듈 사용.

2
fishfree