메뉴플리즈 제작팁

상단 배경이미지 등록
메뉴플리즈 | 등록일 : 2016-11-17 01:35:57 | 조회 : 197

템플릿관리-index.tpl 를 수정한다

50번째줄 (contrl-F 해서 찾기)

 

       

 

 

에서 마지막줄 section-nav" 다음에 배경을 아래와같이 직접 입력해줄수 있다. 

 

 

style="background:url(/_var/menuplz/banner/fine-dining.jpg) no-repeat 50% 50% transparent;background-size: cover;" >

 

 

 

 

굵은글씨가 추가해준 부분 , 빨간색 글씨는 이미지 경로

 

이미지 경로다음에  no-repeat 50% 50% transparent;background-size: cover; 부분은 어떻게 보여줄지 옵션을 설정하는 부분으로

 

no-repeat 은 반복없음

repeat-x 는 옆으로 반복

repeat-y 는 위아래로 반복

 

background-size: cover;​ 로 설정하면 좌우로 그냥 꽉차게 이미지를 늘려준다.

추가적인 옵션은 인터넷 검색