웹 사이트를 Joomla로 이식 : Javascript 메뉴를 어떻게 처리합니까?

기존 사이트를 Joomla 1.5로 이식하고 있습니다. 기존 사이트의 메뉴는 롤오버 이미지와 인라인 자바 스크립트를 사용합니다. Joomla에서 메뉴를 똑같이 보이게하고 메뉴 코드를 다시 작성하지 않고 Joomla 메뉴를 사용할 수 있습니까?웹 사이트를 Joomla로 이식 : Javascript 메뉴를 어떻게 처리합니까?

출처

2009-03-07 cdonner

행운을 비네. Joomla에 대해 알아야 할 한가지는 Joomla가 당신의 방식대로 일하는 대신에 Joomla의 방법으로 일을해야한다는 것입니다. 드루팔 (Drupal)과 같이 유연한 CMS를 고려해 보셨습니까? – ceejayoz

나는 Silverstripe를 고려하고 Drupal을 배우고 싶지 않다. 어쩌면이게 내 마음을 바꿀거야. – cdonner

결국 실제로는 간단 해졌습니다. Joomla는 메뉴를 <UL><LI><A> 태그로 렌더링합니다. 내가 한 일은 메뉴 이미지 중 하나 (선택되거나 선택되지 않은 상태 모두)에서 배경을 추출하고, Joomla CSS의 각 스타일의 배경으로 이미지를 설정하며, 실제로는 이전과 똑같이 보입니다 사이트 (텍스트가 더 이상 이미지의 일부가 아니기 때문에 약간 다른 글꼴을 빼십시오).

출처

2009-03-10 17:41:31 cdonner

메뉴 항목을 이미지로 표시하려면 메뉴 항목을 편집하고 매개 변수 (시스템) 제목 아래 이미지를 선택하십시오 (이 목록은 이미지/스토리 폴더의 이미지로 자동 채워집니다).

설정 한 이미지를 표시하려면 메뉴 모듈을 설정해야합니다. 확장 프로그램> 모듈로 이동 한 다음 메뉴 (예 : 기본 메뉴)의 모듈을 선택하십시오. 거기에서 기타 매개 변수를 선택한 다음 메뉴 이미지 표시 및 메뉴 이미지 링크를 예로 설정하십시오.

롤오버는 조금 더 까다 롭습니다. 인라인 자바 스크립트를 추가 할 수 없지만 자바 스크립트를 사용하여 메뉴를 찾고 각 항목에 롤오버를 지정할 수 있습니다. Joomla는 MooTools와 함께 제공되거나 jQuery를 사용할 수 있습니다. 고급 매개 변수 아래의 메뉴 태그 ID 필드를 사용하여 메뉴 ul 요소에 HTML ID를 부여하십시오.

출처

2009-03-09 14:15:41 jlleblanc

웹 사이트를 Joomla로 이식 : Javascript 메뉴를 어떻게 처리합니까?

답변

관련 문제