웹 사이트를 Joomla로 포팅 : JavaScript 메뉴를 어떻게 처리합니까?

StackOverflow https://stackoverflow.com/questions/622552

  •  05-07-2019
  •  | 
  •  

문제

기존 사이트를 Joomla 1.5로 포팅하고 있습니다. 기존 사이트의 메뉴는 롤오버 이미지와 인라인 JavaScript를 사용합니다. 메뉴 코드를 다시 작성하지 않고 Joomla에서 메뉴를 동일하게 보이게하고 Joomla 메뉴를 사용하려면 어떻게해야합니까?

도움이 되었습니까?

해결책

결국 그것은 실제로 다소 단순하게되었습니다. Joomla는 메뉴를 만듭니다 <UL><LI><A> 태그. 내가해야 할 일은 메뉴 이미지 중 하나에서 배경을 추출하고 (선택된 상태 및 선택되지 않은 상태 모두) 이미지를 Joomla CSS의 각 스타일의 배경으로 설정하고 Voila는 거의 오래된 것처럼 보입니다. 사이트 (텍스트가 더 이상 이미지의 일부가 아니기 때문에 약간 다른 글꼴을 뺀 것).

다른 팁

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

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

롤오버는 약간 까다로울 것입니다. 인라인 JavaScript를 추가 할 수는 없지만 JavaScript를 사용하여 메뉴를 찾고 각 항목에 롤오버를 할당 할 수 있습니다. Joomla는 Mootools와 함께 배송되거나 더 편안한 히트 히트가 더 편한 경우 jQuery를 사용할 수 있습니다. 고급 매개 변수 아래에서 메뉴 태그 ID 필드를 사용하여 메뉴를 제공합니다. ul 요소 html id.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top