• 이윰빌더 시즌 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

등록된 댓글이 없습니다.
전체 28 건 - 1 페이지
제목
회원사진 이윰넷 735 2018.07.05
회원사진 이윰넷 65 2019.07.05
회원사진 이윰넷 215 2019.05.27
회원사진 이윰넷 551 2019.02.28
회원사진 이윰넷 457 2019.02.27
회원사진 이윰넷 980 2018.09.14
회원사진 이윰넷 1,140 2018.07.10
회원사진 이윰넷 475 2018.07.10
회원사진 이윰넷 351 2018.07.10
회원사진 이윰넷 715 2018.07.10
회원사진 이윰넷 868 2018.07.10
회원사진 이윰넷 736 2018.07.10
회원사진 이윰넷 1,076 2018.07.09
회원사진 이윰넷 620 2018.07.09
회원사진 이윰넷 928 2018.07.09