• 이윰빌더 시즌 4
  • 테마/스킨상점
이윰

테마설정 및 가이드

[메뉴설정] 각 서브 페이지 타이틀 이미지 변경 (메뉴코드)

본문

메뉴 등록시 각 메뉴는 메뉴코드를 순서대로 할당 받습니다.(참고 : http://e4net.fineyes.com/bbs/board.php?bo_table=eb4_theme_guide&wr_id=11)

등록된 메뉴코드를 활용해 파일에 코드가 출력되고 이 출력된 숫자들을 활용해 각 서브 페이지마다 다른 이미지가 출력되는 방법을 설명 드립니다.

 

 

메뉴 등록 후 해당 메뉴는 메뉴 코드를 순서대로 부여 받습니다.

1차 메뉴는 001, 002,003,.. 2차 메뉴는 001001, 001002,... 순으로 숫자를 부여받습니다.

부여 받은 숫자를 HTML에 표현한다면  1차 메뉴는 <?php echo $subinfo['cate1']; ?> 2차 메뉴 <?php echo $subinfo['cate1']; ?><?php echo $subinfo['cate2']; ?> 로 표현할 수 있습니다.

 

이 숫자 출력을 통해 메뉴로 등록된 각 서브페이지에 이미지를 다른게 출력할 수 있으며 예를 통해 이미지 출력을 설명하겠습니다.

1. /theme/테마명/layout/head.html.php 파일 원하는 위치에 아래의 소스 입력

<div class="board-title" style='background-image:url("<?php echo EYOOM_THEME_URL; ?>/image/board_title/gr_<?php echo $subinfo['cate1']; ?>.jpg")'>

2차 메뉴마다 이미지 출력을 한다면 

<div class="board-title" style='background-image:url("<?php echo EYOOM_THEME_URL; ?>/image/board_title/gr_<?php echo $subinfo['cate1']; ?><?php echo $subinfo['cate2']; ?>.jpg")'>

 

2. /theme/테마명/image/boar_title/ 폴더에 gr_001.jpg, gr_002.jpg, ... 생성된 메뉴 코드에 맞춰 이미지 파일 업로드

2차 메뉴마다 이미지 출력을 한다면 이미지 파일명은  gr_001001.jpg, gr_001002.jpg,... 

 

3. /theme/테마명/css/custom.css 파일에 원하는 스타일 입력

예)

.board-title {width:100%;height:180px;background-repeat:no-repeat;background-size:cover;background-position:center center;color:#fff;}

 

파일명, 파일경로, 스타일등의 수정은 사용자에 맞게 수정해도 무방합니다.

댓글목록 0

등록된 댓글이 없습니다.
전체 29 건 - 1 페이지
제목
회원사진 이윰넷 1,263 2018.07.05
회원사진 이윰넷 576 2019.08.29
회원사진 이윰넷 699 2019.07.05
회원사진 이윰넷 1,144 2019.05.27
회원사진 이윰넷 1,117 2019.02.28
회원사진 이윰넷 1,125 2019.02.27
회원사진 이윰넷 1,470 2018.09.14
회원사진 이윰넷 1,554 2018.07.10
회원사진 이윰넷 714 2018.07.10
회원사진 이윰넷 551 2018.07.10
회원사진 이윰넷 1,030 2018.07.10
회원사진 이윰넷 1,384 2018.07.10
회원사진 이윰넷 1,053 2018.07.10
회원사진 이윰넷 1,525 2018.07.09
회원사진 이윰넷 1,409 2018.07.09